oldshared.css 7.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419
  1. /*
  2. * oldshared.css
  3. * This file contains CSS settings common to Wikistandard, Nostalgia and
  4. * CologneBlue, the old pre-Monobook skins
  5. */
  6. /* For clarity, explicitly state some recommendations from <http://www.w3.org/
  7. TR/CSS21/sample.html> to make sure the editsection links scale right */
  8. h1 { font-size: 2em; }
  9. h2 { font-size: 1.5em; }
  10. h3 { font-size: 1.17em; }
  11. h5 { font-size: .83em; }
  12. h6 { font-size: .75em; }
  13. h1, h2, h3, h4, h5, h6 { font-weight: bolder }
  14. /* Now the custom parts */
  15. /* Make edit sections (which are inside h# tags) normal-sized */
  16. .editsection {
  17. font-weight: normal;
  18. }
  19. h1 .editsection { font-size: 50% }
  20. h2 .editsection { font-size: 66.7% }
  21. h3 .editsection { font-size: 85.5% }
  22. h5 .editsection { font-size: 120% }
  23. h6 .editsection { font-size: 133% }
  24. #footer { clear: both }
  25. /* images */
  26. div.floatright { float: right; clear: right; margin: 0 0 1em 1em; }
  27. div.floatright p { font-style: italic; }
  28. div.floatleft { float: left; clear: left; margin: 0.3em 0.5em 0.5em 0; }
  29. div.floatleft p { font-style: italic; }
  30. /* Print-specific things to hide */
  31. .printfooter {
  32. display: none;
  33. }
  34. /* table standards */
  35. table.rimage {
  36. float:right;
  37. margin-left:1em;
  38. margin-bottom:1em;
  39. text-align:center;
  40. font-size:smaller;
  41. }
  42. /* thumbnails */
  43. div.thumb {
  44. margin-bottom: .5em;
  45. border-style: solid;
  46. border-color: white;
  47. width: auto;
  48. }
  49. div.thumbinner {
  50. border: 1px solid #ccc;
  51. padding: 3px !important;
  52. background-color: #f9f9f9;
  53. font-size: 94%;
  54. text-align: center;
  55. overflow: hidden;
  56. }
  57. html .thumbimage {
  58. border: 1px solid #ccc;
  59. }
  60. html .thumbcaption {
  61. border: none;
  62. text-align: left;
  63. line-height: 1.4em;
  64. padding: 3px !important;
  65. font-size: 94%;
  66. }
  67. div.magnify {
  68. float: right;
  69. border: none !important;
  70. background: none !important;
  71. }
  72. div.magnify a, div.magnify img {
  73. display: block;
  74. border: none !important;
  75. background: none !important;
  76. }
  77. div.tright {
  78. clear: right;
  79. float: right;
  80. border-width: .5em 0 .8em 1.4em;
  81. }
  82. div.tleft {
  83. float: left;
  84. clear: left;
  85. margin-right: .5em;
  86. border-width: .5em 1.4em .8em 0;
  87. }
  88. img.thumbborder {
  89. border: 1px solid #dddddd;
  90. }
  91. /* Page history styling */
  92. /* the auto-generated edit comments */
  93. .autocomment { color: #4b4b4b; }
  94. img { border: none; }
  95. #toc,
  96. .toc {
  97. border: 1px solid #bba;
  98. background-color: #f7f8ff;
  99. padding: 5px;
  100. font-size: 95%;
  101. text-align: center;
  102. }
  103. #toc h2,
  104. .toc h2 {
  105. display: inline;
  106. border: none;
  107. padding: 0;
  108. font-size: 100%;
  109. font-weight: bold;
  110. }
  111. #toc ul,
  112. .toc ul {
  113. list-style-type: none;
  114. list-style-image: none;
  115. margin-left: 0;
  116. padding-left: 0;
  117. text-align: left;
  118. }
  119. #toc ul ul,
  120. .toc ul ul {
  121. margin: 0 0 0 2em;
  122. }
  123. #toc .toctoggle,
  124. .toc .toctoggle {
  125. font-size: 94%;
  126. }
  127. .error {
  128. color: red;
  129. font-size: larger;
  130. }
  131. /* preference page with js-genrated toc */
  132. #preftoc {
  133. float: left;
  134. margin: 1em 1em 1em 1em;
  135. width: 13em;
  136. }
  137. #preftoc li { border: 1px solid White; }
  138. #preftoc li.selected {
  139. background-color:#f9f9f9;
  140. border:1px dashed #aaaaaa;
  141. }
  142. #preftoc a,
  143. #preftoc a:active {
  144. display: block;
  145. color: #005189;
  146. }
  147. #prefcontrol {
  148. clear: left;
  149. float: left;
  150. margin-top: 1em;
  151. }
  152. div.prefsectiontip {
  153. font-size: 94%;
  154. margin-top: 0.4em;
  155. color: #666;
  156. }
  157. fieldset.prefsection { margin-top: 1em }
  158. fieldset.operaprefsection { margin-left: 15em }
  159. /* emulate center */
  160. .center {
  161. width: 100%;
  162. text-align: center;
  163. }
  164. *.center * {
  165. margin-left: auto;
  166. margin-right: auto;
  167. }
  168. /* small for tables and similar */
  169. .small, .small * { font-size: 94%; }
  170. table.small { font-size: 100% }
  171. /* use this instead of #toc for page content */
  172. .toccolours {
  173. border:1px solid #aaaaaa;
  174. background-color:#f9f9f9;
  175. padding:5px;
  176. font-size: 95%;
  177. }
  178. #siteNotice {
  179. border:1px solid #aaaaaa;
  180. padding-left: 0.5em;
  181. padding-right: 0.5em;
  182. }
  183. .redirectText {
  184. font-size:150%;
  185. margin:5px;
  186. }
  187. .sharedUploadNotice {
  188. font-style: italic;
  189. }
  190. span.unpatrolled {
  191. font-weight:bold;
  192. color:red;
  193. }
  194. span.updatedmarker {
  195. color:black;
  196. background-color:#00FF00;
  197. }
  198. table.gallery {
  199. border: 1px solid #cccccc;
  200. margin: 2px;
  201. padding: 2px;
  202. background-color:#ffffff;
  203. }
  204. table.gallery tr {
  205. vertical-align:top;
  206. }
  207. table.gallery td {
  208. vertical-align:top;
  209. background-color:#f9f9f9;
  210. border: solid 2px white;
  211. }
  212. div.gallerybox {
  213. margin: 2px;
  214. width: 150px;
  215. }
  216. div.gallerybox div.thumb {
  217. text-align: center;
  218. border: 1px solid #cccccc;
  219. margin: 2px;
  220. }
  221. div.gallerytext {
  222. overflow: hidden;
  223. font-size: 94%;
  224. padding: 2px 4px;
  225. }
  226. span.comment {
  227. font-style: italic;
  228. }
  229. span.changedby {
  230. font-size: 95%;
  231. }
  232. .previewnote {
  233. text-align: center;
  234. color: #cc0000;
  235. }
  236. .editExternally {
  237. border-style:solid;
  238. border-width:1px;
  239. border-color:gray;
  240. background: #ffffff;
  241. padding:3px;
  242. margin-top:0.5em;
  243. float:left;
  244. font-size:small;
  245. text-align:center;
  246. }
  247. .editExternallyHelp {
  248. font-style:italic;
  249. color:gray;
  250. }
  251. li span.deleted {
  252. text-decoration: line-through;
  253. color: #888;
  254. font-style: italic;
  255. }
  256. /* Classes for EXIF data display */
  257. table.mw_metadata {
  258. margin-left: 0.5em;
  259. }
  260. table.mw_metadata caption { font-weight: bold; }
  261. table.mw_metadata th { font-weight: normal; }
  262. table.mw_metadata td { padding: 0.1em; }
  263. table.mw_metadata {
  264. border: none;
  265. border-collapse: collapse;
  266. }
  267. table.mw_metadata td, table.mw_metadata th {
  268. border: 1px solid #aaaaaa;
  269. padding-left: 4px;
  270. padding-right: 4px;
  271. }
  272. table.mw_metadata th {
  273. background-color: #f9f9f9;
  274. }
  275. table.mw_metadata td {
  276. background-color: #fcfcfc;
  277. }
  278. table.mw_metadata td.spacer {
  279. background: inherit;
  280. border-top: none;
  281. border-bottom: none;
  282. }
  283. table.collapsed tr.collapsable {
  284. display: none;
  285. }
  286. .visualClear {
  287. clear: both;
  288. }
  289. #mw_trackbacks {
  290. border: solid 1px #bbbbff;
  291. background-color: #eeeeff;
  292. padding: 0.2em;
  293. }
  294. /* Allmessages table */
  295. #allmessagestable th {
  296. background-color: #b2b2ff;
  297. }
  298. #allmessagestable tr.orig {
  299. background-color: #ffe2e2;
  300. }
  301. #allmessagestable tr.new {
  302. background-color: #e2ffe2;
  303. }
  304. #allmessagestable tr.def {
  305. background-color: #f0f0ff;
  306. }
  307. #jump-to-nav {
  308. display: none;
  309. }
  310. /* Keep this temporarily so that cached pages will display right */
  311. table.gallery td.galleryheader {
  312. text-align: center;
  313. font-weight: bold;
  314. }
  315. table.gallery caption {
  316. font-weight: bold;
  317. }
  318. div.multipageimagenavbox {
  319. border: solid 1px silver;
  320. padding: 4px;
  321. margin: 1em;
  322. background: #f0f0f0;
  323. }
  324. div.multipageimagenavbox div.thumb {
  325. border: none;
  326. margin-left: 2em;
  327. margin-right: 2em;
  328. }
  329. div.multipageimagenavbox hr {
  330. margin: 6px;
  331. }
  332. table.multipageimage td {
  333. text-align: center;
  334. }
  335. /*
  336. Table pager (e.g. Special:Imagelist)
  337. - remove underlines from the navigation link
  338. - collapse borders
  339. - set the borders to outsets (similar to Special:Allmessages)
  340. - remove line wrapping for all td and th, set background color
  341. - restore line wrapping for the last two table cells (description and size)
  342. */
  343. .TablePager_nav a { text-decoration: none; }
  344. .TablePager { border-collapse: collapse; }
  345. .TablePager, .TablePager td, .TablePager th {
  346. border: 0.15em solid #777777;
  347. padding: 0 0.15em 0 0.15em;
  348. }
  349. .TablePager th { background-color: #eeeeff }
  350. .TablePager td { background-color: #ffffff }
  351. .TablePager tr:hover td { background-color: #eeeeff }
  352. .imagelist td, .imagelist th { white-space: nowrap }
  353. .imagelist .TablePager_col_links { background-color: #eeeeff }
  354. .imagelist .TablePager_col_img_description { white-space: normal }
  355. .imagelist th.TablePager_sort { background-color: #ccccff }
  356. .templatesUsed { margin-top: 1em; }
  357. .MediaTransformError {
  358. border: thin solid #777;
  359. background-color: #ccc;
  360. padding: 0.1em;
  361. }
  362. .MediaTransformError td {
  363. text-align: center;
  364. vertical-align: middle;
  365. font-size: 90%;
  366. }
  367. form#specialpages {
  368. display: inline;
  369. }