mediagoblin/static/css/base.css

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