+/* @font-face */
+
+@font-face {
+ font-family: 'Lato';
+ font-style: normal;
+ font-weight: 700;
+ src: local('Lato Bold'), local('Lato-Bold'), url('../fonts/Lato-Bold.ttf') format('truetype');
+}
+@font-face {
+ font-family: 'Lato';
+ font-style: italic;
+ font-weight: 400;
+ src: local('Lato Italic'), local('Lato-Italic'), url('../fonts/Lato-Italic.ttf') format('truetype');
+}
+@font-face {
+ font-family: 'Lato';
+ font-style: italic;
+ font-weight: 700;
+ src: local('Lato Bold Italic'), local('Lato-BoldItalic'), url('../fonts/Lato-BoldItalic.ttf') format('truetype');
+}
+@font-face {
+ font-family: 'Lato';
+ font-style: normal;
+ font-weight: 400;
+ src: local('Lato Regular'), local('Lato-Regular'), url('../fonts/Lato-Regular.ttf') format('truetype');
+}
+
body {
- background-color: #1F1F1F;
- color: #aaa;
+ background-color: #111;
+ background-image: url("../images/background.png");
+ color: #C3C3C3;
font-family: sans-serif;
- padding:none;
- margin:0px;
- height:100%;
+ padding: none;
+ margin: 0px;
+ height: 100%;
+ font: 16px "HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,sans-serif;
+ font-family:'Lato', sans-serif;
}
form {
- margin:0px;
- padding:0px;
-}
-
-/* Carter One font */
-
-@font-face {
- font-family: 'Carter One';
- font-style: normal;
- font-weight: normal;
- src: local('CarterOne'), url('http://themes.googleusercontent.com/font?kit=FWNn6ITYqL6or7ZTmBxRhq3fkYX5z1QtDUdIWoaaD_k') format('woff');
+ margin: 0px;
+ padding: 0px;
}
/* text styles */
h1{
- font-family: 'Carter One', arial, serif;
margin-bottom: 15px;
- margin-top:15px;
+ margin-top: 15px;
+ color: #fff;
+ font-size: 1.875em;
}
h2{
- margin-top:20px;
+ font-size: 1.375em;
+ margin-top: 20px;
+ color: #fff;
+}
+
+h3{
+ border-bottom: 1px solid #333;
+ font-size: 1.125em;
}
a {
+ color: #86D4B1;
+}
+
+a.highlight {
color: #fff;
}
font-weight: normal;
}
+input, textarea {
+ font-size:1em;
+ font-family:'Lato', sans-serif;
+}
+
/* website structure */
.mediagoblin_body {
- position:relative;
- min-height:100%;
+ position: relative;
+ min-height: 100%;
}
.mediagoblin_header {
- width:100%;
- height:36px;
- background-color:#2F2F2F;
- padding-top:14px;
- margin-bottom:40px;
+ height: 36px;
+ padding-top: 14px;
+ margin-bottom: 20px;
+ border-bottom: 1px solid #333;
}
-.header_submit{
- color:#272727;
- background-color:#aaa;
- background-image: -webkit-gradient(linear, left top, left bottom, from(##D2D2D2), to(#aaa));
- background-image: -webkit-linear-gradient(top, #D2D2D2, #aaa);
- background-image: -moz-linear-gradient(top, #D2D2D2, #aaa);
- background-image: -ms-linear-gradient(top, #D2D2D2, #aaa);
- background-image: -o-linear-gradient(top, #D2D2D2, #aaa);
- background-image: linear-gradient(top, #D2D2D2, #aaa);
- box-shadow:0px 0px 4px #000;
- border-radius:5px 5px 5px 5px;
- margin:8px;
- padding:3px 8px;
- text-decoration:none;
- border:medium none;
- font-family:'Carter One',arial,serif;
+a.mediagoblin_logo{
+ color: #fff;
+ font-weight: bold;
+ margin-right: 8px;
}
.mediagoblin_footer {
- width:100%;
- height:30px;
- background-color:#2F2F2F;
- bottom:0px;
- padding-top:8px;
- position:absolute;
- text-align:center;
- font-size:14px;
- color:#999;
+ height: 30px;
+ border-top: 1px solid #333;
+ bottom: 0px;
+ padding-top: 8px;
+ text-align: center;
+ font-size: 0.875em;
}
.mediagoblin_content {
- padding-bottom:74px;
+ padding-bottom: 74px;
}
.mediagoblin_header_right {
- float:right;
+ float: right;
}
/* common website elements */
-.button {
- font-family:'Carter One', arial, serif;
- height:32px;
- min-width:99px;
- background-color:#86d4b1;
+.button_action, .button_action_highlight {
+ display: inline-block;
+ color: #c3c3c3;
+ background-color: #363636;
+ border: 1px solid;
+ border-color: #464646 #2B2B2B #252525;
+ border-radius: 4px;
+ padding: 3px 8px;
+ font-size: 16px;
+ text-decoration: none;
+ font-style: normal;
+ font-weight: bold;
+ cursor: pointer;
+}
+
+.button_action_highlight {
+ background-color: #86D4B1;
+ border-color: #A2DEC3 #6CAA8E #5C9179;
+ color: #283F35;
+}
+
+.button_form, .cancel_link {
+ height: 32px;
+ min-width: 99px;
+ background-color: #86d4b1;
background-image: -webkit-gradient(linear, left top, left bottom, from(#86d4b1), to(#62caa2));
background-image: -webkit-linear-gradient(top, #86d4b1, #62caa2);
background-image: -moz-linear-gradient(top, #86d4b1, #62caa2);
background-image: -ms-linear-gradient(top, #86d4b1, #62caa2);
background-image: -o-linear-gradient(top, #86d4b1, #62caa2);
background-image: linear-gradient(top, #86d4b1, #62caa2);
- box-shadow:0px 0px 4px #000;
- border-radius:5px;
- border:none;
- color:#272727;
- margin:10px 0px 10px 15px;
- font-size:1em;
- text-align:center;
- padding-left:11px;
- padding-right:11px;
+ box-shadow: 0px 0px 4px #000;
+ border-radius: 3px;
+ border: none;
+ color: #272727;
+ margin: 10px 0px 10px 15px;
+ text-align: center;
+ padding-left: 11px;
+ padding-right: 11px;
+ text-decoration: none;
+ font-family: 'Lato', sans-serif;
+ font-weight: bold;
+}
+
+.cancel_link {
+ background-color: #aaa;
+ background-image: -webkit-gradient(linear, left top, left bottom, from(##D2D2D2), to(#aaa));
+ background-image: -webkit-linear-gradient(top, #D2D2D2, #aaa);
+ background-image: -moz-linear-gradient(top, #D2D2D2, #aaa);
+ background-image: -ms-linear-gradient(top, #D2D2D2, #aaa);
+ background-image: -o-linear-gradient(top, #D2D2D2, #aaa);
+ background-image: linear-gradient(top, #D2D2D2, #aaa);
}
-.pagination{
-text-align:center;
+.pagination {
+text-align: center;
}
-.pagination_arrow{
- margin:5px;
+.pagination_arrow {
+ margin: 5px;
+}
+
+.empty_space {
+ background-image: url("../images/empty_back.png");
+ font-style: italic;
+ text-align: center;
+ height: 160px;
+ padding-top: 70px;
+}
+
+.right_align {
+ float: right;
+}
+
+textarea#comment_content {
+ width: 634px;
+ height: 90px;
+ border: none;
+ background-color: #f1f1f1;
+ padding: 3px;
}
/* forms */
.form_box {
- background-color:#393939;
- background-image:url("../images/background_lines.png");
- background-repeat:repeat-x;
- font-size:18px;
- padding-bottom:30px;
- padding-top:30px;
- margin-left:auto;
- margin-right:auto;
- display:block;
- float:none;
+ background-color: #222;
+ background-image: url("../images/background_lines.png");
+ background-repeat: repeat-x;
+ padding-bottom: 30px;
+ padding-top: 30px;
+ margin-left: auto;
+ margin-right: auto;
+ display: block;
+ float: none;
}
.edit_box {
- background-image:url("../images/background_edit.png");
+ background-image: url("../images/background_edit.png");
}
-.form_box h1 {
- font-size:28px;
+.form_field_input input, .form_field_input textarea {
+ width: 100%;
}
-.form_field_input input, .form_field_input textarea {
- width:100%;
- font-size:18px;
+.form_field_input {
+ margin-bottom: 10px;
+}
+
+.form_field_label {
+ margin-bottom: 4px;
}
-.form_field_box {
- margin-bottom:24px;
+.form_field_label {
+ font-size:1.125em;
}
-.form_field_label,.form_field_input {
- margin-bottom:4px;
+.form_field_description {
+ font-style: italic;
}
.form_field_error {
- background-color:#87453b;
- color:#fff;
- border:none;
- font-size:16px;
- padding:9px;
- margin-top:8px;
- margin-bottom:8px;
+ background-color: #87453b;
+ color: #fff;
+ border: none;
+ padding: 9px;
+ margin-top: 8px;
+ margin-bottom: 8px;
}
.form_submit_buttons {
- text-align:right;
+ text-align: right;
+}
+
+#password_boolean {
+ margin-top: 4px;
+ width: 20px;
}
/* comments */
.comment_author {
- margin-bottom:40px;
- padding-top:4px;
+ margin-bottom: 40px;
+ padding-top: 4px;
+ font-size: 0.9em;
+}
+
+.comment_content {
+ margin-bottom: 30px;
}
.comment_content p {
- margin-bottom:4px;
+ margin-bottom: 0px;
}
/* media galleries */
.media_thumbnail {
- padding:0px;
- width:180px;
- height:180px;
- overflow:hidden;
- float:left;
- margin:0px 4px 10px 4px;
- text-align:center;
+ padding: 0px;
+ width: 180px;
+ overflow: hidden;
+ float: left;
+ margin: 0px 4px 10px 4px;
+ text-align: center;
+ font-size: 0.875em;
}
-/* icons */
+.media_thumbnail a {
+ color: #eee;
+ text-decoration: none;
+}
-img.media_icon{
- margin:0 4px;
- vertical-align:sub;
+/* media detail */
+
+h2.media_title {
+ margin-bottom: 0px;
}
-/* navigation */
+p.media_specs {
+ font-size: 0.9em;
+ border-top: 1px solid #222;
+ border-bottom: 1px solid #222;
+ padding: 10px 0px;
+ color: #888;
+}
+
+.no_html5 {
+ background: black;
+ color: white;
+ text-align: center;
+ height: 160px;
+ padding: 130px 10px 20px 10px;
+}
-.navigation_button{
- width:139px;
- display:block;
- float:left;
- text-align:center;
- background-color:#393939;
- text-decoration:none;
- padding:12px 0pt;
- font-family:'Carter One', arial, serif;
- font-size:2em;
- margin:0 0 20px
+/* icons */
+
+img.media_icon {
+ margin: 0 4px;
+ vertical-align: sub;
}
-p.navigation_button{
- color:#272727;
+/* navigation */
+
+.navigation_button {
+ width: 135px;
+ display: block;
+ float: left;
+ text-align: center;
+ background-color: #1d1d1d;
+ border: 1px solid;
+ border-color: #2c2c2c #232323 #1a1a1a;
+ border-radius: 4px;
+ text-decoration: none;
+ padding: 12px 0 16px;
+ font-size: 1.4em;
+ margin: 0 0 20px
}
-.navigation_left{
- margin-right:2px;
+.navigation_left {
+ margin-right: 6px;
}
/* messages */
ul.mediagoblin_messages {
- list-style:none inside;
- color:#f7f7f7;
+ list-style: none inside;
+ color: #f7f7f7;
}
.mediagoblin_messages li {
- margin:5px 0;
- padding:8px;
- text-align:center;
+ margin: 5px 0;
+ padding: 8px;
+ text-align: center;
}
.message_success {
.message_debug {
background-color: #f7f7f7;
- color:#272727;
+ color: #272727;
+}
+
+ul.mediaentry_tags {
+ list-style-type: none;
+}
+
+ul.mediaentry_tags li {
+ display: inline;
+ margin: 0px 5px 0px 0px;
+ padding: 0px;
+}
+
+
+/* media processing panel */
+
+table.media_panel {
+ width: 100%;
}
+
+table.media_panel th {
+ font-weight: bold;
+ padding-bottom: 4px;
+}
+
+
+/* Delete panel */
+
+.delete_checkbox_box {
+ margin-top: 10px;
+ margin-left: 10px;
+}
+
+/* ASCII art */
+
+@font-face {
+ font-family: Inconsolata;
+ src: local('Inconsolata'), url('../fonts/Inconsolata.otf') format('opentype')
+}
+
+.ascii-wrapper pre {
+ font-family: Inconsolata, monospace;
+ line-height: 1em;
+}
\ No newline at end of file
projects / mediagoblin.git / blobdiff