mediagoblin/static/css/base.css

   1 body {
   2   background-color: #272727;
   3   color: #f7f7f7;
   4   font-family: sans-serif;
   5   padding:none;
   6   margin:0px;
   7   height:100%;
   8 }
   9
  10 form {
  11   margin:0px;
  12   padding:0px;
  13 }
  14
  15 /* Carter One font */
  16
  17 @font-face {
  18   font-family: 'Carter One';
  19   font-style: normal;
  20   font-weight: normal;
  21   src: local('CarterOne'), url('http://themes.googleusercontent.com/font?kit=VjW2qt1pkqVtO22ObxgEBRsxEYwM7FgeyaSgU71cLG0') format('woff');
  22 }
  23
  24 /* text styles */
  25
  26 h1 {
  27   font-family: 'Carter One', arial, serif;
  28   margin-bottom: 20px;
  29   margin-top:40px;
  30 }
  31
  32 p {
  33   font-family: sans-serif;
  34   font-size:16px;
  35 }
  36
  37 a {
  38   color: #86D4B1;
  39 }
  40
  41 label {
  42   font-weight: normal;
  43 }
  44
  45 /* website structure */
  46
  47 .mediagoblin_body {
  48   position:relative;
  49   min-height:100%;
  50 }
  51
  52 .mediagoblin_header {
  53   width:100%;
  54   height:36px;
  55   background-color:#393939;
  56   padding-top:14px;
  57   margin-bottom:40px;
  58 }
  59
  60 .mediagoblin_footer {
  61   width:100%;
  62   height:26px;
  63   background-color:#393939;
  64   bottom:0px;
  65   padding-top:8px;
  66   position:absolute;
  67   text-align:center;
  68   font-size:14px;
  69   color:#999;
  70 }
  71
  72 .mediagoblin_content {
  73   padding-bottom:74px;
  74 }
  75
  76 ul.mediagoblin_messages {
  77   list-style:none inside;
  78   color:#393932;
  79   margin:2px;
  80   padding:2px;
  81 }
  82
  83 ul.mediagoblin_messages li {
  84   background-color:#d4d4d4;
  85   border-style:solid;
  86   border-width:3px;
  87   border-color:#959595;
  88   margin:5px;
  89   padding:8px;
  90 }
  91
  92 ul.mediagoblin_messages li.message_success {
  93   background-color: #88d486;
  94   border-color: #5bba59;
  95 }
  96
  97 ul.mediagoblin_messages li.message_warning {
  98   background-color: #d4c686;
  99   border-color: #baa959;
 100 }
 101
 102 ul.mediagoblin_messages li.message_error {
 103   background-color: #d48686;
 104   border-color: #ba5959;
 105 }
 106
 107 ul.mediagoblin_messages li.message_info {
 108   background-color: #86b9d4;
 109   border-color: #5998ba;
 110 }
 111
 112 ul.mediagoblin_messages li.message_debug {
 113   background-color: #aa86d4;
 114   border-color: #8659ba;
 115 }
 116
 117 a.mediagoblin_logo {
 118   width:34px;
 119   height:25px;
 120   margin-right:10px;
 121   background-image:url('../images/icon.png');
 122   background-position:0px 0px;
 123   display:inline-block;
 124 }
 125
 126 a.mediagoblin_logo:hover {
 127   background-position:0px -28px;
 128 }
 129
 130 .mediagoblin_header_right {
 131   float:right;
 132 }
 133
 134 /* common website elements */
 135
 136 .button {
 137   font-family:'Carter One', arial, serif;
 138   height:32px;
 139   min-width:99px;
 140   background-color:#86d4b1;
 141   background-image: -webkit-gradient(linear, left top, left bottom, from(#86d4b1), to(#62caa2));
 142   background-image: -webkit-linear-gradient(top, #86d4b1, #62caa2);
 143   background-image:    -moz-linear-gradient(top, #86d4b1, #62caa2);
 144   background-image:     -ms-linear-gradient(top, #86d4b1, #62caa2);
 145   background-image:      -o-linear-gradient(top, #86d4b1, #62caa2);
 146   background-image:         linear-gradient(top, #86d4b1, #62caa2);
 147   box-shadow:0px 0px 4px #000;
 148   border-radius:5px;
 149   border:none;
 150   color:#272727;
 151   margin:10px 0px 10px 15px;
 152   font-size:1em;
 153   text-align:center;
 154   padding-left:11px;
 155   padding-right:11px;
 156 }
 157
 158 .pagination{
 159 text-align:center;
 160 }
 161
 162 /* forms */
 163
 164 .form_box {
 165   background-color:#393939;
 166   background-image:url("../images/background_lines.png");
 167   background-repeat:repeat-x;
 168   font-size:18px;
 169   padding-bottom:30px;
 170   padding-top:1px;
 171   margin-left:auto;
 172   margin-right:auto;
 173   display:block;
 174   float:none;
 175 }
 176
 177 .edit_box {
 178   background-image:url("../images/background_edit.png");
 179 }
 180
 181 .form_box h1 {
 182   font-size:28px;
 183 }
 184
 185 .form_field_input input, .form_field_input textarea {
 186   width:100%;
 187   font-size:18px;
 188 }
 189
 190 .form_field_box {
 191   margin-bottom:24px;
 192 }
 193
 194 .form_field_label,.form_field_input {
 195   margin-bottom:4px;
 196 }
 197
 198 .form_field_error {
 199   background-color:#87453b;
 200   border:none;
 201   font-size:16px;
 202   padding:9px;
 203   margin-top:8px;
 204   margin-bottom:8px;
 205 }
 206
 207 .form_submit_buttons {
 208   text-align:right;
 209 }
 210
 211 /* media pages */
 212
 213 .media_image{
 214   width:640px;
 215 }
 216
 217 .media_sidebar{
 218   width:280px;
 219 }
 220
 221 /* comments */
 222
 223 .comment_author {
 224   margin-bottom:40px;
 225   padding-top:4px;
 226 }
 227
 228 .comment_content p {
 229   margin-bottom:4px;
 230 }
 231
 232 /* media galleries */
 233
 234 ul.media_thumbnail {
 235   padding:0px;
 236 }
 237
 238 li.media_thumbnail {
 239   width:200px;
 240   height:200px;
 241   display:-moz-inline-stack;
 242   display:inline-block;
 243   vertical-align:top;
 244   margin:0px 10px 10px 0px;
 245   text-align:center;
 246   zoom:1;
 247 . *display:inline;
 248 }
 249
 250 /* icons */
 251
 252 img.media_icon{
 253   margin:0 4px;
 254   vertical-align:sub;
 255 }