media/style/main.css

   1 body {
   2     font-family: freesans, georgia, arial, helvetica, sans-serif;
   3     background: white;
   4     color: black;
   5 }
   6
   7 body #page {
   8     background: url(../img/background.png) white no-repeat;
   9     width: 90%;
  10     text-align: center;
  11     margin-left: auto;
  12     margin-right: auto;
  13     font-size: 100%;
  14     border: thin solid #000000;
  15     border-radius: 1em;
  16 }
  17
  18 body #page #headerbar {
  19     position: relative;
  20     width: 100%;
  21     margin: 0;
  22     padding: 0;
  23     height: 160px;
  24 }
  25
  26 body #page #headerbar #websitetitle {
  27     color: #721263;
  28     text-align: right;
  29     padding-top: 0.3em;
  30     padding-bottom: 0.3em;
  31     padding-right: 0.3em;
  32     font-weight: bold;
  33 }
  34
  35 body #page #headerbar #websitetitle h1 {
  36     font-size: 250%;
  37 }
  38
  39 body #page #headerbar #menu {
  40     font-size: 90%;
  41     margin-top: 1em;
  42     margin-right: 0;
  43     text-align: right;
  44     width: 100%;
  45     background: url(../img/menu-back.png);
  46     padding-top: 0.3em;
  47     padding-bottom: 0.3em;
  48     left: 0;
  49     bottom: 0;
  50     position: absolute;
  51 }
  52
  53 body #page #headerbar #menu ul {
  54     display: inline;
  55 }
  56
  57 body #page #headerbar #menu ul li,
  58 body #page #headerbar #menu ul li a,
  59 body #page #headerbar #menu ul li a:visited {
  60     display: inline;
  61     margin: 0;
  62     color: #9a9a9a;
  63     font-weight: bold;
  64     text-decoration: none;
  65 }
  66
  67 body #page #content #breadcrumb {
  68     margin-left: -0.8em;
  69     margin-right: -0.8em;
  70     margin-top: 0;
  71     margin-bottom: 0;
  72     padding-top: 0.1em;
  73     padding-bottom: 0.1em;
  74     text-align: left;
  75     background: #dfdfdf;
  76     color: black;
  77 }
  78
  79 body #page #content #breadcrumb p {
  80     font-size: 90%;
  81     font-weight: bold;
  82     padding: 0;
  83     margin: 0 1em;
  84 }
  85
  86 body #page #content #breadcrumb p a {
  87     color: #8a8a8a;
  88     text-decoration: none;
  89 }
  90
  91 body #page #content #submenu {
  92     margin-right: -0.8em;
  93     margin-left: -0.8em;
  94     text-align: left;
  95     background: black;
  96     padding-top: 0.2em;
  97     padding-bottom: 0.2em;
  98 }
  99
 100 body #page #content #submenu ul {
 101     display: inline;
 102     font-size: 90%;
 103     padding: 1em;
 104     margin: 0;
 105 }
 106
 107 body #page #content #submenu ul li,
 108 body #page #content #submenu ul li a,
 109 body #page #content #submenu ul li a:visited {
 110     display: inline;
 111     margin: 0;
 112     color: #9a9a9a;
 113     font-weight: bold;
 114     text-decoration: none;
 115 }
 116
 117 body #page #headerbar #menu ul li,
 118 body #page #content #submenu ul li {
 119     padding-left: 1em;
 120     padding-right: 1em;
 121 }
 122
 123 body #page #headerbar #menu ul li:hover,
 124 body #page #headerbar #menu ul li a:hover {
 125     color: #ffffff;
 126 }
 127
 128 body #page #content {
 129     font-family: arial, helvetica, sans-serif;
 130     text-align: left;
 131     margin-left: 0.8em;
 132     margin-right: 0.8em;
 133 }
 134
 135 body #page #footer {
 136     text-align: center;
 137     margin: 0;
 138     padding: 0.2em;
 139     background: #9a9a9a;
 140     color: black;
 141     border-top: thin solid #000000;
 142     border-bottom-left-radius: 1em;
 143     border-bottom-right-radius: 1em;
 144 }
 145
 146 body #page #footer p {
 147     width: 100%;
 148     font-size: 70%;
 149     text-align: center;
 150     margin: 0;
 151     padding: 0.1em;
 152 }
 153
 154 div.album {
 155     margin-top: 2em;
 156     border-bottom: 1px solid #afafaf;
 157 }
 158
 159 div.lastalbum {
 160     border: 0;
 161 }
 162
 163 div.album img {
 164     float: left;
 165     padding-right: 1em;
 166 }
 167
 168 div.album a img {
 169     border: 0;
 170 }
 171
 172 div.photo {
 173     margin-top: 2em;
 174     float: left;
 175     margin-right: 2em;
 176 }
 177
 178 div.single_photo {
 179     margin-top: 2em;
 180 }
 181
 182 div.photo a img,
 183 div.single_photo a img {
 184     border: 0;
 185 }
 186
 187 dl dt {
 188     font-weight: bold;
 189     font-size: 1.3em;
 190     margin-top: 1em;
 191 }
 192
 193 #content ul li p.first {
 194     margin: 0;
 195 }
 196
 197 div.comments {
 198     border-top: 1px solid #afafaf;
 199 }
 200
 201 div.comments h3 {
 202     margin-top: 0.2em;
 203     padding-top: 0;
 204 }
 205
 206 div.comments div.comment {
 207     border-bottom: 1px solid #afafaf;
 208 }
 209
 210 div.comment_new p label {
 211     width: 25%;
 212     padding-right: 0.7em;
 213     text-align: right;
 214     display: block;
 215     float: left;
 216     vertical-align: top;
 217 }
 218
 219 div.comment_new p label:after {
 220     content: ":";
 221 }
 222
 223 div.comment_new p input[type="text"] {
 224     width: 30em;
 225 }
 226
 227 div.comment_new p textarea {
 228     width: 25em;
 229 }
 230
 231 div.comments a[name="comments"] {
 232     text-decoration: none;
 233     display: none;
 234 }