view static/css/base.css @ 1164:68811c583bfb

WIP forum to V3 design commit.
author Brian Neal <bgneal@gmail.com>
date Wed, 12 Apr 2017 20:26:45 -0500
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;
}