source: trunk/template/yoga/admin/default-layout.css @ 1881

Last change on this file since 1881 was 1881, checked in by rub, 17 years ago

Add tabsheet on administration pages.

Step 3: Tabsheet for configuration & history

Change css tabsheet to do like p0w0 for all themes

  • Property svn:keywords set to Author Date Id Revision
File size: 3.1 KB
Line 
1/* $Id: */
2BODY#theAdminPage #theHeader P {
3  display: none;
4}
5
6/* History tables */
7TABLE.table2 {
8  border: 1px solid black;
9  margin: 1em auto;
10  padding: 0;
11}
12
13TABLE.table2 TD, TABLE.table2 TH {
14  padding: 0 1em;
15}
16
17TABLE.table2 TR {
18  text-align: left;
19}
20
21TABLE.table2 TR.throw {
22  text-align: center;
23}
24
25.hour {
26  white-space: pre;
27}
28
29.number {
30  text-align: right;
31}
32
33TABLE#dailyStats {
34  width: 60%;
35}
36
37TABLE#detailedStats {
38  width: 99%;
39}
40
41/* categoryOrdering */
42SELECT.categoryList {
43  width: 100%;
44}
45
46FORM#categoryOrdering {
47  padding-left: 1em; /* same as FIELDSET margin (there is no fieldset in this form) */
48  padding-right: 1em; /* same as FIELDSET margin (there is no fieldset in this form) */
49}
50FORM#categoryOrdering p {
51        text-align: left;
52        margin-top: 1em;
53        margin-bottom: 1em;
54}
55UL.categoryUl {
56  list-style: none;
57  padding: 0;
58  margin: 0;
59}
60
61LI.categoryLi {
62  border: 1px solid gray;
63  padding: 0px 5px;
64  margin-bottom: 5px;
65}
66
67FORM#categoryOrdering UL.categoryActions {
68  float: right;
69  margin-top: 5px;
70}
71/* */
72
73FORM#catModify TABLE { width: auto; }
74
75FIELDSET.elementEdit A {
76  display: block;
77  float: right;
78}
79
80TABLE.doubleSelect {
81  text-align: center;
82  margin: 0 auto;
83  width: 100%;
84}
85
86TABLE.doubleSelect TD {
87  padding: 0 5px;
88  width: 50%;
89}
90
91TABLE.doubleSelect SELECT.categoryList {
92  width: 100%;
93}
94
95FORM#categoryPermissions LI {
96  display:inline;
97  white-space: nowrap;
98}
99
100FIELDSET#generalConf SPAN.property {
101  width: 25%;
102}
103FIELDSET#generalConf TEXTAREA.description {
104  width: 70%;
105}
106
107/* PWG Links Menu is fixed Graphic charts */
108.pwgmenu {
109  display: table;
110  list-style-type: none;
111  list-style-image: none; /* for firefox */
112  white-space: nowrap; 
113  position: relative;
114  text-decoration : none;
115  font-family: verdana, arial, helvetica, sans-serif;
116  font-size: 70%;
117  line-height: 1.1em;
118  width: 66em;
119  margin: 1px 8px 1px auto;
120  padding: 3px;
121  background: transparent;
122}
123.pwgmenu li {
124  float: left;
125  width: 10em !important;
126  text-align: center;
127  margin: 0 6px;
128  padding: 0;
129
130}
131.pwgmenu a {
132  width: 9em !important;
133  display: block;
134  padding: 4px 8px;
135  background: #69c; /* PWG Graphic charts */
136  color: white;
137  text-align: center; 
138  text-decoration: none;
139  font-weight: bold;
140  border: 1px solid #fff; /* Why bordered? in case of #69c background */ 
141}
142.pwgmenu a:hover {
143  background: #f92;
144  color: white;
145} /* PWG Graphic charts */
146
147
148.statBar {
149  height: 10px;
150  background-color: #66f;
151  border: 1px solid black;
152}
153
154/* Tabsheet */
155.tabsheet {
156  display: table;
157  list-style-type: none;
158  list-style-image: none; /* for firefox */
159  white-space: nowrap; 
160  margin-left: auto; margin-right: auto;
161  text-decoration : none;
162  background: transparent;
163  border-bottom: 1px solid #fff;
164}
165
166.tabsheet li {
167  float: left;
168  text-align: center;
169  margin: 0 6px;
170  color: white;
171  font-size: 110%;
172  font-weight: bold;
173  padding: 4px 8px;
174  border: 1px solid #fff;
175  border-radius: 6px 6px 0px 0px;       /* round corners with CSS3 compliant browsers */
176  -moz-border-radius: 6px 6px 0px 0px;  /* round corners with CSS3 compliant browsers */
177  padding: 5px 2em 2px 2em;
178}
179
180/* Tabsheet */
Note: See TracBrowser for help on using the repository browser.