view src/global/web/nabble.css @ 2:abe0694e9849

replace local_dir with home_dir
author Franklin Schmidt <fschmidt@gmail.com>
date Mon, 25 Mar 2019 13:59:13 -0600
parents 7ecd1a4ef557
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;
	padding: .8em;
	margin:0;
}

/* 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 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 h3 {
	font-size: 1.1em;
	font-style:italic;
	padding:.3em 0;
	margin:0;
}

/*  HEADER ------------------------------------------------------------------- */
.nabble .top-bar {
	vertical-align: top;
	padding-bottom: .3em;
	height:1.6em;
	clear:both;
}

/*  FOOTER  */
.nabble div.footer {
	margin: 2.4em 0 1em;
	padding:.5em 1em;
	border-radius: 6px;
	clear:both;
}

/* Others */
input[type='radio'], input[type='checkbox'] { vertical-align:baseline; }
label { cursor: pointer; }
.inline {display:inline}
.invisible {display:none;}
.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;
}

.big-title {
	font-size: 120%;
	font-weight:bold;
}

/*----- 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;
}

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; }