Mercurial Hosting > nabble
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; }