media/style.css

   1 body{
   2         font-family: 'Adobe Caslon Pro', Georgia, sans-serif;
   3         background-color: #532029;
   4         color: #000000;
   5 }
   6
   7 #wrapper{
   8         width:900px;
   9         position:absolute;
  10         left:50%;
  11         margin-left:-450px;
  12 }
  13
  14 #header {
  15         position: absolute;
  16         width:900px;
  17         height: 70px;
  18         text-align: center;
  19         background-color: #C9C79E;
  20         -webkit-border-radius: 15px;
  21         -moz-border-radius: 15px;
  22         border-radius: 15px;
  23 }
  24
  25 #content {
  26         position: absolute;
  27         text-align: center;
  28         width: 695px;
  29         top:75px;
  30         background-color: #FBFEF3;
  31         -webkit-border-radius: 15px;
  32         -moz-border-radius: 15px;
  33         border-radius: 15px;
  34         padding-bottom: 30px;
  35 }
  36
  37 #sidebar {
  38         position: absolute;
  39         text-align: center;
  40         top:0px;
  41         width: 200px;
  42         margin-left: 700px;
  43         top:75px;
  44         background-color: #FBFEF3;
  45         -webkit-border-radius: 15px;
  46         -moz-border-radius: 15px;
  47         border-radius: 15px;
  48 }
  49
  50 h1.header{
  51         font-size:30px;
  52         color: #532029;
  53         font-style: italic;
  54 }
  55
  56 h3.navtitle{
  57         margin-bottom: 3px;
  58         color: #532029;
  59         font-style: italic;
  60 }
  61
  62 h3.error{
  63         padding: 3px;
  64         color: #C9C79E;
  65         background-color:#532029;
  66         font-style: italic;
  67         display: block;
  68 }
  69
  70 ul {
  71         list-style-type: none;
  72         list-style-image: none;
  73         margin-left: 0;
  74         padding: 0;
  75 }
  76
  77 h3.sandwichtitle{
  78         font-size:25px;
  79         margin-bottom: 3px;
  80         color: #532029;
  81 }
  82
  83 p.metadata{
  84         font-size: 12px;
  85 }
  86
  87 h4.sandwichsub{
  88         font-size: 20px ;
  89         font-weight: 500;
  90         color: #532029;
  91 }
  92
  93 h4.addcomment{
  94         font-size: 20px ;
  95         font-weight: 500;
  96         margin-bottom: 15px;
  97         color: #532029;
  98 }
  99
 100 img.sandwichimg {
 101 }
 102
 103 h1.pagetitle {
 104         font-size: 30px;
 105         color: #532029;
 106 }
 107
 108 p.sandnotes {
 109         font-size: 16px;
 110         padding-left: 50px;
 111         padding-right: 50px;
 112 }
 113
 114 p.comment_user {
 115         font-size: 13px;
 116         padding-left: 50px;
 117         padding-right: 50px;
 118         font-style: italic;
 119 }
 120
 121 a {
 122         text-decoration: none;
 123         color: #4D515C;
 124 }
 125
 126 a:hover{
 127         color: #532029;
 128 }
 129
 130 /*Credits: Dynamic Drive CSS Library */
 131 /*URL: http://www.dynamicdrive.com/style/ */
 132 /* Modified */
 133
 134 form p{
 135         text-align: left;
 136         width: 500px;
 137         margin: 0;
 138         padding: 5px 0 8px 0;
 139         margin-left: 150px; /*width of left column containing the label elements*/
 140         height: 1%;
 141 }
 142
 143 .cssform p{
 144         text-align: left;
 145         width: 500px;
 146         margin: 0;
 147         padding: 5px 0 8px 0;
 148         margin-left: 150px; /*width of left column containing the label elements*/
 149         height: 1%;
 150 }
 151
 152 label{
 153         font-weight: bold;
 154         float: left;
 155         width: 150px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
 156 }
 157
 158 input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
 159         width: 180px;
 160         background-color: #C9C79E;
 161         border: 1px solid #532029;
 162 }
 163
 164 input[type="password"]{ /*width of text boxes. IE6 does not understand this attribute*/
 165         width: 180px;
 166         background-color: #C9C79E;
 167         border: 1px solid #532029;
 168 }
 169
 170 input[type="file"]{
 171         background-color: #C9C79E;
 172         border: none;
 173         border: 1px solid #532029;
 174 }
 175
 176 textarea{
 177         width: 250px;
 178         height: 150px;
 179         background-color: #C9C79E;
 180         border: 1px solid #532029;
 181 }
 182
 183 select{
 184         background-color: #C9C79E;
 185         border: 1px solid #532029;
 186         font-family: 'Adobe Caslon Pro', Georgia, sans-serif;
 187         font-size: 12;
 188         width:250px;
 189 }
 190
 191 option::selection {
 192         background-color: #532029;
 193 }
 194
 195 option::-moz-selection {
 196         background-color: #532029;
 197 }
 198
 199 select::selection {
 200         background-color: #532029;
 201 }
 202
 203 select::-moz-selection {
 204         background-color: #532029;
 205 }
 206
 207 input[type="submit"] {
 208         background-color: #C9C79E;
 209         color: #532029;
 210         font-size: 14;
 211         font-family: 'Adobe Caslon Pro', Georgia, sans-serif;
 212         font-weight: bold;
 213         width: 135px;
 214         height: 30px;
 215         border: 1px solid #532029;
 216         margin-top: 20px;
 217         padding: 0;
 218         -webkit-border-radius: 5px;
 219         -moz-border-radius: 5px;
 220         border-radius: 5px;
 221 }
 222
 223 p.submit{
 224         padding-left: 70px;
 225 }
 226
 227 ul.errorlist{
 228         margin-bottom: 0px;
 229         font-size: 14;
 230         color: #000;
 231         font-weight: bold;
 232 }