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