Changeset 1778 for trunk/template/yoga/theme
- Timestamp:
- Feb 4, 2007, 7:42:37 PM (18 years ago)
- Location:
- trunk/template/yoga/theme/p0w0
- Files:
-
- 1 deleted
- 1 edited
Legend:
- Unmodified
- Added
- Removed
-
trunk/template/yoga/theme/p0w0/theme.css
r1771 r1778 1 1 /* $Id: theme.css 1677 2006-12-21 21:38:20Z rub $ */ 2 2 3 /* text color */ 4 BODY, H1, H3, DT, 3 /** 4 * Color scheme (Remember #6699cc = #69c) 5 * #000000 #336699 #4477aa #6699cc (Black -> Blues) 6 * #cc6600 #ff9933 (Oranges) 7 * #cccccc 8 * #ccddee #dfe8ff #eeeeff #ffffff (Light colors -> White) 9 * */ 10 /** 11 * Logic 12 * - Texts 13 * - Backgrounds 14 * - Borders, Margins, Padding 15 * - Visibility / Display 16 */ 17 18 /******************************************************************************/ 19 /* Texts Only */ 20 BODY, H1, H3, DT, H2, .throw, 21 #copyright, 22 #menubar .selected A { color: #69c; } 23 H2, #menubar DT, .throw, TD H3, #theAdminPage H3, .calForeDate { 24 color: #fff; 25 } 26 #menubar DT, #menubar DT A { 27 color: #fff; 28 font-weight: bold; 29 } 30 #content .titrePage .categoryActions li { color: #cde;} 31 #menubar DT A:hover { 32 color: #f92; 33 font-weight: bold; 34 } 35 #menubar .selected A:hover, 36 #content .pageNumberSelected, 37 A, INPUT.rateButton, legend { color: #369; } 38 A:hover { color: #f92; } 5 39 INPUT.rateButtonSelected /* <= why IE doesn't inherit this ? */ { 6 40 color:#69c; 7 41 } 8 #menubar { 9 margin : 0px; 10 background-color: transparent; 11 border: 0px; 12 } 13 H2, .throw { 14 color: #69c; 15 } 16 #menubar DT, #menubar DT A { 17 color: #69c; 18 font-weight: lighter; 19 } 20 #menubar DT A:hover { 21 color: #f92; 22 font-weight: lighter; 23 } 24 #menubar .selected A { 25 color: #69c; 26 } 27 #menubar .selected A:hover { 28 color: #f92; 29 } 30 #menubar DT:before { 31 content: "__\\_ "; 32 color: #f92; 33 } 34 #menubar DT:after { 35 content: " _/__"; 36 color: #69c; 37 } 38 #theAdminPage #menubar DT:before, 39 #theAdminPage #menubar DT:after { 40 content: ''; 41 } 42 #content .navigationBar { 43 color: #666; 44 } 45 #content .pageNumberSelected { 46 color: #f92; 47 } 48 #content .infos { 49 background-color: #69c; 50 color: #036; 51 } 52 #content .errors { 53 background-color: #fc5; 54 border-color: #f92; 55 color: #900; 56 } 57 /* backgrounds */ 58 59 60 BODY { 61 background: #ddd; 62 margin: 0px; 63 padding: 0px; 64 } 65 H3, #imageHeaderBar, #imageToolBar A:hover, .row1 { 66 background-color: #fff; 67 } 68 69 #theAdminPage #the_page { 70 background-color: #fff; 71 } 72 #imageToolBar, .header_notes { 73 background-color: #fff; 74 } 75 A { 76 border-color: #69c; 77 } 78 A:hover { 79 border-color: #f92; 80 } 81 82 #content, DIV.content { 83 /* All div similar to #content can be classified as content */ 84 85 background-color: #eee; 86 border: 1px solid #69c; 87 padding: 5px; 88 } 89 H2, #menubar DT, .throw, TD H3, #theAdminPage H3 { 90 background-image: url(images/tableh1_bg.png); 91 } 42 .infoTable, 43 #theAdminPage #content, 44 #content .navigationBar, 45 input#qsearchInput { color: #369; } 46 #content .infos { color: #036; } 47 #content .errors { color: #900; } 48 #content .titrePage H2 A { color: #dfe8ff; } 49 input.rateButtonSelected, 50 #content .titrePage H2 A:hover { color: #f92; } 92 51 #content H2 { 93 background: none; 94 border: 0px; 95 letter-spacing: -0.05em; 52 letter-spacing: 0.01em; 96 53 text-indent: 1em; 97 text-transform: uppercase;98 54 font-weight: normal; 99 margin-bottom: 20px;100 55 } 101 56 #content H3 { 102 57 text-indent: 3em 103 58 } 59 .browsePath, .imageNumber, 60 #imageHeaderBar H2, 104 61 .browsePath A { 105 color: #999; 106 } 62 color: #eef; 63 font-weight: bold; 64 } 65 .browsePath A:hover { color: #fff; } 107 66 #content H2:before, .browsePath:before, .imageNumber:before, 108 67 #imageHeaderBar H2:before { 109 content: "____\\_ "; 110 color: #f92; 111 font-family: Times, Zapf-Chancery, Cottonwood, Helvetica; 112 letter-spacing: 0em; 68 content: "____ "; 69 font-weight: normal; 70 color: #fff; 71 font-family: sans-serif; 72 letter-spacing: 0em; 113 73 } 114 74 #content H2:after, .browsePath:after, .imageNumber:after, 115 75 #imageHeaderBar H2:after { 116 content: " _/____"; 117 color: #69c; 118 font-family: Times, Zapf-Chancery, Cottonwood, Helvetica; 119 letter-spacing: 0em; 120 } 121 #imageHeaderBar H2 { 122 background-image: none; 123 background-color: transparent; 124 border: none; 125 } 126 #thePicturePage #the_page { 127 background-color: #fff; 128 } 129 #thePicturePage #imageHeaderBar { 130 background-image: url(images/tableh2_bg.png); 131 background-repeat: repeat-x; 132 } 133 #thePicturePage #imageToolBar { 134 background-color: #fff; 135 border-bottom: 2px solid #f92; 136 } 76 content: " ____"; 77 color: #fff; 78 font-family: sans-serif; 79 font-weight: normal; 80 letter-spacing: 0em; 81 } 82 #thePicturePage #comments H2 { 83 color: #69c; 84 } 85 #content ul.thumbnailCategories li div.thumbnailCategory .description p + p { 86 color: #369; 87 } 88 #theAdminPage h3 a, 89 #content div.thumbnailCategory .description h3 a { 90 color: #fff; 91 } 92 #content div.thumbnailCategory .description h3 a:hover { 93 color: #f92; 94 } 95 .pleaseNote { 96 color: #ff9; 97 font-weight: bold; 98 } 99 TD.calDayCellEmpty, 100 SPAN.calItemEmpty { color: silver; } 101 .calBackDate { color: #000; } 102 input[type="reset"], 103 input[type="submit"] { 104 color: #fff; 105 font-weight: bold; 106 } 107 108 /******************************************************************************/ 109 /* Backgrounds Only */ 110 BODY { background: #cde; } 111 .header_notes, 112 #thePicturePage #the_page, 113 #thePicturePage #theImage, 114 #theAdminPage #the_page, 115 #content, DIV.content { background-color: #dfe8ff; } 116 #menubar, H3, #imageHeaderBar, 117 .row1 { background-color: #eef; } 118 H2, #menubar DT, .throw, TD H3, 119 #imageToolBar, 120 #imageHeaderBar, #imageHeaderBar H2, 121 #theAdminPage H3 { background-color: #369; } 122 #content H2 { background-color: #369; } 123 #content .infos { background-color: #47a; } 124 #content .errors { background-color: #fc5; } 125 #thePicturePage #comments H2 { 126 background-color: #eef; 127 } 128 #content ul.thumbnailCategories li div.thumbnailCategory .description h3 { 129 background-color: #69c; 130 } 131 #content ul.thumbnailCategories li div.thumbnailCategory, 132 #content UL.thumbnails SPAN.wrap2 { background-color: #eef; } 133 #content ul.thumbnailCategories li div.thumbnailCategory:hover, 134 #theImage IMG, .navThumb IMG, 135 #content UL.thumbnails SPAN.wrap2:hover { background-color: #fff; } 136 .pleaseNote { 137 background: #69c; 138 } 139 input#qsearchInput { background-color: #cde; } 140 .virtual_cat { background: #fff !important; } 141 input[type="reset"], 142 input[type="submit"] { 143 background-color: #369; 144 } 145 /******************************************************************************/ 146 /* Borders, Margins, Padding Only */ 147 BODY { margin: 0px; padding: 0px; } 148 #menubar { 149 margin : 0px 0px 0px 8px; 150 border: 0px; 151 text-decoration: none; 152 border: 1px solid #369; 153 } 154 A { border: 0px; text-decoration: none; } 155 A:hover { text-decoration: none; border: 0px; } 156 #content, DIV.content { 157 border: 1px solid #369; 158 padding: 0px; 159 } 160 #content H2 { 161 border: 0px; 162 margin-bottom: 20px; 163 } 164 #content .errors { border-color: #f92; } 165 #imageHeaderBar H2 { border: 0px; } 166 #thePicturePage #imageToolBar { padding: 0px 25px 5px 25px; } 137 167 #thePicturePage #theImage { 138 background-color: #fff;139 168 margin: 0px; 140 169 padding: 3px 0px 15px 0px; 141 170 } 142 143 171 #thePicturePage #comments H2 { 144 background-image: none; 145 background-color: #ddd; 146 border-top: 2px solid #f92; 147 border-bottom: 2px solid #f92; 148 color: #f92; 149 font-weight: lighter; 150 } 151 152 /* borders */ 172 border-top: 2px solid #69c; 173 border-bottom: 1px solid #369; 174 } 153 175 #comments DIV.comment BLOCKQUOTE { 154 176 border: 1px solid #fff; 155 177 } 156 #imageHeaderBar {157 border-top: 1px solid #fff;158 }159 178 H2, #imageToolBar { 160 179 border-bottom: 1px solid #fff; 161 180 } 162 163 #theImage IMG { 164 border-color: #111; 165 } 166 181 .navThumb IMG { border: 1px solid #369; padding: 1px } 182 #theImage IMG { border: 3px solid #369; margin: 2px auto; padding: 1px } 167 183 #content UL.thumbnail IMG { 168 184 border: 1px solid #666; … … 174 190 #content DIV.comment A.illustration IMG, #infos, 175 191 #content DIV.thumbnailCategory { 176 border: 1px solid gray;177 }178 #content DIV.thumbnailCategory {179 192 border: 1px solid #69c; 180 margin: 8px 4px; 193 background-color: #dfe8ff; 194 margin: 3px; 181 195 } 182 196 #content DIV.thumbnailCategory:hover { 183 197 border: 1px solid #f92; 184 background-color: #fff; 185 } 186 #comments DIV.comment BLOCKQUOTE { 187 border-left: 2px solid #969696; 188 } 189 198 } 190 199 #content UL.thumbnails SPAN.wrap2 { 191 200 border: 1px solid #69c; /* thumbnails border color and style */ … … 195 204 #content UL.thumbnails SPAN.wrap2:hover { 196 205 border-color: #f92; /* thumbnails border color when mouse cursor is over it */ 197 background-color: #fff; 198 } 199 #menubar .buttonmenu { 200 margin: 0 2px; 201 width: auto; 202 padding: 0; 203 text-indent: 0; 204 list-style: none; 205 text-align: center; 206 float: left; 207 } 208 /* links */ 209 A, INPUT.rateButton, legend { 210 color: #69c; 211 } 212 213 A:hover { 214 color: #f92; 215 } 216 206 } 207 A.navThumb, A.navThumb:hover, 217 208 #imageToolBar A, #imageToolBar A:hover { 218 209 border-bottom: none; 219 210 } 220 A.navThumb, A.navThumb:hover { 221 border-bottom: none; 222 } 223 /* others */ 211 #the_page { 212 border: 0px; 213 padding: 5px 0px 30px 0px; 214 margin: 0px; 215 } 224 216 .pleaseNote { 225 background: #9c9c9c;226 color: #ffff99;227 217 padding: 1ex; 228 font-weight: bold; 229 } 230 #the_page { 231 border: 1px dotted #69c; 232 padding-top: 5px; 233 padding-bottom:30px; 234 text-align:center; 235 display:block; 236 margin: 2px; 237 } 238 #copyright { 239 color: #69c; 240 } 241 /*calendar elements*/ 242 SPAN.calItemEmpty { color: silver; } 243 244 SPAN.calItem, SPAN.calItemEmpty 245 { 246 border: 1px solid gray; 247 } 248 label { 249 cursor:pointer 250 } 251 input#qsearchInput { 252 color: #36f; background-color: #cef; 253 } 218 } 219 SPAN.calItem, SPAN.calItemEmpty { border: 1px solid gray; } 220 TD.calDayCellEmpty, TD.calDayCellFull { border: 1px solid gray;} 221 input[type="reset"], 222 input[type="submit"] { 223 border: 1px solid #eef; 224 padding: 5px 5px; 225 } 226 #addComment input[name="submit"] { padding: 5px 30px; } 227 #theAdminPage #content table td { padding: 2px 8px; } 228 input[type="text"], input[type="password"], input.button, 229 input.submit, input.reset, input.file, 230 select, textarea { 231 color: #369; 232 border: 1px solid #369; 233 background-color: #eeeeff; 234 } 235 236 input:focus, select:focus, textarea:focus /*, INPUT.focus, FORM .focus*/ { 237 background-color: #fff; 238 } 239 240 /******************************************************************************/ 241 /* Display, Visibility and others */ 242 label { cursor:pointer } 254 243 .zero { display: none } 255 244 .one { } 256 245 .2nmore { } 257 258 /* nice looking month calendar*/ 259 TD.calDayCellEmpty, TD.calDayCellFull { border: 1px solid gray;} 260 261 TD.calDayCellEmpty { color: silver; } 262 263 .calBackDate { color: #000; } 264 .calForeDate { color: #fff; } 265 .virtual_cat { background: #fff !important; } 246 #the_page { 247 text-align:center; 248 display:block; 249 } 250 #content H2::after { content: leader(dotted) }
Note: See TracChangeset
for help on using the changeset viewer.