diff --git a/css/general.css b/css/general.css index 2a4fb74416893bfc40c5bd08b45aa4908c038257..9085d493b306dd1edd43a3fb182abe3c6bec59e4 100644 --- a/css/general.css +++ b/css/general.css @@ -90,7 +90,7 @@ tr.even td.menu-disabled { } /** book.module **/ -##book-outline { +#book-outline { min-width: 0; } @@ -197,6 +197,7 @@ input.form-text, textarea { } .form-submit { + cursor: pointer; margin-bottom: 10px; } @@ -312,22 +313,6 @@ div.admin-panel dd { margin-bottom: .65em; } -table.system-status-report th { - border-color: #d3e7f4; -} - -tr.taxonomy-term-preview { - opacity: 0.5; -} - -tr.taxonomy-term-divider-top { - border-bottom: none; -} - -tr.taxonomy-term-divider-bottom { - border-top: 1px dotted #CCC; -} - /** Table **/ table { margin: 1em 0; @@ -338,37 +323,60 @@ td, th { padding: .3em .5em; } -#system-themes-form td { - padding: .3em 0; +tr.drag-previous { + background-color: #ffd; + border-color: #FFFFCC #e8e884 #e8e884 #FFFFCC; + border-style: solid; + border-width: 1px; } tr.even { background-color: #fff; } -tr.even:hover, tr.odd:hover { +tr.even:hover, tr.odd:hover, tr.selected { background-color: #FFFFCC; - border: solid #e8e884; - border-width: 1px 0; } -tr.drag { - background-color: #fffff0; +tr:hover td.active, tr.selected td.active { + background-color: #e8e884; } -tr.drag { - background-color: #fffff0; +tr:first-child td.region, tr:first-child td.module, tr:first-child td.container, tr:first-child td.category { + border-top-width: 0; } -tr.drag-previous { - background-color: #ffd; - border-color: #FFFFCC #e8e884 #e8e884 #FFFFCC; - border-style: solid; - border-width: 1px; +tr.taxonomy-term-preview { + opacity: 0.5; } -tr:first-child td.region, tr:first-child td.module, tr:first-child td.container, tr:first-child td.category { - border-top-width: 0; +tr.taxonomy-term-divider-top { + border-bottom: none; +} + +tr.taxonomy-term-divider-bottom { + border-top: 1px dotted #CCC; +} + +#system-themes-form td { + padding: .3em 0; +} + +/* System status report */ +table.system-status-report th { + border-color: #d3e7f4; +} + +div.ok, tr.ok { + background: #DDFFDD !important; +} + +tr.warning, body.section-admin tr.warning { + background-color: #FFFFCC !important; +} + +tr.error, body.section-admin tr.error { + background-color: #FFEEEE!important; } /* Animated throbber */ diff --git a/css/style.css b/css/style.css index e1fa61b2d8212fc253b76378797a7fad64b708cb..2b558b2ad0dfe4d5a1914b96327496e4ea2b4947 100644 --- a/css/style.css +++ b/css/style.css @@ -1,6 +1,8 @@ /* $Id$ */ /* -Magazeen : Style +Theme Name: Magazeen +Theme URI: http://smashingmagazine.com/ +Author URI: http://wefunction.com/ /* TABLE OF CONTENTS 00 - Main Structure - Columns, etc. @@ -14,6 +16,15 @@ Magazeen : Style /* /* 00 - MAIN STRUCTURE /* ----------------------------------------------*/ +.aligncenter { + display: block; + margin: 0 auto; +} + +.right, .alignright { + float: right; +} + body { background: #e2eef4; } @@ -38,15 +49,6 @@ body { float: left; } -.right, .alignright { - float: right; -} - -.aligncenter { - display: block; - margin: 0 auto; -} - /* 01 - HEADER /* ----------------------------------------------*/ #header { @@ -159,7 +161,7 @@ body { padding: 20px 22px; } -.node-type-list, #node-delete-confirm, #book-outline { +.node-type-list, #node-delete-confirm, #comment-confirm-delete, #book-outline { background: #fdfefe url('../images/post-box-top.png') repeat-x top center; border: 1px solid #dce7ed; padding: 22px 22px 11px; @@ -315,6 +317,10 @@ h2.post-title, h3.post-title-small { padding: 1.5em; } +#comment-form { + margin-top: 23px; +} + #comment-form .form-submit, #node-form .form-submit, #node-form .form-submit { background: url('../images/submit-comment.png') no-repeat top center; border: 0; @@ -337,7 +343,6 @@ h2.post-title, h3.post-title-small { .comment .new { margin-left: 2px; - position: absolute; } .new { @@ -411,7 +416,7 @@ h2.post-title, h3.post-title-small { padding: 0; } -.sidebar ul li ul { +.sidebar li ul { list-style: none; padding-left: 2em; } diff --git a/css/typography.css b/css/typography.css index 88b863e812d1cd742be304d25db21705751907f4..2938cef1492cf7a86b958f075431a6a740c6a496 100644 --- a/css/typography.css +++ b/css/typography.css @@ -13,11 +13,6 @@ Magazeen : Typography /* /* 00 - BASIC TYPOGRAPHY /* ----------------------------------------------*/ -body { - color: #5E6568; - font: 0.75em/19px Arial, Helvetica, sans-serif; -} - strong, th, thead td, h1, h2, h3, h4, h5, h6 { font-weight: bold; } @@ -129,9 +124,10 @@ h4, h5, h6 { a:link, a:visited { color: #F23183; text-decoration: none; + outline: none; } -a:hover, .node h2 a:hover,a :active, a.active { +a:hover, .node h2 a:hover, a :active, a.active { color: #000; } @@ -141,8 +137,19 @@ a:hover, .node h2 a:hover,a :active, a.active { font: italic normal normal 2.5em/1.4em "Warnock Pro", "Goudy Old Style", Palatino, "Book Antiqua", Georgia, serif; } +/** Body **/ +body { + color: #5E6568; + font: 0.75em/19px Arial, Helvetica, sans-serif; +} + /* 01 - HEADER /* ----------------------------------------------*/ +body { + color: #5E6568; + font: 0.75em/19px Arial, Helvetica, sans-serif; +} + #site-slogan { color: #B9B9B9; font: 0.83em Verdana, Arial, Helvetica, sans-serif; @@ -210,7 +217,7 @@ h2.post-title a:hover { #content-header h1 { border-bottom: 1px #C0C0C0 dashed; - color:#587682; + color: #587682; margin-bottom: 15px; } @@ -338,7 +345,7 @@ h3.post-title-small { .item-list .pager a { background: #fff; border: .1em solid #ddd; - color: #F2307F; + color: #F23183; padding: .5em .7em; } @@ -365,19 +372,34 @@ h3.post-title-small { } .sidebar li a { - border-bottom: 1px solid #D9E1E6; + font-weight: bold; color: #5A656A; - display: block; - font: bold 1.2em Arial, Helvetica, sans-serif; height: 1%; - padding: 7px; } .sidebar li a:hover { - background: #f3fafd; color: #34393E; } +.sidebar .menu li a { + border-bottom: 1px solid #D4E0E6; + display: block; + font-size: 1.2em; + padding: 7px; +} + +.sidebar .menu li a:hover { + background: #f4fbfd; +} + +.sidebar .menu ul { + padding: 0 0 0 1em; +} + +.sidebar .item-list li { + margin: 0 0 15px; +} + .sidebar .more-link a { color: #A6B5BC; font: bold 1.2em Arial, Helvetica, sans-serif; @@ -469,7 +491,7 @@ div.admin-panel dd { .form-text:focus, .form-text:hover, .form-textarea:focus, .form-textarea:hover { color: #000; - border: 1px #91EAF2 solid; + border: 1px #bce7fc solid; } /*******************************************************************