heckyel/mediagoblin
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Adding spaces after the colon in our CSS file.

Browse Source 
Discussed this style change with Jef van Schendel and got his buy-in ;)
This commit is contained in:
Christopher Allan Webber 2011-07-29 08:36:35 -05:00
parent ebcd29d4f8
commit 7c9d1a2bca
1 changed files with 108 additions and 108 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

216
mediagoblin/static/css/base.css
View File

@ -1,17 +1,17 @@
body { body {
background-color: #111; background-color: #111;
background-image:url("../images/background.png"); background-image: url("../images/background.png");
color: #999; color: #999;
font-family: sans-serif; font-family: sans-serif;
padding:none; padding: none;
margin:0px; margin: 0px;
height:100%; height: 100%;
font: 16px "HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,sans-serif; font: 16px "HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,sans-serif;
} }
form { form {
margin:0px; margin: 0px;
padding:0px; padding: 0px;
} }
/* Carter One font */ /* Carter One font */
@ -26,21 +26,21 @@ form {
/* text styles */ /* text styles */
h1{ h1{
font-family:'Carter One',arial,serif; font-family: 'Carter One',arial,serif;
margin-bottom: 15px; margin-bottom: 15px;
margin-top:15px; margin-top: 15px;
color:#fff; color: #fff;
font-size: 30px; font-size: 30px;
} }
h2{ h2{
margin-top:20px; margin-top: 20px;
color:#fff; color: #fff;
} }
h3{ h3{
border-bottom:1px solid #222; border-bottom: 1px solid #222;
font-size:18px; font-size: 18px;
} }
a { a {
@ -58,201 +58,201 @@ label {
/* website structure */ /* website structure */
.mediagoblin_body { .mediagoblin_body {
position:relative; position: relative;
min-height:100%; min-height: 100%;
} }
.mediagoblin_header { .mediagoblin_header {
height:36px; height: 36px;
padding-top:14px; padding-top: 14px;
margin-bottom:20px; margin-bottom: 20px;
border-bottom:1px solid #222222; border-bottom: 1px solid #222222;
} }
.header_submit{ .header_submit{
color:#272727; color: #272727;
background-color:#aaa; background-color: #aaa;
background-image: -webkit-gradient(linear, left top, left bottom, from(##D2D2D2), to(#aaa)); background-image: -webkit-gradient(linear, left top, left bottom, from(##D2D2D2), to(#aaa));
background-image: -webkit-linear-gradient(top, #D2D2D2, #aaa); background-image: -webkit-linear-gradient(top, #D2D2D2, #aaa);
background-image: -moz-linear-gradient(top, #D2D2D2, #aaa); background-image: -moz-linear-gradient(top, #D2D2D2, #aaa);
background-image: -ms-linear-gradient(top, #D2D2D2, #aaa); background-image: -ms-linear-gradient(top, #D2D2D2, #aaa);
background-image: -o-linear-gradient(top, #D2D2D2, #aaa); background-image: -o-linear-gradient(top, #D2D2D2, #aaa);
background-image: linear-gradient(top, #D2D2D2, #aaa); background-image: linear-gradient(top, #D2D2D2, #aaa);
box-shadow:0px 0px 4px #000; box-shadow: 0px 0px 4px #000;
border-radius:5px 5px 5px 5px; border-radius: 5px 5px 5px 5px;
margin:8px; margin: 8px;
padding:3px 8px; padding: 3px 8px;
text-decoration:none; text-decoration: none;
border:medium none; border: medium none;
font-family:'Carter One',arial,serif; font-family: 'Carter One',arial,serif;
} }
.mediagoblin_footer { .mediagoblin_footer {
height:30px; height: 30px;
border-top:1px solid #222222; border-top: 1px solid #222222;
bottom:0px; bottom: 0px;
padding-top:8px; padding-top: 8px;
text-align:center; text-align: center;
font-size:14px; font-size: 14px;
color:#999; color: #999;
} }
.mediagoblin_content { .mediagoblin_content {
padding-bottom:74px; padding-bottom: 74px;
} }
.mediagoblin_header_right { .mediagoblin_header_right {
float:right; float: right;
} }
/* common website elements */ /* common website elements */
.button { .button {
font-family:'Carter One', arial, serif; font-family: 'Carter One', arial, serif;
height:32px; height: 32px;
min-width:99px; min-width: 99px;
background-color:#86d4b1; background-color: #86d4b1;
background-image: -webkit-gradient(linear, left top, left bottom, from(#86d4b1), to(#62caa2)); background-image: -webkit-gradient(linear, left top, left bottom, from(#86d4b1), to(#62caa2));
background-image: -webkit-linear-gradient(top, #86d4b1, #62caa2); background-image: -webkit-linear-gradient(top, #86d4b1, #62caa2);
background-image: -moz-linear-gradient(top, #86d4b1, #62caa2); background-image: -moz-linear-gradient(top, #86d4b1, #62caa2);
background-image: -ms-linear-gradient(top, #86d4b1, #62caa2); background-image: -ms-linear-gradient(top, #86d4b1, #62caa2);
background-image: -o-linear-gradient(top, #86d4b1, #62caa2); background-image: -o-linear-gradient(top, #86d4b1, #62caa2);
background-image: linear-gradient(top, #86d4b1, #62caa2); background-image: linear-gradient(top, #86d4b1, #62caa2);
box-shadow:0px 0px 4px #000; box-shadow: 0px 0px 4px #000;
border-radius:5px; border-radius: 5px;
border:none; border: none;
color:#272727; color: #272727;
margin:10px 0px 10px 15px; margin: 10px 0px 10px 15px;
font-size:1em; font-size: 1em;
text-align:center; text-align: center;
padding-left:11px; padding-left: 11px;
padding-right:11px; padding-right: 11px;
text-decoration:none; text-decoration: none;
} }
.pagination{ .pagination{
text-align:center; text-align: center;
} }
.pagination_arrow{ .pagination_arrow{
margin:5px; margin: 5px;
} }
/* forms */ /* forms */
.form_box { .form_box {
background-color:#222; background-color: #222;
background-image:url("../images/background_lines.png"); background-image: url("../images/background_lines.png");
background-repeat:repeat-x; background-repeat: repeat-x;
font-size:18px; font-size: 18px;
padding-bottom:30px; padding-bottom: 30px;
padding-top:30px; padding-top: 30px;
margin-left:auto; margin-left: auto;
margin-right:auto; margin-right: auto;
display:block; display: block;
float:none; float: none;
} }
.edit_box { .edit_box {
background-image:url("../images/background_edit.png"); background-image: url("../images/background_edit.png");
} }
.form_box h1 { .form_box h1 {
font-size:28px; font-size: 28px;
} }
.form_field_input input, .form_field_input textarea { .form_field_input input, .form_field_input textarea {
width:100%; width: 100%;
font-size:18px; font-size: 18px;
} }
.form_field_box { .form_field_box {
margin-bottom:24px; margin-bottom: 24px;
} }
.form_field_label,.form_field_input { .form_field_label,.form_field_input {
margin-bottom:4px; margin-bottom: 4px;
} }
.form_field_error { .form_field_error {
background-color:#87453b; background-color: #87453b;
color:#fff; color: #fff;
border:none; border: none;
font-size:16px; font-size: 16px;
padding:9px; padding: 9px;
margin-top:8px; margin-top: 8px;
margin-bottom:8px; margin-bottom: 8px;
} }
.form_submit_buttons { .form_submit_buttons {
text-align:right; text-align: right;
} }
/* comments */ /* comments */
.comment_author { .comment_author {
margin-bottom:40px; margin-bottom: 40px;
padding-top:4px; padding-top: 4px;
font-size:14px; font-size: 14px;
} }
.comment_content p { .comment_content p {
margin-bottom:4px; margin-bottom: 4px;
} }
/* media galleries */ /* media galleries */
.media_thumbnail { .media_thumbnail {
padding:0px; padding: 0px;
width:180px; width: 180px;
height:180px; height: 180px;
overflow:hidden; overflow: hidden;
float:left; float: left;
margin:0px 4px 10px 4px; margin: 0px 4px 10px 4px;
text-align:center; text-align: center;
} }
/* icons */ /* icons */
img.media_icon{ img.media_icon{
margin:0 4px; margin: 0 4px;
vertical-align:sub; vertical-align: sub;
} }
/* navigation */ /* navigation */
.navigation_button{ .navigation_button{
width:139px; width: 139px;
display:block; display: block;
float:left; float: left;
text-align:center; text-align: center;
background-color:#222; background-color: #222;
text-decoration:none; text-decoration: none;
padding:12px 0pt; padding: 12px 0pt;
font-family:'Carter One', arial, serif; font-family: 'Carter One', arial, serif;
font-size:2em; font-size: 2em;
margin:0 0 20px margin: 0 0 20px
} }
p.navigation_button{ p.navigation_button{
color:#272727; color: #272727;
} }
.navigation_left{ .navigation_left{
margin-right:2px; margin-right: 2px;
} }
/* messages */ /* messages */
ul.mediagoblin_messages { ul.mediagoblin_messages {
list-style:none inside; list-style: none inside;
color:#f7f7f7; color: #f7f7f7;
} }
.mediagoblin_messages li { .mediagoblin_messages li {
margin:5px 0; margin: 5px 0;
padding:8px; padding: 8px;
text-align:center; text-align: center;
} }
.message_success { .message_success {
@ -273,5 +273,5 @@ ul.mediagoblin_messages {
.message_debug { .message_debug {
background-color: #f7f7f7; background-color: #f7f7f7;
color:#272727; color: #272727;
} }