skins/common/common.css

   1 /*
   2  * common.css
   3  * This file contains CSS settings common to Wikistandard, Nostalgia and CologneBlue
   4  */
   5 #footer { clear: both }
   6 /* images */
   7 div.floatright { float: right; margin: 0 0 1em 1em; }
   8 div.floatright p { font-style: italic; }
   9 div.floatleft { float: left; margin: 0.3em 0.5em 0.5em 0; }
  10 div.floatleft p { font-style: italic; }
  11
  12
  13 /* Print-specific things to hide */
  14 .urlexpansion, .printfooter {
  15         display: none;
  16 }
  17
  18 /* table standards */
  19 table.rimage {
  20         float:right;
  21         margin-left:1em;
  22         margin-bottom:1em;
  23         text-align:center;
  24         font-size:smaller;
  25 }
  26
  27 /* thumbnails */
  28 div.thumb {
  29     margin: 10px;
  30     text-align: center;
  31     width: auto;
  32 }
  33 div.thumb div {
  34     border: 1px solid #8888aa;
  35     background-color: #f7f8ff;
  36     padding: 2px;
  37     font-size: 94%;
  38     text-align: center;
  39     overflow: hidden;
  40 }
  41 div.thumb div * {
  42     border: none;
  43     background: none;
  44 }
  45 div.thumb img {
  46     border:1px solid #8888AA;
  47     margin-bottom:3px;
  48     background:#FFFFFF;
  49 }
  50 div.thumbcaption,
  51 div.thumbcaption * {
  52     border: none !important;
  53     background: none !important;
  54 }
  55 div.thumbcaption {
  56     padding: 0.2em 0 0.2em 0 !important;
  57     text-align: left !important;
  58 }
  59 div.tright {
  60     float: right;
  61     margin-left:0.5em;
  62 }
  63 div.tleft {
  64     float: left;
  65     margin-right:0.5em;
  66 }
  67
  68 /* Page history styling */
  69 /* the auto-generated edit comments */
  70 .autocomment { color: #4b4b4b; }
  71 #pagehistory span.user {
  72     margin-left: 1.4em;
  73     margin-right: 0.4em;
  74 }
  75 #pagehistory span.minor { font-weight: bold; }
  76 #pagehistory li { border: 1px solid White; }
  77 #pagehistory li.selected {
  78     background-color:#f9f9f9;
  79     border:1px dashed #aaaaaa;
  80 }
  81
  82 table.diff { background:white; }
  83 td.diff-otitle { background:#cccccc; }
  84 td.diff-ntitle { background:#cccccc; }
  85 td.diff-addedline {
  86     background:#ccffcc;
  87     font-size: 94%;
  88 }
  89 td.diff-deletedline {
  90     background:#ffffaa;
  91     font-size: 94%;
  92 }
  93 td.diff-context {
  94     background:#eeeeee;
  95     font-size: 94%;
  96 }
  97 span.diffchange { color: red; font-weight: bold; }
  98
  99 img { border: none; }
 100 img.tex { vertical-align: middle; }
 101 span.texhtml { font-family: serif; }
 102
 103
 104 #toc {
 105         border: 1px solid #8888aa;
 106         background-color: #f7f8ff;
 107         padding: 5px;
 108         font-size: 95%;
 109 }
 110 #toc .tocindent { margin-left: 2em; }
 111 #toc .tocline { margin-bottom: 0px; }
 112 #toc p { margin: 0 }
 113 #toc .toctoggle { font-size: 95%; }
 114 #toc .editsection {
 115     margin-top: 0.7em;
 116     font-size: 94%;
 117 }
 118
 119 .error {
 120         color: red;
 121         font-size: larger;
 122 }
 123
 124 /* preference page with js-genrated toc */
 125 #preftoc {
 126     float: left;
 127     margin: 1em 1em 1em 1em;
 128     width: 13em;
 129 }
 130 #preftoc li { border: 1px solid White; }
 131 #preftoc li.selected {
 132     background-color:#f9f9f9;
 133     border:1px dashed #aaaaaa;
 134 }
 135 #preftoc a,
 136 #preftoc a:active {
 137     display: block;
 138     color: #005189;
 139 }
 140 #prefcontrol {
 141     clear: left;
 142     float: left;
 143     margin-top: 1em;
 144 }
 145 div.prefsectiontip {
 146     font-size: 94%;
 147     margin-top: 1em;
 148 }
 149 fieldset.prefsection { margin-top: 1em }
 150 fieldset.operaprefsection { margin-left: 15em }
 151
 152 /* emulate center */
 153 .center {
 154     width: 100%;
 155     text-align: center;
 156 }
 157 *.center * {
 158     margin-left: auto;
 159     margin-right: auto;
 160 }
 161 /* small for tables and similar */
 162 .small, .small * { font-size: 94%; }
 163 table.small { font-size: 100% }
 164
 165 div.townBox {
 166     position:relative;
 167     float:right;
 168     background:White;
 169     margin-left:1em;
 170     border: 1px solid Grey;
 171     padding:0.3em;
 172     width: 200px;
 173     overflow: hidden;
 174     clear: right;
 175 }
 176 div.townBox dl {
 177     padding: 0;
 178     margin: 0 0 0.3em 0;
 179     font-size: 96%;
 180 }
 181 div.townBox dl dt {
 182     background: none;
 183     margin: 0.4em 0 0 0;
 184 }
 185 div.townBox dl dd {
 186     margin: 0.1em 0 0 1.1em;
 187     background-color: #f3f3f3;
 188 }
 189 /* use this instead of #toc for page content */
 190 .toccolours {
 191     border:1px solid #aaaaaa;
 192     background-color:#f9f9f9;
 193     padding:5px;
 194     font-size: 95%;
 195 }
 196 #siteNotice {
 197     border:1px solid #aaaaaa;
 198 }
 199 .redirectText {
 200         font-size:150%;
 201         margin:5px;
 202 }
 203 .searchmatch {
 204         color: red;
 205         font-weight: bold;
 206 }
 207 .sharedUploadNotice {
 208         font-style: italic;
 209 }
 210 span.unpatrolled {
 211         font-weight:bold;
 212         color:red;
 213 }
 214