main.css 6.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398
  1. /* For clarity, explicitly state some recommendations from <http://www.w3.org/
  2. TR/CSS21/sample.html> to make sure the editsection links scale right */
  3. h1 { font-size: 2em; }
  4. h2 { font-size: 1.5em; }
  5. h3 { font-size: 1.17em; }
  6. h5 { font-size: .83em; }
  7. h6 { font-size: .75em; }
  8. h1, h2, h3, h4, h5, h6 { font-weight: bolder }
  9. /* Now the custom parts */
  10. /* Make edit sections (which are inside h# tags) normal-sized */
  11. .editsection {
  12. font-weight: normal;
  13. }
  14. h1 .editsection { font-size: 50% }
  15. h2 .editsection { font-size: 66.7% }
  16. h3 .editsection { font-size: 85.5% }
  17. h5 .editsection { font-size: 120% }
  18. h6 .editsection { font-size: 133% }
  19. #toolbar {
  20. display: none;
  21. }
  22. div.center {
  23. text-align: center;
  24. }
  25. #contentSub {
  26. padding-left: 2em;
  27. }
  28. a {
  29. text-decoration: none;
  30. }
  31. a:hover {
  32. text-decoration: underline;
  33. }
  34. #column-content {
  35. width: 100%;
  36. float: right;
  37. margin: 0 0 0.6em -12.2em;
  38. padding:0;
  39. }
  40. #content {
  41. margin: 0em 0 0 12.2em;
  42. padding: 0em 1em 1.5em 1em;
  43. border-left: 1px solid #959595;
  44. line-height: 1.5em;
  45. }
  46. #column-one {
  47. position: absolute;
  48. top: 0px; left: 0px;
  49. }
  50. #footer {
  51. display: none;
  52. }
  53. body {
  54. margin: 0;
  55. padding: 0;
  56. }
  57. #globalWrapper {
  58. width: 100%;
  59. height: 100%;
  60. margin: 0;
  61. padding: 0;
  62. }
  63. .visualClear { clear: both; }
  64. img {
  65. border: none;
  66. }
  67. p {
  68. margin: 0.4em 0em 0.5em 0em;
  69. line-height: 1.5em;
  70. }
  71. p img { margin: 0; }
  72. h1, h2, h3, h4, h5, h6 {
  73. margin: 0;
  74. padding-top: 0.5em;
  75. padding-bottom: 0.17em;
  76. }
  77. fieldset {
  78. margin: 1em 0em 1em 0em;
  79. padding: 0em 1em 1em 1em;
  80. }
  81. .usermessage {
  82. background-color: #ffce7b;
  83. border: 1px solid #ffa500;
  84. color: Black;
  85. font-weight: bold;
  86. margin: 2em 0em 1em 0em;
  87. padding: 0.5em 1em;
  88. vertical-align: middle;
  89. }
  90. .error {
  91. color: red;
  92. font-size: larger;
  93. }
  94. table.rimage {
  95. float:right;
  96. position:relative;
  97. margin-left:1em;
  98. margin-bottom:1em;
  99. text-align:center;
  100. }
  101. .portlet {
  102. border: none;
  103. float: none;
  104. padding: 0;
  105. width: 11.8em;
  106. overflow: hidden;
  107. }
  108. .portlet h4 {
  109. font-weight: normal;
  110. white-space: nowrap;
  111. }
  112. .portlet h5 {
  113. padding: 0em 1em 0em 0.5em;
  114. display: inline;
  115. height: 1em;
  116. font-weight: normal;
  117. white-space: nowrap;
  118. }
  119. .portlet h6 {
  120. padding: 0em 1em 0em 1em;
  121. display: block;
  122. height: 1.2em;
  123. font-weight: normal;
  124. white-space: nowrap;
  125. }
  126. .pBody {
  127. border-collapse: collapse;
  128. padding: 0 0.8em 0.3em 0.5em;
  129. }
  130. .portlet h1,
  131. .portlet h2,
  132. .portlet h3,
  133. .portlet h4 {
  134. margin: 0;
  135. padding: 0;
  136. font-size: small;
  137. }
  138. #p-search .pBody {
  139. text-align: center;
  140. }
  141. #searchInput {
  142. width: 100%;
  143. clear: both;
  144. margin: 0 0 0 0;
  145. }
  146. input.searchButton {
  147. margin-top:1px;
  148. padding: 0 0.4em;
  149. cursor: pointer;
  150. }
  151. #p-search .pBody {
  152. padding: 0.5em 0.4em 0.4em 0.4em;
  153. }
  154. /* feed links */
  155. a.feedlink {
  156. background: url("../common/images/feed-icon.png") center left no-repeat;
  157. padding-left: 16px;
  158. }
  159. textarea {
  160. width: 100%;
  161. }
  162. .pBody li, .pBody ul {
  163. padding-left: 0em;
  164. margin-left: 0.5em;
  165. }
  166. pre {
  167. margin: 2em;
  168. border: solid 1px black;
  169. }
  170. h1.firstHeading, h2 {
  171. border-bottom: solid 1px black;
  172. }
  173. #bodyContent a[href ^="http://"],
  174. #bodyContent a[href ^="gopher://"] {
  175. background: url("external.png") center right no-repeat;
  176. padding-right: 13px;
  177. }
  178. #bodyContent a[href ^="https://"],
  179. .link-https {
  180. background: url("lock_icon.gif") center right no-repeat;
  181. padding-right: 16px;
  182. }
  183. #bodyContent a[href ^="mailto:"],
  184. .link-mailto {
  185. background: url("mail_icon.gif") center right no-repeat;
  186. padding-right: 18px;
  187. }
  188. #bodyContent a[href ^="news://"] {
  189. background: url("news_icon.png") center right no-repeat;
  190. padding-right: 18px;
  191. }
  192. #bodyContent a[href ^="ftp://"],
  193. .link-ftp {
  194. background: url("file_icon.gif") center right no-repeat;
  195. padding-right: 18px;
  196. }
  197. #bodyContent a[href ^="irc://"],
  198. #bodyContent a.extiw[href ^="irc://"],
  199. .link-irc {
  200. background: url("discussionitem_icon.gif") center right no-repeat;
  201. padding-right: 18px;
  202. }
  203. #bodyContent a.extiw,
  204. #bodyContent a.extiw:active {
  205. color: #5E7CFF;
  206. background: none;
  207. padding: 0;
  208. }
  209. td.diff-addedline {
  210. background-color: #B9FFB0;
  211. }
  212. td.diff-deletedline {
  213. background-color: #f8ffaa;
  214. }
  215. .diffchange { background-color: #FFCDF3; text-decoration: none; }
  216. #pagehistory li { border: none; }
  217. span.urlexpansion {
  218. display: none;
  219. }
  220. div.tocindent {
  221. margin-left: 2em;
  222. }
  223. #toc {
  224. text-align: left;
  225. border-top: solid 1px black;
  226. border-bottom: solid 1px black;
  227. }
  228. div.floatright, table.floatright {
  229. clear: right;
  230. float: right;
  231. margin: 0;
  232. position: relative;
  233. border-width: 0.5em 0 0.8em 1.4em;
  234. }
  235. div.floatright p { font-style: italic; }
  236. div.floatleft, table.floatleft {
  237. float: left;
  238. clear: left;
  239. margin: 0.3em 0.5em 0.5em 0;
  240. position: relative;
  241. border-width: 0.5em 1.4em 0.8em 0;
  242. }
  243. div.floatleft p { font-style: italic; }
  244. /* thumbnails */
  245. div.thumb {
  246. margin-bottom: 0.5em;
  247. width: auto;
  248. }
  249. div.thumb div {
  250. padding: 3px !important;
  251. text-align: center;
  252. overflow: hidden;
  253. }
  254. div.thumb div div.thumbcaption {
  255. border: none;
  256. text-align: left;
  257. line-height: 1.4;
  258. padding: 0.3em 0 0.1em 0;
  259. }
  260. div.magnify {
  261. float: right;
  262. border: none !important;
  263. background: none !important;
  264. }
  265. div.magnify a, div.magnify img {
  266. display: block;
  267. border: none !important;
  268. background: none !important;
  269. }
  270. div.tright {
  271. clear: right;
  272. float: right;
  273. border-width: 0.5em 0 0.8em 1.4em;
  274. }
  275. div.tleft {
  276. float: left;
  277. clear: left;
  278. margin-right:0.5em;
  279. border-width: 0.5em 1.4em 0.8em 0;
  280. }
  281. img.thumbborder {
  282. border: 1px solid #dddddd;
  283. }
  284. a.stub { color: #772233; }
  285. a.new,
  286. #p-personal a.new {
  287. text-decoration: line-through;
  288. }
  289. li.new {
  290. text-decoration: line-through;
  291. }
  292. .catlinks {
  293. text-align: center;
  294. width: 80%;
  295. margin-left: auto;
  296. margin-right: auto;
  297. padding: 3px;
  298. }
  299. #mytabs {
  300. background-color: inherit;
  301. }
  302. #p-cactions {
  303. background-color: inherit;
  304. }
  305. div.printfooter {
  306. display: none;
  307. }
  308. #n-portal,
  309. #n-currentevents,
  310. #n-help,
  311. #n-sitesupport {
  312. display: none;
  313. }
  314. #preftoc {
  315. float: left;
  316. margin: 1em;
  317. width: 13em;
  318. }
  319. #preftoc li {
  320. }
  321. #preftoc li.selected {
  322. border: 1px dashed #aaa;
  323. }
  324. #preftoc a,
  325. #preftoc a:active {
  326. display: block;
  327. }
  328. #prefcontrol {
  329. clear: both;
  330. float: left;
  331. margin-top: 1em;
  332. }
  333. div.prefsectiontip {
  334. font-size: 95%;
  335. margin-top: 1em;
  336. }
  337. #mw_trackbacks {
  338. border-style: groove;
  339. padding: 0.2em;
  340. }
  341. #jump-to-nav {
  342. display: none;
  343. }
  344. table.collapsed tr.collapsable {
  345. display: none;
  346. }
  347. .editsection {
  348. float: right;
  349. margin-left: 5px;
  350. }
  351. .templatesUsed { margin-top: 1.5em; }