CSS   10

moin.css

Guest on 12th October 2021 02:48:29 PM

  1. /*  screen.css - MoinMoin Default Styles
  2.  
  3. Copyright (c) by Juergen Hermann
  4. Modified by Nir Soffer (technical theme), Mauricio Hernandez (ruleta theme)
  5. Heather Stern (ubuntu theme)
  6. */
  7.  
  8. /* content styles */
  9.  
  10. /* debug
  11. * {border: 1px dotted blue;}
  12. */
  13.  
  14. body {
  15.     padding:0;
  16.     border:0;
  17. }
  18.  
  19. /* the words when mouse is over */
  20. a:hover {color: #800000; } /* maroon */
  21. h1 a:hover {color: #800000; } /* maroon */
  22.  
  23. /* override coloration of form elements */
  24.  
  25. /* override coloration of dialog buttons */
  26. input {
  27.     font-size: 1em;
  28.     font-family: Arial, Lucida Grande, sans-serif;
  29.         border: grooved 1px #C1B496; /* ubuntu dark tan */
  30.         background-color: #F1F1ED; /* ubuntu near-white */
  31.         color: #2e2003; /* darker brown */
  32. }
  33.  
  34. textarea, input[type=text], input[type=password] {
  35.     /* inherit from input */
  36.     font-size: 1em;
  37.     font-family: Lucida Typewriter, courier, monospace;
  38.         border: solid 1px #C1B496; /* ubuntu dark tan */
  39.         background: #F1F1ED; /* ubuntu near-white */
  40.         color: #2e2003; /* darker brown */
  41. }
  42.  
  43. select, option {
  44.     /* inherit from input */
  45.     /* don't override font */
  46.         border: none;
  47.         background: #F1F1ED; /* ubuntu near-white */
  48.         color: #6d4c07; /* ubuntu dark brown */
  49. }
  50.  
  51. .disabled {
  52.     /* IE ignore disabled attribute, but at least show items in gray */
  53.     /* disabled menu options */
  54.     color: #C1B496; /* ubuntu dark tan */
  55. }
  56.  
  57. /* user interface styles */
  58.  
  59. #header {
  60.     margin: 0;
  61.     padding: 0;
  62. }
  63.  
  64. #mastwrap {
  65.     background: url(../img/u-header.png) bottom left repeat-x #DBBA75;
  66.         /* ubuntu orange */
  67. }
  68.  
  69. #masthead
  70. {
  71. position:relative;
  72. background: url('../img/u-headerlogo.png') bottom left no-repeat transparent;
  73. border-style: solid;
  74. border-width: 0;
  75. color: #000;
  76. height: 90px;
  77. /* height: 6em; */
  78. /* em is cleaner when zoomed up, however zoomed down likes the px way... */
  79. }
  80.  
  81.  
  82. #logo {
  83.         //display: none;                /* we'll show an image instead */
  84.         text-indent:-10000px;
  85.         margin:0;
  86.         /* contains image and/or text link */
  87.         float: left;
  88.         margin: 0 10px 0 0;
  89.         font-size: 2em;
  90.         line-height: 1.2em;
  91.         font-weight: bold;
  92.         padding: 0;
  93. }
  94.  
  95. #logo img {
  96.     vertical-align: middle;
  97. }
  98.  
  99. /* NOTE: Wiki name color */
  100. #logo a {
  101.     color: black;
  102.     text-decoration: none;
  103. }
  104.  
  105. *[dir="rtl"] #logo {
  106.     float: right;
  107. }
  108.  
  109. #username {
  110. /* if you force place search this gets squished so... */
  111.     position: absolute;
  112.     right: 3px;
  113.     top: 1.8em; /* yes, it scales when text does :) */
  114. /* ok this part's normal */
  115.     margin: 0 10px;
  116.     padding: 8px 0 0 0;
  117.     text-align: right;
  118.     font-size: 12px;
  119.     white-space: nowrap;
  120. }
  121.  
  122. *[dir="rtl"] #username {
  123.     position: absolute;
  124.     left: 3px;
  125.     top: 1.8em; /* yes, it scales when text does :) */
  126.     text-align: left;
  127. }
  128.  
  129. #username li {
  130.     display: inline;
  131.     padding: 0 2px;
  132. }
  133.  
  134.  
  135. #username li a {
  136.     color: #3c3108;
  137. }
  138.  
  139. #username li:before {
  140.         content: "| ";
  141.     color: black;
  142. }
  143.  
  144. #username li:first-child:before {
  145.         content: "";
  146. }
  147.  
  148. #username  a:hover {color: #800000; } /* regular link is maroon */
  149.  
  150. #searchform {
  151.         position: absolute;
  152.         right: 3px;
  153.         top: 3px;
  154.         /* float: right; */
  155.         margin: 5px 10px;
  156.         padding: 0;
  157.         white-space: nowrap;
  158.         font-size: 13px;
  159. }
  160.  
  161. *[dir="rtl"] #searchform {
  162.         float: left;
  163. }
  164.  
  165. #searchform form div {
  166.     display: inline;
  167. }
  168.  
  169. #sisternav
  170. {
  171. position:absolute;
  172. bottom:0px;
  173. right:10px;
  174. }
  175.  
  176. #sisternav ul
  177. {
  178. display:inline;
  179. margin:0;
  180. padding:10px 10px 0 1px;
  181. /* padding:0.6em 0.6em 0 1px; */
  182. list-style:none;
  183. }
  184.                  
  185. #sisternav li
  186. {
  187. display:inline;
  188. float:left;
  189. background:url(../img/u-tab_off_ns1.png) no-repeat left top;
  190. margin:0;
  191. padding:0 0 0 5px;
  192. /* padding:0 0 0 0.3em; */
  193. }
  194.  
  195. #sisternav a
  196. {
  197. float:left;
  198. font-size:0.85em;
  199. display:block;
  200. background:url(../img/u-tab_off_ns2.png) no-repeat right top;
  201. padding:10px 15px 3px 8px;
  202. text-decoration:none;
  203. font-weight:bold;
  204. color:#444;
  205. }
  206.  
  207. /* Commented Backslash Hack hides rule from IE5-Mac \*/
  208. #sisternav a {float:none;}
  209. /* End IE5-Mac hack */
  210. #sisternav a:hover {
  211.         color: #6d4c07; /* ubuntu dark brown */
  212. }
  213.  
  214. #sisternav li:hover, #sisternav li:hover a
  215. {
  216. background-position:0% -163px;
  217.         color: #000000;
  218. }
  219.  
  220. #sisternav li:hover a
  221. {
  222. background-position:100% -163px;
  223.         color: #000000;
  224. }
  225.  
  226. #sisternav #current
  227. {
  228. background:url(../img/u-tab_on_ns1.png) no-repeat left top;                
  229. }
  230.  
  231. #sisternav #current a
  232. {
  233. background:url(../img/u-tab_on_ns2.png) no-repeat right top;
  234. padding-bottom:4px;
  235. color:#000;
  236. }
  237.  
  238. #sisternav #current a:hover
  239. {
  240. color: #000000; /* maroon */
  241. }
  242.  
  243. #pagetrail {
  244.         white-space: nowrap;
  245.         margin: 0;
  246.         padding: 0 10px;
  247.         font-size: 0.85em;
  248. }
  249.  
  250. #pagetrail a {
  251.         color: #C1B496; /* ubuntu dark tan */
  252. }
  253.  
  254. *[dir="rtl"] #pagetrail {
  255.         clear: right;
  256.         text-align: right;
  257. }
  258.  
  259. *[dir="ltr"] #pagetrail {
  260.         clear: left;
  261.         text-align: left;
  262. }
  263.  
  264. #pagetrail li {
  265.         float: left;
  266.         display: block;
  267.         padding: 2px 2px;
  268.         margin: 0 0 5px 0;
  269. }
  270.  
  271. *[dir="rtl"] #pagetrail {
  272.         float: right;
  273. }
  274.  
  275. /* XXX Warning: non-ascii characters! */
  276. /* NOTE: these are small things placed after your visited pages */
  277. #pagetrail li:after {
  278.         content: " Ā» " ";
  279.         color: black;
  280.         color: #C1B496/* ubuntu dark tan */*/
  281. }
  282.  
  283. *[dir="rtl"] #pagetrail li:after {
  284.         content: " Ā« ";
  285.         color: #C1B4/* ubuntu dark tan */n */
  286. }
  287.  
  288. #navibar {
  289.         clear: both;
  290.         display: block;
  291.         margin: 0;
  292.         padding: 0 10px;
  293.         font-size: 0.8em;
  294. }
  295.  
  296. #navibar li {
  297.         float: right;
  298.         display: block;
  299.         margin: 2px 2px;
  300.         padding: 2px 5px;
  301.         border: 1px dotted #C1B4/* ubuntu dark tan */n */
  302.         white-space: nowrap;
  303. }
  304.  
  305. *[dir="] #navibar li {
  306.         float: left;
  307. }
  308.  
  309. /* color for the navibar links */
  310. #navibar li.wikilink {
  311.         background: white;
  312.         /*url(../img/tab-wiki.png) repeat-x;*/
  313. }
  314.  
  315. #navibar li.userlink {
  316.         background: #F1F1ED; /* ubuntu near-white */
  317.         /*url(../img/tab-user.png) repeat-x;*/
  318. }
  319.  
  320. /* NOTE: the color for the Link inside the buttons of navibar */
  321. #navibar a, #navibar a:visited {
  322.         color: black;
  323.         text-decoration: none;    
  324. }
  325.  
  326. /* NOTE: this is the color for the current page link */
  327. #navibar li.current a {
  328.         color: #6d4c07; /* ubuntu dark brown */
  329.         font-weight: bold;
  330. }
  331.  
  332. /* NOTE: this is the color when mouse is over the navibar links */
  333. #navibar li:hover {
  334.         background: #edddba; /* ubuntu pale orange */
  335. }
  336.  
  337. #navibar li.current, #navibar li.current:hover {
  338.         background: url(../img/u-footer.png) repeat-x;
  339.                         color: #6d4c07; /* ubuntu dark brown */
  340.         /* url(../img/tab-selected.png) repeat-x; */
  341. }
  342.  
  343. /* NOTE: this is the horizontal line across the page menu */
  344. #pageline {
  345.         clear: both;
  346.         margin: 0;
  347.         padding: 0;
  348.         width: 100%;
  349.         /* sync these values, line-height is needed for IE */
  350.                 height: 4px;
  351.                 line-height: 4px;
  352.         border-bottom: 1px solid #9C9C9C;
  353.       /* border-top: 1px solid #9C9C9C; */
  354.         background: #6d4c07; /* ubuntu dark brown */
  355. }
  356.  
  357. .editbar {
  358.         margin: 0;
  359.         padding: 0 8px;
  360.         white-space: nowrap;
  361.         height: 26px;
  362.         background: white;
  363.         font-size: 0.85em;
  364. }
  365.  
  366. *[dir="ir="] .editbar {
  367.         clear: right;
  368. }
  369.  
  370. *[dir="ir="] .editbar {
  371.         clear: left;
  372. }
  373.  
  374. .editbar form, .editbar form div {
  375.    display: inline;
  376.         margin: 0;
  377. }
  378.  
  379. .editbar select {
  380.    font-size: 0.9em;
  381.    font-family: Arial, Lucida Grande, sans-serif;
  382.        border: solid 1px #C1B496; /* ubuntu dark tan */
  383.         background: white;
  384.         color: #2e2003; /* darker brown */
  385. }
  386.  
  387. .editbar option {
  388.    font-size: 1em;
  389.    font-family: Arial, Lucida Grande, sans-serif;
  390.        border: dotted 1px white;
  391.         background: #F1F1ED; /* ubuntu near-white */
  392.         color: #6d4c07; /* ubuntu dark brown */
  393. }
  394. .editbar li {
  395.         float: left;
  396.         display: block;
  397.         padding: 0;
  398.         margin: 2px 6px;
  399.         color: #6d4c07; /* ubuntu dark brown */
  400. }
  401.  
  402. *[dir="ir="] .editbar li {
  403.         float: right;
  404. }
  405.  
  406. #header .editbar {
  407.         border-bottom: 1px dotted #C1B496; /* ubuntu dark tan */
  408.         color: #6d4c07; /* ubuntu dark brown */
  409. }
  410.  
  411. #footer .extranav {
  412.         border-top: 1px dotted #C1B496; /* ubuntu dark tan */
  413. }
  414.  
  415. #footer .editbar {
  416.         border-bottom: 1px solid #6d4c07; /* ubuntu dark brown */
  417. }
  418.  
  419. .extranav {
  420.         clear: both;
  421.         margin: 0;
  422.         padding: 0 8px;
  423.         white-space: nowrap;
  424.         background: white;
  425.         font-size: 0.85em;
  426. }
  427.  
  428. .extranav li {
  429.         float: right;
  430.         display: block;
  431.         padding: 0;
  432.         margin: 2px 6px;
  433. }
  434.  
  435. *[dir="ir="] .extranav li {
  436.         float: left;
  437. }
  438.  
  439. #ubuntulinks {
  440.         text-align: center;
  441. }
  442.  
  443. .editbar a, .editbar a:visited { color: #2e2003;} /* darker brown */
  444. .editbar a:hover {color: #800000; } /* ubuntu dark brown */
  445.  
  446. #message {
  447.         clear: both;
  448.         margin: 0;
  449.         padding: 5px 10px;
  450.         border-bottom: 1px solid #C1B496; /* ubuntu dark tan */
  451.         background: #F1F1ED; /* ubuntu near-white */
  452. }
  453.  
  454. #message p{
  455.         margin: 5px 0;
  456.         padding: 0;
  457.         font-weight: bold;
  458. }
  459.  
  460. #message div.buttons {
  461.         font-weight: normal;
  462. }
  463.  
  464. /* classic had form.dialog; modern doesn't. -- Heather */
  465. form.dialog {
  466.    margin: 0 15px;
  467.        border: solid 1px #C1B496; /* ubuntu dark tan */
  468.        background-color: #edddba; /* ubuntu pale orange */
  469.        color: #6d4c07; /* ubuntu dark brown */
  470. }
  471.  
  472. .dialog form {
  473.    margin: 0 15px;
  474.        border: solid 1px #C1B496; /* ubuntu dark tan */
  475.        background-color: #edddba; /* ubuntu pale orange */
  476.        color: #6d4c07; /* ubuntu dark brown */
  477. }
  478.  
  479. .dialog td {
  480.    border: none;
  481.    padding: 5px;
  482. }
  483.  
  484. .dialog td.label {
  485.    text-align: right;
  486.    font-weight: bold;
  487.    width: 25%;
  488. }
  489.  
  490. *[dir="ir="] .dialog td.label {
  491.    text-align: left;
  492. }
  493.  
  494. .dialog td.content input {
  495.    width: 100%;
  496. }
  497.  
  498. #page {
  499.         clear: both;
  500.         background-color: white;
  501.         margin: 0;
  502.         padding: 10px 30px 20px 30px;
  503. }
  504.  
  505. /* We use here dumb css1 ids because of IE suckiness */
  506. #editor-textarea, #editor-comment {
  507.    width: 100%;
  508. }
  509.  
  510. #preview {
  511.         border: 2px solid #C1B496; /* ubuntu dark tan */
  512.         padding: 2px 15px 10px 15px;
  513.         background: url(../img/u-draft.png);
  514. }
  515.  
  516. #footer {
  517.         clear: both;
  518.    margin: 0;
  519.    padding: 0;
  520.    background: #DBBA75; /* ubuntu orange */
  521.         font-size: 10px;
  522. }
  523.  
  524. #credits, #version, #timings{
  525.         margin: 3px 6px;
  526.         padding: 0;
  527.         text-align: center;
  528.         color: #6C7680;
  529.         font-size: 10px;
  530. }
  531.  
  532. #credits li, #timings li {
  533.         display: inline;
  534.         padding: 0 2px;
  535.         margin: 0 4px;
  536. }
  537.  
  538. #credits img {
  539.         vertical-align: middle;
  540. }
  541.  
  542. /* diffs from classic */
  543. .diff {
  544.         width:99%;
  545. }
  546.  
  547. .diff-header {
  548.         font-weight: bold;
  549. }
  550.  
  551. .diff-title {
  552.         background-color: #C1B496; /* ubuntu dark tan */
  553. }
  554.  
  555. .diff-added {
  556.         background-color: #edddba; /* ubuntu pale orange */
  557.         vertical-align: sub;
  558. }
  559.  
  560. .diff-removed {
  561.         background-color: #FFFFE0; /* classic pale yellow */
  562.         vertical-align: sub;
  563. }
  564.  
  565. .diff-added span {
  566.         background-color: #DBBA75; /* ubuntu orange */
  567. }
  568.  
  569. .diff-removed span {
  570.         background-color: #FFFF80; /* classic yellow */
  571. }
  572.  
  573. .searchresult dd span {
  574.         font-weight: bold;
  575. }

Raw Paste


Login or Register to edit or fork this paste. It's free.