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 h2{
  33   margin-top:20px;
  34 }
  35
  36 p {
  37   font-family: sans-serif;
  38   font-size:16px;
  39 }
  40
  41 a {
  42   color: #86D4B1;
  43 }
  44
  45 label {
  46   font-weight: normal;
  47 }
  48
  49 /* website structure */
  50
  51 .mediagoblin_body {
  52   position:relative;
  53   min-height:100%;
  54 }
  55
  56 .mediagoblin_header {
  57   width:100%;
  58   height:36px;
  59   background-color:#393939;
  60   padding-top:14px;
  61   margin-bottom:40px;
  62 }
  63
  64 .mediagoblin_footer {
  65   width:100%;
  66   height:26px;
  67   background-color:#393939;
  68   bottom:0px;
  69   padding-top:8px;
  70   position:absolute;
  71   text-align:center;
  72   font-size:14px;
  73   color:#999;
  74 }
  75
  76 .mediagoblin_content {
  77   padding-bottom:74px;
  78 }
  79
  80 a.mediagoblin_logo {
  81   width:34px;
  82   height:25px;
  83   margin-right:10px;
  84   background-image:url('../images/icon.png');
  85   background-position:0px 0px;
  86   display:inline-block;
  87 }
  88
  89 a.mediagoblin_logo:hover {
  90   background-position:0px -28px;
  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 /* forms */
 126
 127 .form_box {
 128   background-color:#393939;
 129   background-image:url("../images/background_lines.png");
 130   background-repeat:repeat-x;
 131   font-size:18px;
 132   padding-bottom:30px;
 133   padding-top:1px;
 134   margin-left:auto;
 135   margin-right:auto;
 136   display:block;
 137   float:none;
 138 }
 139
 140 .edit_box {
 141   background-image:url("../images/background_edit.png");
 142 }
 143
 144 .form_box h1 {
 145   font-size:28px;
 146 }
 147
 148 .form_field_input input, .form_field_input textarea {
 149   width:100%;
 150   font-size:18px;
 151 }
 152
 153 .form_field_box {
 154   margin-bottom:24px;
 155 }
 156
 157 .form_field_label,.form_field_input {
 158   margin-bottom:4px;
 159 }
 160
 161 .form_field_error {
 162   background-color:#87453b;
 163   border:none;
 164   font-size:16px;
 165   padding:9px;
 166   margin-top:8px;
 167   margin-bottom:8px;
 168 }
 169
 170 .form_submit_buttons {
 171   text-align:right;
 172 }
 173
 174 /* comments */
 175
 176 .comment_author {
 177   margin-bottom:40px;
 178   padding-top:4px;
 179 }
 180
 181 .comment_content p {
 182   margin-bottom:4px;
 183 }
 184
 185 /* media galleries */
 186
 187 .media_thumbnail {
 188   padding:0px;
 189   width:180px;
 190   height:180px;
 191   overflow:hidden;
 192   float:left;
 193   margin:0px 10px 10px 0px;
 194   text-align:center;
 195 }
 196
 197 /* icons */
 198
 199 img.media_icon{
 200   margin:0 4px;
 201   vertical-align:sub;
 202 }
 203
 204 /* navigation */
 205
 206 .navigation_button{
 207   width: 139px;
 208   display:block;
 209   float:left;
 210   text-align: center;
 211   background-color: #393939;
 212   text-decoration: none;
 213   padding: 6px 0pt;
 214   font-family: 'Carter One', arial, serif;
 215   font-size:2em;
 216   margin:0 0 20px
 217 }
 218
 219 p.navigation_button{
 220   color:#272727;
 221 }
 222
 223 .navigation_left{
 224   margin-right:2px;
 225 }
 226
 227 /* messages */
 228
 229 ul.mediagoblin_messages {
 230   list-style:none inside;
 231   color:#f7f7f7;
 232 }
 233
 234 .mediagoblin_messages li {
 235   margin:5px 0;
 236   padding:8px;
 237   text-align:center;
 238 }
 239
 240 .message_success {
 241   background-color: #378566;
 242 }
 243
 244 .message_warning {
 245   background-color: #87453b;
 246 }
 247
 248 .message_error {
 249   background-color: #87453b;
 250 }
 251
 252 .message_info {
 253   background-color: #378566;
 254 }
 255
 256 .message_debug {
 257   background-color: #f7f7f7;
 258   color:#272727;
 259 }
 260
 261 /* profile stuff */
 262
 263 .profile_content p, .profile_bio {
 264   padding: 6px;
 265   background-color: #393939;
 266 }