Mercurial > public > sg101
view static/css/base.css @ 1146:439eb97a6ca8
Add friends logos to V3 base template.
author | Brian Neal <bgneal@gmail.com> |
---|---|
date | Tue, 15 Nov 2016 19:44:29 -0600 |
parents | ecb8f07d937b |
children |
line wrap: on
line source
body { background-color: #eee; background: url('../themes/kds/bg.png') no-repeat fixed center; } tr.even td { background-color: #E0F2F6; } a { text-decoration: underline; color: teal; } a:hover { text-decoration: underline; color: black; } #page { } #header { background-position: left; background-repeat: no-repeat; text-align: center; display: block; height: 150px; overflow: visible; background-image: url('../themes/kds/headerbg.png'); } #header p { float: none; padding: 40px 24px 0px 24px; font-size: 1.5em; line-height: 1em; display: block; clear: both; } #header-nav { background-color: #E0F2F6; text-align: right; } #header-nav ul { padding-top: 3px; padding-right: 5px; margin-bottom: 3px; /* text-align: right; */ list-style: none; } #header-nav li { display: inline; margin: 0 36px; } #header-nav li a { font-size: 1.0em; line-height: 1em; text-decoration: none; color: teal; } #header-nav li a:hover { color: black; } #content-primary { } #content-secondary { background-color: #E0F2F6; min-height: 1750px; } #content-secondary ul.nav-left { margin-top: 1.5em; list-style:none; } #content-secondary ul.nav-left li { background-color: #eee; background-color: #E0F2F6; color: black; } #content-secondary ul.nav-left li a { text-decoration: none; color: teal; } #content-secondary ul.nav-left li a:hover { color: black; } #footer { font-size: 10px; line-height: 1em; background-repeat: no-repeat; background-color: #E0F2F6; color: black; } #footer p { margin: 1em; text-align: center; } #footer a { color: teal; } 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-bottom:1.2em; margin-left:14px; margin-right:auto; width:160px; } div.side-block-title { margin: 0; background-color: teal; color: white; font-weight: bold; text-align: center; border-top-left-radius: 5px; border-top-right-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; } div.side-block-content { margin: 0; border: 1px solid teal; padding: 2px 2px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; -moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px; } iframe { margin-bottom: 1em; } img { border-style: none; } .breadcrumbs { font-size: x-small; padding-bottom: 0.5em; } table { width: auto; border-style: none; } .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; border-radius: 10px; -moz-border-radius: 10px; } .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; clear: both; } 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-index-table h4 { margin-bottom: 4px; } 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; } table.grid { border-collapse:collapse; } table.grid th, table.grid td { border: 1px solid #eee; } ul.inline-list li { display: inline; margin: 0 3px; } table.forum-topic-table { width:100%; } table.forum-topic-table thead th { background:teal; } table.forum-topic-table .col-0 { width:23%; text-align:center; } table.forum-topic-table .col-1 { width:37%; text-align:center; } table.forum-topic-table .col-2 { width:5%; text-align:center; } table.forum-topic-table .col-3 { width:5%; text-align:center; } table.forum-topic-table .col-4 { width:5%; text-align:center; } table.forum-topic-table .col-5 { width:25%; text-align:center; } table.forum-topic-table .info { text-align:center; } #forum-query-form { text-align:right; } #forum-jumpbox-form { text-align:right; margin-top:0.5em; margin-bottom:0.5em; } #forums-post-list dt { margin-top: 0.5em; padding: 3px 0 3px 0; } #forums-post-list dd { border: 1px solid #555; padding: 0.5em 0.5em; } #forums-post-list dd.even { background-color:#e5ecf9; } #badge_summary { border-collapse:collapse; } #badge_summary th, #badge_summary td { border: 1px solid teal; } .error a { text-decoration: underline; } .stranger { background:#FFF6BF; } h2.forum-nav {font-size:1.2em;margin-top:1em;margin-bottom:0.2em;} h3.forum-nav {font-size:2em;line-height:1;margin-bottom:1em;margin-left:1em;} #attachment div { margin: 1.0em 1.5em; } #attachment div span.link { margin: 1em; } div.forum-attachment { margin: 1.0em 1.5em; } .pointer { cursor: pointer; } .centeredImage { text-align: center; margin-top: 0px; margin-bottom: 0px; padding: 0px; } .centeredImage img { margin-top: 3px; margin-bottom: 3px; } a.intra { text-decoration: none; } .post-author { font-size: medium; } .centered { text-align: center; } .success {background:#99ff99;color:#264409;border-color:#339933;} tr.forum-post.even td { background-color: #E0F2F6; } tr.forum-post.odd td { background-color: #EDF7F6; } .solid-background { background-color: #EDF7F6; } div.news-story-container { padding: 0.5em; } ul.no-bullet { list-style: none; padding-left: 0.5em; } ul.no-bullet-inline-block { list-style: none; } ul.no-bullet-inline-block li { display: inline-block; } .middle { vertical-align: middle; } html.busy, html.busy * { cursor: wait !important; } input.search { margin: 0.5em 0; padding: 5px; } ul.logo-block { margin: 1.5em 3em 1.5em 3em; background-color: white; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; } ul.logo-block li { display: inline-block; vertical-align: middle; margin: 1em 1.5em 1em 1.5em; } .inline-bullet-list li { display: inline-block; margin: 0 6px; } .inline-bullet-list li:before { content: "\2022"; margin-right: 3px; }