Mercurial > public > sg101
view media/css/base.css @ 133:c515b7401078
Use the new common way to apply markItUp to textareas and to get the smiley and markdown help dialogs for all the remaining apps except for forums and comments.
author | Brian Neal <bgneal@gmail.com> |
---|---|
date | Fri, 27 Nov 2009 00:21:47 +0000 |
parents | f8f4514b806a |
children | ca7d619ee27b |
line wrap: on
line source
body { background-color: #eee; } #page { } #header { background-color: teal; } #header h1 { border-bottom: 1px solid #ccc; font: normal italic 1.5em/18px Georgia, serif; margin-bottom: 11px; color: #57FEFF; margin-left: -108px; padding: 15px 0 21px 108px; } #header p { float: left; padding: 60px 24px 24px 24px; font-size: 1.5em; line-height: 1em; } #header ul { padding-top: 62px; padding-right: 12px; text-align: right; list-style: none; } #header li { display: inline; margin: 0 12px; } #header li a { font-size: 1.25em; line-height: 1em; text-decoration: none; color: #57FEFF; } #header li a:hover { color: #300; } #content-primary { } #content-secondary { } #footer { height: 192px; background: #333; font-size: 10px; line-height: 1em; text-shadow: 1px 1px 1px #333; color: #fff; } #footer p { margin: 1em; } #footer a { color: #0ff; } ul.app-menu { text-align: center; list-style: none; } ul.app-menu li { display: inline; border: 1px solid black; padding: 3px 1em; background-color: teal; } ul.app-menu li a { text-decoration: none; background-color: teal; color: #111; } ul.app-menu li a:hover { color: #fff; } div.side-block { margin: 0 0 0.5em 0; padding: 2px 2px; width: 100%; } div.side-block-title { margin: 0; background-color: teal; color: white; font-weight: bold; text-align: center; } div.side-block-content { margin: 0; border: 1px solid teal; padding: 2px 2px; } iframe { margin-bottom: 1em; } img { border-style: none; } .breadcrumbs { font-size: x-small; padding-bottom: 0.5em; } table { width: auto; } .errorlist { background: #FBE3E4; color: #8a1f11; border-color: #FBC2C4; border: 2px solid #ddd; } .app-logo { text-align: center; padding: 0.5em; } .bulletin { text-align: center; margin: 1em 1em; padding: 1em 1em 0; border: 1px solid black; } .bulletin h3 { background-image: url(../icons/asterisk_orange.png); background-position: center left; background-repeat: no-repeat; } .bulletin .bulletin-meta { font-size: x-small; color: gray; text-align: right; } ul.icon-list li { list-style-type: none; } #slideshow { position:relative; left:15px; height:240px; } #slideshow img { position:absolute; top:0; left:0; z-index:8; opacity:0.0; } #slideshow img.active { z-index:10; opacity:1.0; } #slideshow img.last-active { z-index:9; } table.forum-index-table { width:100%; } table.forum-index-table thead th { background:teal; } table.forum-index-table .forum-title { width:57%; } table.forum-index-table .forum-topics { width:9%; text-align:center; } table.forum-index-table .forum-posts { width:9%; text-align:center; } table.forum-index-table .forum-last_post { width:25%; text-align:center; } table.forum-index-table .forum-index_title { width:50%; } table.forum-index-table .forum-index_replies { width:8%; text-align:center; } table.forum-index-table .forum-index_author { width:8%; text-align:center; } table.forum-index-table .forum-index_views { width:8%; text-align:center; } table.forum-index-table .forum-index_last_post { width:26%; text-align:center; } table.forum-index-table .forum-index_select { width:10%; text-align:center; } table.forum-topic { border-top:1px solid black; border-left:1px solid black; border-right:1px solid black; width:100%; margin-top: 5px; } td.forum-post-author { width:5%; border-right: 1px solid #ccc; border-bottom: 1px solid black; vertical-align: top; font-size: x-small; } td.forum-post-body { vertical-align: top; width:95%; border-bottom: 1px solid black; } td.forum-post-body-split { vertical-align: top; width:90%; border-bottom: 1px solid black; } td.forum-post-split-check { width:5%; border-left: 1px solid #ccc; border-bottom: 1px solid black; vertical-align: middle; } div.forum-post-info { padding: 2px; font-size:.8em; border-bottom: 1px solid #ccc; margin-bottom: 5px; padding-bottom: 5px; } div.forum-post-info img { float: left; margin-right: 5px; } div.forum-post-info-tools { border-top: 1px solid #ccc; padding-top: 5px; text-align: right; } div.forum-post-info-tools img { padding-left: 1em; } .forums-post-navigation { text-align: right; } #forums-quick-reply { margin-top: 1.5em; } img.forums-topic-icon { float: left; margin-right: 3px; } div.forum-mod-controls form { display:inline; }