skins/common/commonContent.css

   1 /**
   2  * MediaWiki style sheet for general styles on complex content
   3  *
   4  * Styles for complex things which are a standard part of page content
   5  * (ie: the CSS classing built into the system), like the TOC.
   6  */
   7
   8 /* Table of Contents */
   9 #toc,
  10 .toc,
  11 .mw-warning {
  12         border: 1px solid #aaa;
  13         background-color: #f9f9f9;
  14         padding: 5px;
  15         font-size: 95%;
  16 }
  17 #toc h2,
  18 .toc h2 {
  19         display: inline;
  20         border: none;
  21         padding: 0;
  22         font-size: 100%;
  23         font-weight: bold;
  24 }
  25 #toc #toctitle,
  26 .toc #toctitle,
  27 #toc .toctitle,
  28 .toc .toctitle {
  29         text-align: center;
  30 }
  31 #toc ul,
  32 .toc ul {
  33         list-style-type: none;
  34         list-style-image: none;
  35         margin-left: 0;
  36         padding: 0;
  37         text-align: left;
  38 }
  39 #toc ul ul,
  40 .toc ul ul {
  41         margin: 0 0 0 2em;
  42 }
  43 #toc .toctoggle,
  44 .toc .toctoggle {
  45         font-size: 94%;
  46 }
  47
  48 .toccolours {
  49         border: 1px solid #aaa;
  50         background-color: #f9f9f9;
  51         padding: 5px;
  52         font-size: 95%;
  53 }
  54
  55 /* Warning */
  56 .mw-warning {
  57         margin-left: 50px;
  58         margin-right: 50px;
  59         text-align: center;
  60 }
  61
  62 /* Images */
  63 /* @noflip */div.floatright, table.floatright {
  64         margin: 0 0 .5em .5em;
  65         border: 0;
  66 }
  67 div.floatright p { font-style: italic; }
  68 /* @noflip */div.floatleft, table.floatleft {
  69         margin: 0 .5em .5em 0;
  70         border: 0;
  71 }
  72 div.floatleft p { font-style: italic; }
  73 /* Thumbnails */
  74 div.thumb {
  75         margin-bottom: .5em;
  76         width: auto;
  77         background-color: transparent;
  78 }
  79 div.thumbinner {
  80         border: 1px solid #ccc;
  81         padding: 3px !important;
  82         background-color: #f9f9f9;
  83         font-size: 94%;
  84         text-align: center;
  85         overflow: hidden;
  86 }
  87 html .thumbimage {
  88         border: 1px solid #ccc;
  89 }
  90 html .thumbcaption {
  91         border: none;
  92         line-height: 1.4em;
  93         padding: 3px !important;
  94         font-size: 94%;
  95 }
  96 div.magnify {
  97         border: none !important;
  98         background: none !important;
  99 }
 100 div.magnify a, div.magnify img {
 101         display: block;
 102         border: none !important;
 103         background: none !important;
 104 }
 105 /* @noflip */div.tright {
 106         margin: .5em 0 1.3em 1.4em;
 107 }
 108 /* @noflip */div.tleft {
 109         margin: .5em 1.4em 1.3em 0;
 110 }
 111 img.thumbborder {
 112         border: 1px solid #dddddd;
 113 }
 114
 115 /**
 116  * Edit forms
 117  */
 118 #editform textarea {
 119         display: block;
 120         -moz-box-sizing: border-box;
 121         -webkit-box-sizing: border-box;
 122         box-sizing: border-box;
 123 }
 124
 125 /**
 126  * Basic styles for the user login and create account forms
 127  */
 128 #userlogin, #userloginForm {
 129         border: solid 1px #cccccc;
 130         padding: 1.2em;
 131         margin: .5em;
 132         float: left;
 133 }