Mercurial Hosting > nabble
diff src/global/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 diff
--- /dev/null Thu Jan 01 00:00:00 1970 +0000 +++ b/src/global/web/nabble.css Thu Mar 21 19:15:52 2019 -0600 @@ -0,0 +1,226 @@ +/* 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; } \ No newline at end of file