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 .dotted_line {
 137   width:100%;
 138   height:0px;
 139   border-bottom: dotted 1px #5f5f5f;
 140   position:absolute;
 141   left:0px;
 142   margin-top:-20px;
 143 }
 144
 145 .button {
 146   font-family:'Carter One', arial, serif;
 147   height:32px;
 148   min-width:99px;
 149   background-color:#86d4b1;
 150   background-image: -webkit-gradient(linear, left top, left bottom, from(#86d4b1), to(#62caa2));
 151   background-image: -webkit-linear-gradient(top, #86d4b1, #62caa2);
 152   background-image:    -moz-linear-gradient(top, #86d4b1, #62caa2);
 153   background-image:     -ms-linear-gradient(top, #86d4b1, #62caa2);
 154   background-image:      -o-linear-gradient(top, #86d4b1, #62caa2);
 155   background-image:         linear-gradient(top, #86d4b1, #62caa2);
 156   box-shadow:0px 0px 4px #000;
 157   border-radius:5px;
 158   border:none;
 159   color:#272727;
 160   margin:10px 0px 10px 15px;
 161   font-size:1em;
 162   text-align:center;
 163   padding-left:11px;
 164   padding-right:11px;
 165 }
 166
 167 /* forms */
 168
 169 .form_box {
 170   background-color:#393939;
 171   background-image:url("../images/background_lines.png");
 172   background-repeat:repeat-x;
 173   font-size:18px;
 174   padding-bottom:30px;
 175   padding-top:1px;
 176   margin-left:auto;
 177   margin-right:auto;
 178   display:block;
 179   float:none;
 180 }
 181
 182 .edit_box {
 183   background-image:url("../images/background_edit.png");
 184 }
 185
 186 .form_box h1 {
 187   font-size:28px;
 188 }
 189
 190 .form_field_input input, .form_field_input textarea {
 191   width:100%;
 192   font-size:18px;
 193 }
 194
 195 .form_field_box {
 196   margin-bottom:24px;
 197 }
 198
 199 .form_field_label,.form_field_input {
 200   margin-bottom:4px;
 201 }
 202
 203 .form_field_error {
 204   background-color:#87453b;
 205   border:none;
 206   font-size:16px;
 207   padding:9px;
 208   margin-top:8px;
 209   margin-bottom:8px;
 210 }
 211
 212 .form_submit_buttons {
 213   text-align:right;
 214 }
 215
 216 /* media pages */
 217
 218 .media_image{
 219   width:640px;
 220 }
 221
 222 .media_sidebar{
 223   width:280px;
 224 }
 225
 226 /* comments */
 227
 228 .comment_author {
 229   margin-bottom:40px;
 230   font-size:14px;
 231   text-align:right;
 232   border-top:1px solid #393939;
 233   padding-top:4px;
 234 }
 235
 236 .comment_content p {
 237   margin-bottom:4px;
 238 }
 239
 240 /* media galleries */
 241
 242 ul.media_thumbnail {
 243   padding:0px;
 244 }
 245
 246 li.media_thumbnail {
 247   width:200px;
 248   height:200px;
 249   display:-moz-inline-stack;
 250   display:inline-block;
 251   vertical-align:top;
 252   margin:0px 10px 10px 0px;
 253   text-align:center;
 254   zoom:1;
 255 . *display:inline;
 256 }