MoinMoin: attachment:screen.css of EricDavis/FixedRightSideBar

   1 /*  screen.css - MoinMoin Default Styles
   2 
   3 Copyright (c) 2001, 2002, 2003 by Juergen Hermann
   4 */
   5 
   6 /* content styles */
   7 
   8 body {
   9 	margin:0;
  10 }
  11 
  12 .footnotes div {
  13 	width: 5em;
  14 	border-top: 1px solid #e5e5e5;
  15 }
  16 
  17 input {
  18     font-size: 1em;
  19     font-family: Arial, Lucida Grande, sans-serif;
  20 }
  21 
  22 textarea {
  23     font-size: 1em;
  24     font-family: monospace;
  25 }
  26 
  27 .info {
  28     font-size: 0.82em;
  29     color: gray;
  30 }
  31 
  32 span.sep {
  33     display: none;
  34 }
  35 
  36 /* user interface styles */
  37 
  38 #header {
  39 	display: block;
  40     top: 0px;
  41     right: 0px;
  42     position: fixed;
  43     background: #e5e5e5;
  44     border-bottom: 1px solid #9C9C9C;
  45 }
  46 
  47 #logo {
  48     margin: 0;
  49     padding: 5px 10px;
  50     /* For text only logo */
  51     font-weight: bold;
  52     font-size: 24px;
  53     line-height: 1em;
  54     white-space: nowrap;
  55 }
  56 
  57 #logo img {
  58     vertical-align: middle;
  59 }
  60 
  61 #logo a {
  62     color: black;  
  63     text-decoration: none;
  64 }
  65 
  66 #searchform {
  67     float: right;
  68     margin: 5px 10px 0 10px;
  69     padding: 0;
  70     white-space: nowrap;
  71 }
  72 
  73 *[dir="rtl"] #searchform {
  74     float: left;
  75 }
  76 
  77 #searchform form div {
  78     display: inline;
  79 }
  80 
  81 #allcontent {
  82     margin: 50px 223px 10px 10px !important;
  83     margin: 10px 230px 10px 10px;
  84     padding: 0;
  85 }
  86 
  87 #page {
  88 /*    margin: 10px 220px 10px 10px; */
  89 	padding: 10px 25px;
  90 	border: 1px solid #9c9c9c;
  91 	border-bottom: 2px solid #9c9c9c;
  92 	background-color: white;
  93 }
  94 
  95 #title h1 {
  96 	margin: 0;
  97 	padding:10px 0;
  98 	font-size: 2em;
  99 	line-height: 1.2em;
 100 }
 101 
 102 #title h1 a {
 103 	text-decoration: none;
 104 }
 105 
 106 #sidebar {
 107 	display: block;
 108     position: fixed;
 109 	margin: 10px;
 110 	float: right;
 111 	clear: right;
 112     top: 40px;
 113     right: 0px;
 114 	width: 200px;
 115 	padding: 0;	
 116 	font-size: 0.88em;
 117 }
 118 
 119 .sidepanel {
 120 	margin: 0 0 10px 0;
 121 	float: right;
 122 	width: 200px;	
 123 	background: tan;
 124 	border: 1px solid #9c9c9c;
 125 	border-bottom: 2px solid #9c9c9c;		  					
 126 }
 127 
 128 .sidepanel h1 {
 129 	margin: 0;
 130 	padding: 0.2em 10px;
 131 	text-align:center;
 132 	border: none;
 133 	border-top: 1px solid white;
 134 	border-bottom: 1pt solid #BFAE8F;
 135 	font-size: 1em;
 136 	color: black;
 137 	background: #e5e5e5;
 138 }
 139 
 140 .sidepanel h2 {
 141 	margin: 0;
 142 	padding: 0.2em 10px;
 143 	font-size: 1em;
 144 	border: none;
 145 	color: black;
 146 	background: #BFAE8F;
 147 }
 148 
 149 .sidepanel ul {
 150 	list-style-type: none;
 151 	margin: 0;
 152 	padding:0;
 153 }
 154 
 155 .sidepanel li {
 156 	margin: 0;
 157 	padding:2px 10px;
 158 	border-bottom: 1pt solid #BFAE8F;
 159 	background: tan;
 160 }
 161 
 162 .sidepanel li form {
 163 	margin: 0;
 164 }
 165 
 166 .sidepanel a {
 167 	text-decoration: none;
 168 	display: block;
 169 }
 170 
 171 .sidepanel a:hover {
 172 	text-decoration: underline;
 173 }
 174 
 175 #navibar li.current {
 176 	border: none;
 177 	background: #BFAE8F;
 178 }
 179 
 180 .editbar form, .editbar form div {
 181     display: inline;
 182 	margin: 0;
 183 }
 184 
 185 #credits, #timings {
 186 	float: right;
 187 	clear: right;
 188 	margin: 5px 0;
 189 	width: 200px;
 190 	padding: 0;
 191 	list-style-type: none;
 192 	text-align: center;
 193 	font-size: 0.88em;
 194 	color: gray;
 195 }
 196 
 197 
 198 #message {
 199 	margin: 10px 220px 10px 10px;
 200 	padding: 5px 10px;
 201 	background-color: #F0ECE6;
 202 	border: 1px solid #9c9c9c;
 203 	border-bottom: 2px solid #9c9c9c;
 204 }
 205 
 206 #message p{
 207 	margin: 5px 0;
 208 	padding: 0;
 209 	font-weight: bold;
 210 }
 211 
 212 #message .buttons {
 213 	font-weight: normal;
 214 	text-align: right;
 215 }
 216 
 217 *[dir="rtl"] #message .buttons {
 218 	text-align: left;
 219 }
 220 
 221 #pagebottom {
 222 	clear: both;
 223 }
 224 
 225 #preview {
 226 	border: 2px solid #e5e5e5;
 227 	padding: .5em;
 228 	background: url(../img/draft.png);
 229 }
 230 
 231 .diff {
 232 	width:99%;
 233 }
 234 
 235 .diff-title {
 236 	background-color: #C0C0C0;
 237 }
 238 
 239 .diff-added {
 240 	background-color: #E0FFE0;
 241 	vertical-align: sub;
 242 }
 243 
 244 .diff-removed {
 245 	background-color: #FFFFE0;
 246 	vertical-align: sub;
 247 }
 248 
 249 .diff-added span {
 250 	background-color: #80FF80;
 251 }
 252 
 253 .diff-removed span {
 254 	background-color: #FFFF80;
 255 }
 256 
 257 .searchresult dd span {
 258 	font-weight: bold;
 259 }