cms/wtrmln/themes/wcmslay/style.css

   1 /* Watermelon CMS Layout v1.0 by Radex
   2 /*   email : radex_p [at] tlen [dot] pl
   3 /* website : radex.i15.eu
   4 /*
   5 /* Copyright 2008 Radosław `radex` Pietruszewski
   6 /*
   7 /*
   8 /* This program is free software; you can redistribute it and/or
   9 /* modify it under the terms of the GNU General Public License
  10 /* version 2 as published by the Free Software Foundation.
  11 /*
  12 /* This program is distributed in the hope that it will be useful,
  13 /* but WITHOUT ANY WARRANTY; without even the implied warranty of
  14 /* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
  15 /* GNU General Public License for more details.
  16 /*
  17 /* You should have received a copy of the GNU General Public License
  18 /* along with this program; if not, write to the Free Software
  19 /* Foundation, Inc., 59 Temple Place - Suite 330, Boston, MA  02111-1307, USA.
  20 ********************************************************************/
  21
  22 @charset "UTF-8";
  23
  24 /* Podstawowe elementy
  25 ********************************************************************/
  26 body,h1,h2,h3,h4,h5,h6
  27 {
  28    margin: 0;
  29    padding: 0;
  30 }
  31
  32 body
  33 {
  34    background-color: #116280;
  35    font-size: 12px;
  36    font-family: Verdana, Sans, Arial, sans-serif;
  37 }
  38
  39 a
  40 {
  41    color: #859e1c;
  42    text-decoration: none;
  43    border-bottom: 1px solid #ccc;
  44 }
  45
  46 a:hover
  47 {
  48    color: #fff;
  49    background: #859e1c;
  50    border: 0;
  51 }
  52
  53 a:visited
  54 {
  55    color: #a55e1c;
  56 }
  57
  58 a:visited:hover
  59 {
  60    color: #fff;
  61    background: #a55e1c;
  62    border: 0;
  63 }
  64
  65 code
  66 {
  67    font-family: monospace;
  68    background: #F8F6D5;
  69    padding: 0 2px;
  70    border: 1px solid #C8C6A5;
  71 }
  72
  73 blockquote
  74 {
  75    min-height: 30px;
  76    margin-left: 25px;
  77    padding-left: 45px;
  78    padding-top: 5px;
  79    background: transparent url('quot.png') no-repeat;
  80    color: #888;
  81    margin-bottom: 0;
  82 }
  83
  84 /*
  85
  86 blockquote p
  87 {
  88    margin-top: 0;
  89 }
  90
  91 blockquote + cite
  92 {
  93    padding-left: 350px;
  94 }
  95
  96 */
  97
  98 q
  99 {
 100    quotes: "«" "»";
 101    color: #888;
 102 }
 103
 104 input, textarea
 105 {
 106    border: 1px solid #008;
 107 }
 108
 109 legend
 110 {
 111    font-weight: bold;
 112    color: #570;
 113 }
 114
 115 li
 116 {
 117         list-style-type: square;
 118 }
 119
 120 /* Pozycjonowanie, ramki
 121 ********************************************************************/
 122
 123 .ramkar, .dr
 124 {
 125    float:right;
 126 }
 127
 128 .ramkal, .dl
 129 {
 130    float:left;
 131 }
 132
 133 .ramkac, .dc
 134 {
 135    display: block;
 136    margin-left: auto;
 137    margin-right: auto;
 138 }
 139
 140 .tr
 141 {
 142    text-align: right;
 143 }
 144
 145 .tl
 146 {
 147    text-align: left;
 148 }
 149
 150 .tc
 151 {
 152    text-align: center;
 153 }
 154
 155 /* Boksy z różnymi informacjami (błędy, podpowiedzi itp.
 156 ********************************************************************/
 157
 158 .box_e
 159 {
 160    border: 1px solid #B65;
 161    background: #FA9 url('images/be.png') no-repeat 10px center;
 162 }
 163 .box_w
 164 {
 165    border: 1px solid #B85;
 166    background: #FE9 url('images/bw.png') no-repeat 10px center;
 167 }
 168 .box_i
 169 {
 170    border: 1px solid #57B;
 171    background: #ABF url('images/bi.png') no-repeat 10px center;
 172 }
 173 .box_c
 174 {
 175    border: 1px solid #8B5;
 176    background: #CFA url('images/bg.png') no-repeat 10px center;
 177 }
 178 .box_t
 179 {
 180    border: 1px solid #AAA;
 181    background: #EEE url('images/bt.png') no-repeat 10px center;
 182 }
 183
 184 .box_e strong
 185 {
 186    color: #943;
 187 }
 188
 189 .box_w strong
 190 {
 191    color: #963;
 192 }
 193
 194 .box_i strong
 195 {
 196    color: #359;
 197 }
 198
 199 .box_t strong
 200 {
 201    color: #888;
 202 }
 203
 204 .box_e,
 205 .box_w,
 206 .box_i,
 207 .box_c,
 208 .box_t
 209 {
 210    padding: 10px;
 211    margin: 10px;
 212    padding-left: 36px;
 213 }
 214
 215 .box_e strong,
 216 .box_w strong,
 217 .box_i strong,
 218 .box_t strong
 219 {
 220    display: block;
 221 }
 222
 223 /* Struktura
 224 ********************************************************************/
 225
 226 #container
 227 {
 228    width: 981px;
 229    margin: 50px auto;
 230    background-color: #fff;
 231    background-image: url('center.png');
 232 }
 233
 234 #header
 235 {
 236    height: 171px;
 237    background-image: url('top.jpg');
 238    background-color: #b5ce4c;
 239 }
 240
 241 #sidebar
 242 {
 243    width: 230px;
 244    float: right;
 245    padding: 5px;
 246    padding-right: 20px;
 247    overflow: hidden;
 248 }
 249
 250 #content
 251 {
 252    float: left;
 253    overflow: hidden;
 254    width: 690px;
 255    padding: 10px;
 256    padding-left: 25px;
 257 }
 258
 259 #bottom-bg
 260 {
 261    height: 29px;
 262    background-image: url('bottom.png');
 263    clear: both;
 264 }
 265
 266 #footer
 267 {
 268    color: white;
 269    text-align: center;
 270 }
 271
 272
 273
 274 /* Header
 275 ********************************************************************/
 276
 277 #ha
 278 {
 279    font-size: 2em;
 280    padding-left: 200px;
 281    padding-top: 50px;
 282 }
 283
 284 #hs
 285 {
 286    padding-left: 350px;
 287 }
 288
 289 /***/
 290
 291 .h1
 292 {
 293    font-size: 1.3em;
 294 }
 295
 296 #sidebar hr
 297 {
 298    border: 0;
 299    height: 3px;
 300    width: 60%;
 301    background: #fefcf2;
 302 }
 303
 304 /***/
 305
 306 #footer a, #footer a:visited
 307 {
 308    color: #d5ee6c;
 309    text-decoration: none;
 310    border: 0;
 311 }
 312
 313 #footer a:hover, #footer a:visited:hover
 314 {
 315    color: #fff;
 316    background: #859e1c;
 317 }