view src/nabble/view/web/nabble.css @ 0:7ecd1a4ef557

add content
author Franklin Schmidt <fschmidt@gmail.com>
date Thu, 21 Mar 2019 19:15:52 -0600
parents
children
line wrap: on
line source

/* font and global ---------------------------------------------------*/
body, input, button, textarea, select {
	font-family: Verdana,Geneva,Helvetica,Arial,sans-serif;
}
.second-font, h1, h2, h3, h4, h5, h6 {
	font-family: Arial, sans-serif;
}
body, table .nabble {
	font-size: .84em;
	margin: .8em;
}
code {
	font-size: 1.1em;
}
.small {
	font-size: 0.9em;
}

#forum-header {
	padding-top:.5em;
	text-align:center;
}

#forum-footer {
	margin-top:.3em;
	padding-left:.5em;
}

#forum-title {
	font-weight:bolder;
	font-size:190%;
	margin:0;
}

#description-box {
	clear:both;
	font-size:90%;
	padding: 1em 1em 0 1em;
}

#search-box {
	text-align: right;
}

img.star {
	width:18px;
	height:18px;
	vertical-align:middle;
	border:none;
}

div.notice {
	position: fixed;
	top: 0;
	left:50%;
	padding: .2em .4em;
	background-color: #FAE900;
	font-weight: bold;
	font-size: 120%;
	display: none;
}
/* color scheme ------------------------------------------------------*/

/* text and link (foreground) colors -----------------*/
.nabble,
.nabble table {
	color: #000000; /* black */
}
.nabble h1, .nabble h2, .nabble h3, .nabble h4, .nabble h5, .nabble h6 {
	color: #333333; /* black (light) */
}
.nabble .important {
	color: #cc0000; /* red (dark) */
}

.nabble .form-label,
.nabble .weak-color {
	color: #666666; /* gray */
}

.nabble a * { color:inherit; }

.nabble a:link,
.nabble a.not-visited-link {
	color: #0000ee;
}

.nabble a:visited,
.nabble a.visited-link {
	color: #551a8b;
}

/* background colors --------------------*/
.nabble,
.nabble .no-bg-color {
	background: #ffffff; /* white */
}

.nabble .light-bg-color {
	background: #f2f2f2; /* ultra light gray */
}

.nabble .shaded-bg-color {
	background: #eeeeee; /* gray (light) */
}

.nabble .dark-bg-color {
	background: #dddddd; /* gray (medium) */
}
.nabble .highlight {
	background: #ffff99; /* yellow */
}
.nabble .error-message,
.nabble .info-message {
	background: #ffffcc; /* yellow (light) */
}

/* border colors ------------------------*/
.nabble .medium-border-color  {
	border-color: #cccccc; /* gray (medium) */
}
.nabble .light-border-color {
	border-color: #eeeeee; /* gray (light) */
}
.nabble .dark-border-color {
	border-color: #666666; /* gray */
}

/* generic -----------------------------------------------------------*/
.nabble a,
.nabble table,
.nabble input,
.nabble textarea,
.nabble select {
	font-size: 1em;
}
.nabble option {
	white-space: pre;
}
.nabble h1 {
	font-size: 1.8em;
	font-weight: bold;
	margin-top: .4em;
	margin-bottom: 0.5em;
}
.nabble h1 a:link, .nabble h1 a:visited {
	text-decoration: none;
	font-weight: bold;
}
.nabble h2 {
	font-size: 1.3em;
	padding: .3em 0;
	margin:0;
}
.nabble .smaller {
	font-size: .9em;
	font-weight: normal;
}
.nabble h3 {
	font-size: 1.1em;
	font-style:italic;
	padding:.3em 0;
	margin:0;
}
div.message-text h2, div.root-text h2,
div.message-text h3, div.root-text h3,
div.message-text h4, div.root-text h4,
div.message-text h5, div.root-text h5,
div.message-text h6, div.root-text h6
{
	padding: .6em 0 .4em;
	margin:0;
}
/*  HEADER ------------------------------------------------------------------- */
.nabble .top-bar {
	vertical-align: top;
	padding-bottom: .3em;
	height:1.6em;
	clear:both;
}

.search-box input {
	padding:2px 0 2px 25px;
	background: url('images/search.png') 5px 50% no-repeat;
	border-width:2px;
	border-style: solid;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}

/*  FOOTER  */
.nabble .footer-table {
	width: 100%;
	border-collapse: collapse;
	margin-top: 2.4em;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	clear:both;
}
.nabble .footer-table td {
	font-size: .9em;
	line-height: 2.0em;
	padding-left: 0.5em;
	padding-right: 0.5em;
}
.nabble .footer-left {
	text-align: left;
}
.nabble .footer-right {
	text-align: right;
}

/* EDITOR TABLE ------------------------------------------------------*/
.nabble .editor-table {
	border-width: 1px;
	border-style: solid;
	border-spacing: 0;
}
.nabble .editor-table td {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	padding: .42em;
}

/*  FORMS ---------------------------------------------------------------------- */
.nabble form {
	margin: 0;
}
.nabble .form-label {
	font-weight: bold;
	text-align: right;
	font-size: .9em;
}

div.field-title, td.field-title {
	font-weight:bold;
	font-size:110%;
	padding-bottom:.1em;
	margin-top: 1.7em;
}

div.field-box {
	width:100%;
	padding: .5em 0;
	margin:.3em 0 .1em;
	border-bottom-width: 1px;
	border-bottom-style:solid;
}
/*  DESCRIPTIVE PAGES  */
.nabble .content-description {
	margin: 1em;
}
.nabble .content-description p,
.nabble .content-description li {
	line-height: 1.67em;
}
.nabble .content-description h2 {
	font-weight: bold;
	font-size: 1.17em;
	margin: 1.1em 0 0 0;
}

/* message quoting -------------------------------------------------------------------------- */
.nabble blockquote.quote {
	border-left-width: 2px;
	border-left-style: solid;
	margin: 1.4em 1.8em;
	font-size: .9em;
}
.nabble blockquote.quote blockquote.quote {
	font-size: 1em;
}
.nabble div.quote {
	border-top-width: 1px;
	border-top-style: solid;
	display: inline-block;
	padding: 0 1em;
}
.nabble blockquote.quote div.quote-author {
	padding: .5em 0;
}
.nabble blockquote.quote div.quote-message {
	margin: .5em 0;
}

/*Opera fix*/
div.shrinkable-quote {
	overflow: hidden;
}

div.shrink-quote a {
	font-size: 80%;
	text-decoration: none;
}

div.quote div.shrink-quote a {
	cursor: pointer;
	font-size: 90%;
}

/* Others */
input[type='radio'], input[type='checkbox'] { vertical-align:-15%; }
label { cursor: pointer; }
.inline {display:inline}
.invisible {display:none;}
.nabble .ad {text-align:center;clear:both;margin:2em 0 1em;}
.nowrap {white-space:nowrap;}
.float-left{float:left;}
.float-right{float:right;}
.no-decoration {text-decoration:none;}
.bold { font-weight:bold; }
.image16 { width:16px;height:16px;vertical-align:middle; border:none;}
.image24 { width:24px;height:24px;vertical-align:middle; border:none;}
.image32 { width:32px;height:32px;vertical-align:middle; border:none;}

.nabble .border1 {
	border-width: 1px;
	border-style: solid;
}
.nabble .border2 {
	border-width: 2px;
	border-style: solid;
}

.nabble .signature {
	clear:both;
	border-top: 1px solid #ddd;
	margin-top: 2em;
}

.black-overlay{
	display: none;
	position: absolute;
	top:0;
	left:0;
	width: 100%;
	height: 200%;
	background-color: black;
	z-index:1001;
	opacity:.80;
	filter: Alpha(opacity=80);
}

.window-content {
	display: none;
	position: absolute;
	top: 25%;
	left: 25%;
	width: 50%;
	padding: 16px;
	border-width: 5px;
	border-style:solid;
	background-color: white;
	z-index:1002;
	overflow: auto;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
}
/*------------------- drop-down -----------------------*/
span.dropdown {
	padding-right:.5em;
	line-height:normal;
}

span.dropdown table,
span.dropdown ul,
ul.dropdown-submenu {
	position:absolute;
	display:none;
	text-align:left;
	border-width:1px;
	border-style:solid;
	padding:.1em .2em;
	z-index:10000;
	border-collapse:collapse;
}

span.dropdown ul,
ul.dropdown-submenu {
	list-style:none;
	padding:0;
}

span.dropdown table td,
span.dropdown ul li,
ul.dropdown-submenu li {
	font-size:90%;
	white-space: nowrap;
	padding:.2em .5em;
}

span.dropdown table a,
span.dropdown ul li a,
ul.dropdown-submenu li a {
	color: inherit;
	text-decoration:none;
	padding:.25em;
}

td.dropdown-simple-row {
	padding:.45em .75em !important;
}

td.action-separator{
	border-bottom-width: 1px;
	border-bottom-style: solid;
}

tr.dropdown-separator {
	font-size:1px;
	line-height: 1px;
	display:none;
}
tr.dropdown-separator > * {
	padding:0;line-height:0;font-size:1px;
}
/*------------------- threads & posts ---------------------*/
.post-hover {
	background: #eeeeee;
}

span.post-date {
	color:#6a6a6a;
	cursor:default;
}

span.post-author {
	color: #116611;
	white-space: nowrap;
	margin:0 .2em 0 .3em;
	font-size:100%;
}

h2.post-subject {
	color: #777777;
	overflow: hidden;
	white-space: nowrap;
	padding: 0 .5em 0 0;
	display:inline;
	margin:0 0 0 1em;
	cursor:default;
	font-size:100%;
}

span.post-snippet, td.post-unindent {
	color:#909090;
}

div.post-border {
	border: 2px solid #D9D9D9;
	width:99.9%;
}

span.connect-line {
	background-image:url("images/connect-line.gif");
	background-repeat: repeat-y;
}

span.connect-end {
	background-image:url("images/connect-line.gif");
	background-repeat: no-repeat;
}

td.connect-end {
	background-image:url("images/connect-end.gif");
	background-repeat: no-repeat;
}

td.connect-node {
	cursor:pointer;
	background-image:url("images/connect-node.gif");
	background-repeat: no-repeat;
}

td.connect-node-closed {
	background-image:url("images/connect-node-closed.gif");
	background-repeat: no-repeat;
}

/*----- MISC ----*/
.rounded {
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

.rounded-top {
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	-webkit-border-top-right-radius: 5px;
	-webkit-border-top-left-radius: 5px;
	border-top-left-radius:5px;
	border-top-right-radius:5px;
}

.rounded-bottom {
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	border-left-radius:5px;
	border-bottom-right-radius:5px;
}

.drop-shadow {
	-webkit-box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 4px 0px;
	-moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
	box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 4px 0px;
}

h2.category-subject {
	padding:0;
	margin:0;
	display:inline;
	font-size:110%;
}

.nabble .app-notice {
	border:3px solid #EDD9B7;
	background: url('gradients/v60_FFFFF6_FFFFCC') #FFFFCC repeat-x;
	padding: .45em;
	text-align: center;
}

img.avatar {
	line-height:2em;
	vertical-align:-8px;
	border-width:2px;
	border-style:solid;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
}

img.online {
	position:relative;
	z-index:999;
	width:8px;
	height:8px;
	border:none;
	right:6px;
	top:10px;
	margin-right:-.5em;
}

img.left {
	float:left;
	margin:.4em;
}
img.right {
	float:right;
	margin:.4em;
}
img.center {
	display: block;
	margin-left:auto;
	margin-right:auto;
}

table.number {
	margin-bottom: .5em;
}
td.number {
	width: 2em;
}
span.number {
	font-size: 150%;
	padding: 0 .3em .03em;
	border-width:1px;
	border-style:solid;
}
span.box, span.box-text {
	display:inline-block;
	background: url('images/shadow.png') no-repeat bottom right;
	padding:5px 12px 12px 5px;
	position:relative;
}
span.box-text {
	overflow:hidden;
	text-align:center;
	width:140px;
	height:110px;
}
div.pinned-box {
	position:relative;
	z-index:999;
	background-image:url('images/pin.png');
	width:20px;
	height:21px;
	top:10px;
	margin-top:-21px;
}

/* work group */
div.priority {
	color: white;
	text-align:center;
	font-weight:bolder;
	padding:.1em .2em;
	display:inline;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}
div.priority-1 { background:url('/gradients/v25_FC5858_E01B1E') #E94747 repeat-x; border: 1px solid #D13838; text-shadow:1px 1px 0 #D13838;}
div.priority-2 { background:url('/gradients/v25_F8D14A_D7BB4B') #D8B23D repeat-x; border: 1px solid #C9A92A; text-shadow:1px 1px 0 #a58803;}
div.priority-3 { background:url('/gradients/v25_D0D0D0_A0A0A0') #BCBCBC repeat-x; border: 1px solid #909090; text-shadow:1px 1px 0 #777777;}
div.priority-4 { background:url('/gradients/v25_72DFF8_39B5D8') #81C7DE repeat-x; border: 1px solid #25a2a8; text-shadow:1px 1px 0 #25a2a8;}
div.priority-5 { background:url('/gradients/v25_4378e8_1e3d80') #4A7BD5 repeat-x; border: 1px solid #26478d; text-shadow:1px 1px 0 #333333;}

/* News view */
div.news-title {
	float:left;
}
h3.news-title {
	display:inline;
}
.big-title {
	font-size: 120%;
	font-weight:bold;
}
div.sidebar-section,
h2.sidebar-section {
	width:100%;
	margin: 0 0 .3em 0;
	padding: .2em;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	white-space:nowrap;
}
ul.sidebar-section {
	list-style-type: none;
	margin:0;
	padding:0;
}
ul.sidebar-section li {
	padding:.4em 0 .4em .5em;
	border-bottom-style: dotted;
	border-bottom-width:1px;
	white-space:nowrap;
}

#captcha { text-transform:uppercase; }

button.toolbar,
input[type=submit].toolbar,
input[type=button].toolbar
{
	white-space:nowrap;
	text-shadow:1px 1px 0 white;
	padding:.15em .25em;
	margin:0;
	font:100%/1.4 Arial,Sans-serif;
	color:#333 !important;
	cursor:pointer;
	background:#ddd url(images/btn_bg.gif) repeat-x 0 0 !important;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	border-left:1px solid #bbb;
	border-right:1px solid #aaa;
	border-top:1px solid #bbb;
	border-bottom:1px solid #aaa;
	outline:0;
}
button.toolbar:active,
input[type=submit].toolbar:active,
input[type=button].toolbar:active
{
	background-position:0 -500px;
	outline:0;
}
button.toolbar-disabled,
input[type=submit].toolbar-disabled,
input[type=button].toolbar-disabled
{ color: #777; }
button.toolbar-disabled:active,
input[type=submit].toolbar-disabled,
input[type=button].toolbar-disabled {
	background-position:0 0;
}
button.action-button,
input[type=submit].action-button,
input[type=button].action-button
{ padding:.25em .5em; font-weight: bold; }