Mercurial > moin-dev
comparison css/common.css @ 0:4d8c01a28dd0
Initial import
| author | Radomir Dopieralski <devel@sheep.art.pl> |
|---|---|
| date | Wed, 14 May 2008 10:21:39 +0200 |
| parents | |
| children |
comparison
equal
deleted
inserted
replaced
| -1:000000000000 | 0:4d8c01a28dd0 |
|---|---|
| 1 /* common.css - MoinMoin Default Styles | |
| 2 | |
| 3 Copyright (c) 2001, 2002, 2003 by Juergen Hermann | |
| 4 */ | |
| 5 | |
| 6 html, body { | |
| 7 font-size: medium; | |
| 8 } | |
| 9 a.www:before {content: url(../img/moin-www.png); margin: 0 0.2em;} | |
| 10 a.http:before {content: url(../img/moin-www.png); margin: 0 0.2em;} | |
| 11 a.https:before {content: url(../img/moin-www.png); margin: 0 0.2em;} | |
| 12 a.file:before {content: url(../img/moin-ftp.png); margin: 0 0.2em;} | |
| 13 a.ftp:before {content: url(../img/moin-ftp.png); margin: 0 0.2em;} | |
| 14 a.nntp:before {content: url(../img/moin-news.png); margin: 0 0.2em;} | |
| 15 a.news:before {content: url(../img/moin-news.png); margin: 0 0.2em;} | |
| 16 a.telnet:before {content: url(../img/moin-telnet.png); margin: 0 0.2em;} | |
| 17 a.irc:before {content: url(../img/moin-telnet.png); margin: 0 0.2em;} | |
| 18 a.mailto:before {content: url(../img/moin-email.png); margin: 0 0.2em;} | |
| 19 a.attachment:before {content: url(../img/moin-attach.png); margin: 0 0.2em;} | |
| 20 a.badinterwiki:before {content: url(../img/moin-inter.png); margin: 0 0.2em;} | |
| 21 a.interwiki:before {content: url(../img/moin-inter.png); margin: 0 0.2em;} | |
| 22 | |
| 23 blockquote { | |
| 24 clear: both; | |
| 25 margin: 0.25em 1.5em; | |
| 26 } | |
| 27 | |
| 28 /* Headings */ | |
| 29 | |
| 30 li p { | |
| 31 margin: .25em 0; | |
| 32 } | |
| 33 | |
| 34 ul li { | |
| 35 list-style: square outside; | |
| 36 margin: 0; | |
| 37 padding: 0; | |
| 38 } | |
| 39 ul, ol { | |
| 40 margin: 0.25em 0; | |
| 41 padding: 0 0 0 1em; | |
| 42 } | |
| 43 li.gap { margin-top: 0.5em; } | |
| 44 | |
| 45 a img, a img.drawing { border: none; } | |
| 46 dt { font-weight: bold; } | |
| 47 | |
| 48 pre { | |
| 49 clear: both; | |
| 50 padding: 0.5em; | |
| 51 font-family: monospace; | |
| 52 font-weight: normal; | |
| 53 font-size: medium; | |
| 54 white-space: pre; | |
| 55 /* begin css 3 or browser specific rules - do not remove! Forcing long lines to wrap. | |
| 56 see: http://forums.techguy.org/archive/index.php/t-249849.html */ | |
| 57 white-space: pre-wrap; | |
| 58 word-wrap: break-word; | |
| 59 white-space: -moz-pre-wrap; | |
| 60 white-space: -pre-wrap; | |
| 61 white-space: -o-pre-wrap; | |
| 62 /* end css 3 or browser specific rules */ | |
| 63 } | |
| 64 | |
| 65 table { | |
| 66 margin: 0.5em 0 0 0.5em; | |
| 67 border-collapse: collapse; | |
| 68 clear: both; | |
| 69 } | |
| 70 | |
| 71 td { | |
| 72 padding: 0.25em 0.5em 0.25em 0.5em; | |
| 73 border: 1px solid #666; | |
| 74 } | |
| 75 | |
| 76 td p { | |
| 77 margin: 0; | |
| 78 padding: 0; | |
| 79 } | |
| 80 | |
| 81 /* standard rule ---- */ | |
| 82 hr { | |
| 83 clear: both; | |
| 84 height: 0.18ex; | |
| 85 background: #790; | |
| 86 color: #790; | |
| 87 border: none; | |
| 88 margin: 0.5em auto; | |
| 89 } | |
| 90 | |
| 91 /* custom rules ----- to ---------- */ | |
| 92 .hr1 {height: 3px;} | |
| 93 .hr2 {height: 4px;} | |
| 94 .hr3 {height: 5px;} | |
| 95 .hr4 {height: 6px;} | |
| 96 .hr5 {height: 7px;} | |
| 97 .hr6 {height: 8px;} | |
| 98 | |
| 99 /* Replacement for html 3 u tag */ | |
| 100 .u {text-decoration: underline;} | |
| 101 | |
| 102 .footnotes ul { | |
| 103 padding: 0 2em; | |
| 104 margin: 0 0 1em; | |
| 105 list-style: none; | |
| 106 } | |
| 107 | |
| 108 .footnotes li { | |
| 109 } | |
| 110 | |
| 111 | |
| 112 /* eye catchers */ | |
| 113 .warning, .error { color: red; } | |
| 114 | |
| 115 strong.highlight | |
| 116 { | |
| 117 background-color: #f0ffbb; | |
| 118 padding: 0 0.2em; | |
| 119 font-style: normal; | |
| 120 font-weight: bold; | |
| 121 font-variant: normal; | |
| 122 } | |
| 123 | |
| 124 | |
| 125 /* Recent changes */ | |
| 126 | |
| 127 div.recentchanges table { | |
| 128 border: 1px solid #e5e5e5; | |
| 129 } | |
| 130 | |
| 131 .recentchanges p { | |
| 132 margin: 0.25em; | |
| 133 } | |
| 134 | |
| 135 .recentchanges td { | |
| 136 border: none; | |
| 137 border-top: 1px solid #e5e5e5; | |
| 138 vertical-align: top; | |
| 139 } | |
| 140 | |
| 141 .rcdaybreak { | |
| 142 background-color: #f5f5f5; | |
| 143 } | |
| 144 | |
| 145 .rcdaybreak td a { | |
| 146 font-size: small; | |
| 147 border: none; | |
| 148 } | |
| 149 | |
| 150 .rcicon1, .rcicon2 { | |
| 151 text-align: center; | |
| 152 } | |
| 153 | |
| 154 .rcicon1 a, .rcicon2 a { | |
| 155 border: none !important; | |
| 156 } | |
| 157 | |
| 158 .rcpagelink { | |
| 159 width: 40%; | |
| 160 } | |
| 161 | |
| 162 .rctime { | |
| 163 font-size: small; | |
| 164 white-space: nowrap; | |
| 165 } | |
| 166 | |
| 167 .rceditor { | |
| 168 white-space: nowrap; | |
| 169 font-size: small; | |
| 170 } | |
| 171 | |
| 172 .recentchanges td.rccomment { | |
| 173 border-top: 1px dashed #e5e5e5; | |
| 174 background-color: #f5f5f5; | |
| 175 font-size: small; | |
| 176 font-family: Verdana, sans-serif; | |
| 177 } | |
| 178 | |
| 179 .rcrss { | |
| 180 float: right; | |
| 181 } | |
| 182 .rcrss a { | |
| 183 border: none !important; | |
| 184 } | |
| 185 | |
| 186 .recentchanges[dir="rtl"] .rcrss { | |
| 187 float: left; | |
| 188 } | |
| 189 | |
| 190 /* User Preferences */ | |
| 191 | |
| 192 .userpref table, .userpref td { | |
| 193 border: none; | |
| 194 } | |
| 195 | |
| 196 /* CSS for new code_area markup used by Colorizer and ParserBase */ | |
| 197 | |
| 198 div.codearea { /* the div makes the border */ | |
| 199 margin: 0.5em 0; | |
| 200 padding: 0; | |
| 201 /* background-color: #F3F5F7; | |
| 202 border: 1px dashed #ccc;*/ | |
| 203 color: black; | |
| 204 clear: both; | |
| 205 } | |
| 206 | |
| 207 div.codearea pre { /* the pre has no border and is inside the div */ | |
| 208 margin: 0; | |
| 209 padding: 0.5em; | |
| 210 border: none; | |
| 211 clear: none; | |
| 212 } | |
| 213 | |
| 214 a.codenumbers { /* format of the line numbering link */ | |
| 215 margin: 0 10pt; | |
| 216 font-size: 0.85em; | |
| 217 color: gray; | |
| 218 } | |
| 219 | |
| 220 /* format of certain syntax spans */ | |
| 221 div.codearea pre span.LineNumber {color: gray;} | |
| 222 div.codearea pre span.ID {color: #000000;} | |
| 223 div.codearea pre span.Operator {color: #0000C0;} | |
| 224 div.codearea pre span.Char {color: #004080; font-style: oblique;} | |
| 225 div.codearea pre span.Comment {color: #008000; font-style: oblique;} | |
| 226 div.codearea pre span.Number {color: #0080C0; font-style: oblique;} | |
| 227 div.codearea pre span.String {color: #004080; font-style: oblique;} | |
| 228 div.codearea pre span.SPChar {color: #0000C0;} | |
| 229 div.codearea pre span.ResWord {color: #A00000; font-weight: bold; } | |
| 230 div.codearea pre span.ConsWord {color: #008080; font-weight: bold;} | |
| 231 div.codearea pre span.Error {background: transparent url(../img/err.gif) repeat-x bottom center;} | |
| 232 div.codearea pre span.ResWord2 {color: #0080ff; font-weight: bold; font-style: oblique;} | |
| 233 div.codearea pre span.Special {color: #0000ff;} | |
| 234 div.codearea pre span.Preprc {color: #803999;} | |
| 235 | |
| 236 | |
| 237 /* Page info */ | |
| 238 #pageinfo { font-size: small; text-align: right; font-style: italic; display: block; float: right; } | |
| 239 | |
| 240 span.anchor { position: absolute; } | |
| 241 | |
| 242 /* Content Figures | |
| 243 | |
| 244 Default figure float to the end of the page. Left of right classes float to the left or right :-) | |
| 245 */ | |
| 246 #content .figure { float: right; margin: 0 0 0 20px; padding: 0; font-size: 0.85em; clear: both;} | |
| 247 #content[dir="rtl"] .figure {float: left; margin: 0 20px 0 0;} | |
| 248 #content .figure.left {float: left; margin: 0 20px 0 0;} | |
| 249 #content .figure.right {float: right; margin: 0 0 0 20px;} | |
| 250 #content .figure p {margin: 0; text-align: center; font-weight: bold;} |
