MoinMoin: attachment:sunset.css of alternate stylesheet/sunset

   1 /*sunset.css - MoinMoin theme Styles By Achin Sharma (http://achshar.com) for google code in task at http://www.google-melange.com/gci/task/show/google/gci2010/moinmoin/t129037965833
   2 License: GNU GPL v2 or later.
   3 
   4 apart form the color schemes, this styleshets enhances user experiene by following ways.
   5 -round corners by pure css (not supported by ie).
   6 -hover and active effects,
   7 -the editbar is more of a menu now as the whole button area is clickable insted of just the link text
   8 -w3c compatible (except for border radius)
   9 
  10 important note: i had already discussed about this on the official irc channel. This theme requires to add <div style="clear:both; margin:0;"></div> to clear the floats after the list elements of "moin-editbar" div (both top and bottom).
  11 */
  12 
  13 
  14 /* moin-content */
  15 #moin-page { background-color: white; margin: 0; padding: 2px 20px 20px 20px; }
  16 /* links */
  17 a{ color: #47F; text-decoration: none; }
  18 a:visited { text-decoration: none; color: #04A; }
  19 a:visited:hover { text-decoration: none; color: red; }
  20 a:hover,
  21 a:active { text-decoration: underline; color: green; }
  22 a.moin-nonexistent:link { color: #666; }
  23 a.moin-nonexistent:hover { color: black; text-decoration: underline; } 
  24 /* placeholder - not used yet
  25 a.download { font-size: 120%; letter-spacing: 0.05em; font-weight: bold; background: #E7E7E7; 
  26             border: 1px solid #9C9C9C; padding: 0.5em; text-align: center; }
  27 */
  28 
  29 /* moin-header */
  30 #moin-header { margin: 1px; padding: 1px; background: #FE7; line-height: 1.12em; color:#666; }
  31 #moin-header a { color:#333; }
  32 
  33 /* moin-header searchform */
  34 #moin-searchform { margin: -1px -1px 0px 0px; padding: 8px .5em; font-size: 0.82em; float: right; text-align: right; -moz-border-radius-bottomleft: 10px;
  35 			-webkit-border-bottom-left-radius: 10px; border: solid #333; background-color: #FC7; border-width: 0px 0px 1px 1px; }
  36 #moin-searchform input { font-size: 100%; vertical-align: middle; }
  37 #moin-searchform label { display:none; }
  38 #moin-searchform div { margin: 0; }
  39 
  40 /* moin-header moin-logo -- logos may be text only */
  41 #moin-logo { float: left; margin: 5px 10px; padding: 0; font-size: 1.4em; line-height: 1em; font-weight: bold; }
  42 #moin-logo img { vertical-align: middle; }
  43 #moin-logo a { color: black; text-decoration: none; }
  44 
  45 /* moin-header moin-username */
  46 #moin-username { display: block; margin: 8px 12px 4px 12px; padding: 0; font-size: 0.82em; }
  47 #moin-username form { display: inline; }
  48 #moin-username input { display: inline; padding: 0; margin: 0; border: none; background: transparent; color: blue; font-size: 0.82em; cursor: pointer; }
  49 #moin-username input:hover { color: red; }
  50 
  51 /* moin-header moin-locationline */
  52 #moin-locationline { padding: 0; font-size: 100%; font-weight: normal; margin: 0.25em 12px 5px 12px; }
  53 #moin-pagelocation { font-size: 1.5em; letter-spacing: 0.05em; }
  54 
  55 /* moin-header moin-pagetrail */
  56 #moin-pagetrail { margin: 0 0.88em 0.25em 0.88em; padding: 0; font-size: 0.88em; }
  57 
  58 /* moin-header moin-navibar */
  59 #moin-navibar { clear: both;  display: block; margin:  0; padding: 0 10px; font-size: 0.82em; }
  60 #moin-navibar li { float: left; display: inline; margin: 0 2px; border: 1px solid #666; 
  61             border-bottom: none; white-space: nowrap; font-size: .88em; -moz-border-radius-topleft: 6px;
  62 			-webkit-border-top-left-radius: 6px; -moz-border-radius-topright: 6px;	-webkit-border-top-right-radius: 6px; }
  63 #moin-navibar li.wikilink { background: white; }
  64 #moin-navibar li.userlink { background: #EEF; }
  65 #moin-navibar a,
  66 #moin-navibar a:visited { color: black; text-decoration: none; padding: 4px 5px; line-height:21px; }
  67 #moin-navibar li:hover { background: #DEF; border-color:#333; }
  68 #moin-navibar li:active { background: #DDF; }
  69 			
  70 /* moin-header moin-pageline  */
  71 #moin-pageline { clear: both; margin: 0px 0px -1px; padding: 0; width: 100%; border-bottom: 1px solid #333; }
  72 
  73 /* moin-header moin-editbar -- also applies to moin-footer */
  74 .moin-editbar { clear: both; display: block; margin: 0; padding: 0px 8px; background: #FC7; 
  75             font-size: 0.8em; border-bottom: 1px solid #333; border-top: 1px solid #333; overflow: auto; width: 100%; }
  76 .moin-editbar li { display: block; float:left; }
  77 .moin-editbar a,
  78 .moin-editbar a:visited { color: #333; line-height:24px; padding: 0px 6px; display:block; }
  79 .moin-editbar a:hover { text-decoration: none; color:white !important; background: #E67; }
  80 .moin-editbar a:active { background: #E65; }
  81 .moin-editbar form,
  82 .moin-editbar form div { display: inline; margin: 0; }
  83 .moin-editbar select { font-size: 100%; vertical-align: middle; }
  84 .moin-editbar option {  background: #FC7; }
  85 
  86 /* moin-pagebottom -- after moin-content and before moin-footer */
  87 #moin-pagebottom { clear: both; }
  88 #moin-pageinfo { margin-top: 2em; }
  89 .moin-info { float: right; font-size: 0.7em; color: gray; }
  90 
  91 /* moin-page moin-footer */
  92 #moin-footer { clear: both; margin: 0 0; }
  93 #moin-credits,
  94 #moin-version,
  95 #moin-timings{ margin: 5px 10px; text-align: center; font-size: 0.75em; color: #6C7680; }
  96 #moin-credits li,
  97 #moin-timings li { display: inline-block; margin: 0 10px; padding: 2px 0; }
  98 #moin-credits img { vertical-align: middle; }
  99 
 100 /* wikiconfig -- page_footer1/2 and page_header1/2 if defined */
 101 /* placeholder, not working yet */