/www/static/css/screen.css
https://bitbucket.org/toni/pywbe · CSS · 1517 lines · 1176 code · 248 blank · 93 comment · 0 complexity · 7885aab3e7ec973ba96018e6b2d1058d MD5 · raw file
- /* Basic styles */
- * {
- margin:0;
- padding:0;
- }
- body {
- font-family: Verdana, Arial, Helvetica, sans-serif;
- font-size: 9pt;
- line-height: 1.5;
- text-align: center;
- color: #222;
- background-color: white;
- }
- a {
- color:#006699;
- text-decoration:none;
- }
- a:hover {
- text-decoration:underline;
- }
- p {
- margin: .4em 0 .4em 0;
- }
- a img {
- border: none;
- }
- var {
- font-style: normal;
- font-family: monospace;
- }
- /* Misc */
- a.feed {
- float:right;
- display:block;
- margin:0;
- padding:0;
- width: 20px;
- height: 20px;
- background: url(../images/feed-icon.gif) no-repeat center center;
- text-indent: -100em;
- overflow: hidden;
- }
- div.loading {
- text-align: center;
- }
- div.loading img {
- margin-right: .5em;
- }
- #wiki_preview {
- padding: 1em;
- margin: 1em;
- border: 1px dotted silver;
- }
- #sidebar2 {
- float: right;
- width: 20em;
- padding: 0.8em;
- background-color: #B7D285;
- -moz-border-radius: 10px;
- }
- #sidebar2 h3 {
- margin: 0;
- font-weight: normal;
- }
- #sidebar2 .section {
- margin-bottom: 1em;
- }
- #sidebar2 ul {
- padding-left: 1.5em;
- margin: 0;
- }
- #sidebar2 ul li {
- list-style-type: disc;
- }
- /* block quotes */
- blockquote {
- text-indent: 25px;
- background: url('../images/quotes1.png');
- background-position: 0 2px;
- background-repeat: no-repeat;
- margin: 1em 0 1em 0;
- }
- blockquote p {
- line-height: 2em;
- display: inline;
- margin: 0;
- font-style: italic;
- padding-right: 24px;
- background: url('../images/quotes2.png');
- background-position: bottom right;
- background-repeat: no-repeat;
- }
- /* Layout */
- /*
- The basic layout of the homepage is as follows:
- - #page
- - #header
- - #content
- - #sidebar
- - #main
- - h1
- - .wiki_text_block
- - h[2|3|4]
- - ul
- - ol
- - ...
- - .news
- .item
- .date
- h3
- .wiki_text_block
- - #footer
- */
- #page {
- min-width: 750px;
- margin: 0;
- text-align: left;
- }
- #content_small {
- clear: both;
- margin-left: 10px;
- background: url(../images/main_small.jpg) repeat-y ;
- }
- #sidebar {
- width: 191px;
- float: left;
- border-right: 1px solid #d0d0d0;
- }
- #sidebar .ad {
- padding: 1em 1em 1em 0;
- margin-top: 1em;
- }
- #main {
- /*float:right;*/
- background: #fff url(../images/main_tile.jpg) repeat-x top;
- padding: 15px;
- margin-left: 191px;
- border-left: 1px solid #d0d0d0;
- }
- #miscbox {
- width: 188px;
- float:right;
- /*border:1px solid #D3D1C6;*/
- }
- #upcoming {
- margin-bottom: 10px;
- }
- #upcoming, #newprobs {
- padding: 5px;
- background: #fc0 url(../images/upcoming.jpg) no-repeat bottom left;
- border: 1px solid #fc0;
- }
- #upcoming ul, #newprobs ul {
- border: 1px solid #fc0;
- padding: 5px;
- background: #fff;
- }
- #upcoming h2, #newprobs h2 {
- text-transform: uppercase;
- font-size: 14px;
- font-weight: bold;
- color: #840;
- }
- #upcoming li, #newprobs li {
- border-bottom: 1px solid #cecece;
- display: block;
- background: #fff url(../images/misc_li.jpg) no-repeat center bottom;
- }
- #upcoming a, #newprobs a {
- text-decoration: none;
- display: block;
- line-height: 1.1;
- }
- #upcoming a, #newprobs a {
- padding: 5px;
- font-size: 11px;
- }
- #upcoming a:hover, #newprobs a:hover {
- text-decoration: underline;
- background: #F8F8EF;
- }
- #upcoming a span {
- display: block;
- }
- /* Wikipage options (actions) */
- #wikiOps {
- font-size: 8pt;
- }
- #wikiOps ul {
- background: url(../images/wiki.jpg) repeat-x bottom left;
- }
- #wikiOps ul {
- float: right;
- }
- #wikiOps li {
- display: block;
- float: left;
- }
- #wikiOps li a {
- display: block;
- padding: 3px 4px;
- }
- #wikiOps li a: hover {
- background: #fff;
- }
- #wikiOps li.current a {
- background: #fff;
- font-weight: bold;
- }
- /* Sidebar :: Main menu */
- #nav {
- margin-right: 2px;
- }
- #nav li {
- display: block;
- font-size: 10pt;
- }
- #nav li a {
- display: block;
- width: 80%;
- padding: 3px 15px;
- color: #6A6A6B;
- text-decoration: none;
- background: url(../images/bullet.gif) no-repeat 3px center ;
- }
- #nav li a:hover {
- color: #333;
- background: #FFEFB1 url(../images/bullet.gif) no-repeat 3px center ;
- }
- #nav li.separator {
- padding: 0;
- width: 97%;
- height: 1px;
- border: 0;
- background-color: silver;
- font-size: 0;
- }
- #nav li.separator hr {
- display: none;
- }
- /* sidebar :: login box */
- #login {
- padding: 0;
- margin: 1em 1em 2em 0;
- }
- #login fieldset {
- width: 150px;
- margin: 0;
- padding: .5em .5em 0 .5em;
- border-bottom: 0;
- border-left: 0;
- border-right: 0;
- }
- #login p {
- padding-left: .7em;
- margin: 0;
- }
- #login label {
- font-weight: normal;
- }
- /* Sidebar :: search box */
- #google-search {
- padding: 0;
- margin: .5em .5em .5em 0;
- }
- #google-search fieldset {
- width: 150px;
- margin: 0;
- padding: .5em .5em 0 .5em;
- border-bottom: 0;
- border-left: 0;
- border-right: 0;
- }
- #google-search p {
- padding-left: .7em;
- margin: 0;
- }
- /* Headers */
- #main h1, #main h2, #main h3 {
- font-family: Georgia, "Times New Roman", Times, serif;
- font-weight: normal;
- }
- #main h1 {
- font-size: 19pt;
- margin: .2em 0 .7em 0;
- border-bottom: 1px solid #ddd;
- }
- #main h2 {
- font-size: 16pt;
- margin: .2em 0 0 0;
- border-bottom: 1px solid #eee;
- }
- #main h3 {
- font-size: 13pt;
- margin: .2em 0 0 0;
- border-bottom: none;
- }
- /* Blog */
- /* Blog headers are smaller. */
- #main .blog .item h1 {
- font-size: 13pt;
- }
- .blog {
- width: 540px;
- }
- .blog-list li {
- list-style-type: none;
- text-indent: -1em;
- font-size: 11px;
- line-height: 1.3em;
- }
- .blog-list li:before {
- content: "\00BB \0020";
- }
- .blog-list li a:hover {
- }
- .blog .item {
- margin-bottom: 3em;
- width: 100%;
- }
- .blog .item .wiki_text_block {
- line-height: 1.5em;
- }
- .blog .item .date {
- float: right;
- font-family: Arial, Helvetica, sans-serif;
- font-size: 8.5pt;
- margin: 5px 0px 5px 0;
- color: #060;
- }
- .blog-sidebar {
- border: 1px solid silver;
- width: 190px;
- position: relative;
- float: right;
- clear: right;
- padding-left: 0.5em;
- -moz-border-radius-bottomleft:8px;
- -moz-border-radius-bottomright:8px;
- -moz-border-radius-topleft:8px;
- -moz-border-radius-topright:8px;
- }
- /* News */
- .news {
- /*width:340px;
- float:left;*/
- width: 95%;
- margin-top: 1em;
- }
- #main .news .item h1 {
- font-size: 13pt;
- margin-left: 55px;
- border: none;
- }
- * html .news {
- height: 1%;
- }
- .news .item {
- border-bottom: 1px solid #EBE9DC;
- margin-bottom: 1em;
- width: 100%;
- padding: 0 .5em 0 .5em;
- }
- .news .item .wiki_text_block {
- line-height: 1.5em;
- margin-left: 55px;
- }
- .news .item .date {
- float: left;
- width: 40px;
- padding: 2px;
- font-family: Arial, Helvetica, sans-serif;
- text-align: center;
- font-size: 8.5pt;
- margin: 5px 8px 5px 0;
- padding-top: 10px;
- color: #060;
- background: #D9E7BE url(../images/calendar.jpg) repeat-x top center;
- line-height: 1.2;
- }
- /* Breadcrumbs */
- #breadcrumbs {
- font-size:11px;
- line-height:2;
- margin: 0;
- margin-top: -10px;
- border-bottom: 1px solid #f0f0f0;
- }
- #breadcrumbs a {
- font-style: italic;
- }
- #breadcrumbs .separator {
- color: silver;
- }
- /* Horizontal strap (i.e. "Vezi arhiva stiri") */
- .strap {
- padding:5px 5px;
- padding-left: 25px;
- background: #f6f6f6 url(../images/documents_16.gif) no-repeat 5px center ;
- font-size:11px;
- -moz-border-radius-bottomleft:8px;
- -moz-border-radius-bottomright:8px;
- -moz-border-radius-topleft:8px;
- -moz-border-radius-topright:8px;
- color:#555;
- line-height: 1.5em;
- }
- /* Macros */
- div.macroError {
- background-color: red;
- font-weight: bold;
- color: white;
- display: inline;
- margin: 1em;
- padding: .5em;
- }
- div.macroMessage {
- background-color: #f6f6f6;
- padding: 5px;
- font-weight: bold;
- margin: .5em;
- }
- /* Flash */
- div.flash {
- text-align: center;
- background-color: #ffa;
- color: black;
- margin: 1em auto 1em auto;
- padding: .5em .5em .5em 17px;
- border: 1px solid olive;
- width: 50%;
- background-image: url('../images/icons/notice.gif');
- background-position: 4px 50%;
- background-repeat: no-repeat;
- }
- div.flashError {
- background-color: #cc0000;
- color: white;
- border: 1px solid pink;
- background-image: url('../images/icons/error.gif');
- }
- div.warning {
- padding: 0.4em;
- border: 1px solid #CC0000;
- background-color: #FFDDDD;
- width: 55%;
- position: relative;
- }
- div.notice {
- color: black;
- margin: 1em 0em 1em 0em;
- padding: .2em .2em .2em 20px;
- border: 1px dashed olive;
- width: 55%;
- }
- /* Forms */
- form {
- margin: 0;
- padding: 4px;
- font-size: 1em;
- }
- input[type='text'], input[type='password'], select {
- width: 150px;
- }
- #sidebar input[type='text'], #sidebar input[type='password'], #sidebar select {
- width: 150px;
- }
- input, select, textarea {
- font-family: Trebuchet MS, Tahoma, Helvetica, Arial, sans-serif;
- padding: .2em;
- }
- select {
- cursor: pointer;
- }
- input.button {
- cursor: pointer;
- border: 1px double #999999;
- border-top-color: #CCCCCC;
- border-left-color: #CCCCCC;
- background-color: #FFFFFF;
- background-image: url('../images/background_form_element.gif');
- background-repeat: repeat-x;
- color: black;
- margin: 0;
- font-weight: bold;
- font-size: .95em;
- padding: .2em;
- }
- input.important {
- border-width: 3px;
- font-size: 1em;
- }
- input.button:active {
- border-color: #CCCCCC;
- border-top-color: #999999;
- border-left-color: #999999;
- }
- .fieldError, .fieldHelp {
- display: block;
- color: red;
- font-weight: bold;
- font-family: Trebuchet MS, Tahoma, Arial, sans-serif;
- }
- .fieldHelp {
- color: black;
- font-weight: normal;
- }
- fieldset img {
- vertical-align: middle;
- }
- fieldset {
- padding: 0 1em 1em 1em;
- margin: 0 1em 1em 1em;
- border-color: silver;
- border-collapse: collapse;
- width: 50%;
- display: block;
- }
- legend {
- padding: 0 .5em 0 .5em;
- }
- ul.form {
- list-style-type: none;
- margin: 0;
- padding: 0;
- }
- ul.form li {
- margin: .5em 0 .5em 0;
- height: 1%;
- }
- ul.form label {
- display: block;
- font-weight: bold;
- }
- ul.form label.checkbox {
- display: inline;
- font-weight: normal;
- cursor: pointer;
- }
- ul.form {
- margin-left: 1em;
- }
- fieldset ul.form {
- margin-left: 0;
- }
- .compare-radio {
- text-align: center;
- }
- .compare-button-container {
- text-align: right;
- }
- /* user profile form */
- form.profile fieldset input {
- width: 20em;
- }
- /* textblock editor */
- form#form_wikiedit textarea#form_text {
- width: 100%;
- height: 25em;
- font-family: monospace;
- font-size: 1em;
- }
- form#form_wikiedit input#form_title {
- width: 100%;
- font-size: 1.2em;
- padding: .2em;
- }
- /* task editor */
- /*form.task li#field_title, form.task li#field_author, form.task
- li#field_source {
- float: left;
- margin-right: 1em;
- }
- form.task li#field_content {
- clear: both;
- }
- form.round li#field_tasks select {
- width: 20em;
- }*/
- /* Diff */
- .diff {
- font-family: monospace;
- border: #999988 solid 1px;
- margin-bottom: 1em;
- }
- .diff .deleted {
- background-color: #FFDDDD;
- border: #CC0000 solid 1px;
- display: block;
- }
- .diff .added {
- background-color: #DDFFDD;
- border: #00AA00 solid 1px;
- display: block;
- }
- .diff .normal {
- display: block;
- }
- .diff pre {
- margin: .2em .2em;
- white-space: pre-wrap; /* css-3 */
- white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
- white-space: -pre-wrap; /* Opera 4-6 */
- white-space: -o-pre-wrap; /* Opera 7 */
- word-wrap: break-word; /* Internet Explorer 5.5+ */
- }
- .diff del {
- background-color: #EE9999;
- text-decoration: none;
- }
- .diff ins {
- background-color: #99EE99;
- text-decoration: none;
- }
- .prev_diff {
- /*float: left;*/
- }
- .next_diff {
- float: right;
- }
- .swap_diff {
- float: right;
- margin: 0.5em;
- }
- /* Wiki text block */
- .wiki_text_block {
- /* max-width: 600px;*/
- }
- .wiki_text_block a.wiki_link_external {
- color: #549DC6;
- background: transparent url(../images/external.png) no-repeat scroll center right;
- padding-right: 13px;
- }
- .wiki_text_block a.wiki_link_missing {
- color: red;
- }
- .wiki_text_block ul, .wiki_text_block ol {
- line-height: 1.5em;
- margin: 0 .5em .5em 2em;
- }
- .wiki_text_block ul {
- list-style-type: square;
- }
- .wiki_text_block ul li, .wiki_text_block ol li {
- margin: 0;
- }
- .wiki_text_block p {
- margin-top: 0.85em;
- margin-bottom: 0.85em;
- }
- .wiki_text_block ol {
- margin-top: 1em;
- }
- .wiki_text_block table {
- margin: .5em;
- line-height: 2em;
- width: 95%; /* IE FIX */
- }
- /* layout table */
- .wiki_text_block table.layout th, .wiki_text_block table.layout td {
- width: 50%;
- vertical-align: top;
- border: none;
- padding: 0 .3em 0 .3em;
- padding-right: 5%;
- text-align: left;
- }
- .wiki_text_block table.layout th {
- font-family: Georgia, "Times New Roman", Times, serif;
- font-size: 13pt;
- font-weight: normal;
- background-color: white;
- }
- /* layout table with 3 columns */
- .wiki_text_block table.layout3 th, .wiki_text_block table.layout3 td {
- width: 30%;
- vertical-align: top;
- border: none;
- padding: 1em;
- text-align: left;
- }
- .wiki_text_block table.layout3 th, .wiki_text_block table.layout3 p.title {
- font-family: Arial, Tahoma, sans-serif;
- font-size: 1.3em;
- font-weight: normal;
- background-color: white;
- }
- .wiki_text_block .compact {
- width: auto;
- }
- .wiki_text_block .compact td, .wiki_text_block .compact th {
- padding: .2em;
- }
- /* syntax highlighted code block */
- .code textarea {
- font-family: "Courier New" , Courier, mono;
- font-size: 8pt;
- border: 1px solid #2B91AF;
- background-color: #fff;
- width: 99%;
- overflow: auto;
- margin: 18px 0px 18px 0px;
- }
- /* table of contents */
- .wiki_text_block ul.toc {
- width: 15em;
- margin-left: 0px;
- border: 1px solid #AAAAAA;
- background-color: #F9F9F9;
- padding: 0.5em;
- }
- .wiki_was_modified {
- background-color: #ffa;
- color: black;
- margin: 1em auto 1em auto;
- padding: .5em .5em .5em 24px;
- border: 1px solid olive;
- background-image: url('../images/icons/notice.gif');
- background-position: 4px 50%;
- background-repeat: no-repeat;
- }
- .toc li {
- list-style-type: none;
- font-size: 11px;
- line-height: 1.3em;
- }
- /* vertical menu */
- .vmenu {
- float: right;
- border: 1px solid silver;
- width: 13em;
- margin: .5em;
- padding: .5em;
- background-color: #f0f0f0;
- -moz-border-radius-bottomleft:8px;
- -moz-border-radius-bottomright:8px;
- -moz-border-radius-topleft:8px;
- -moz-border-radius-topright:8px;
- }
- .vmenu li {
- margin-left: 1em;
- list-style-type: none;
- }
- .vmenu li.section {
- margin-left: 0;
- font-weight: bold;
- }
- .vmenu br {
- display: none;
- }
- .vmenu li a {
- display: block;
- width: 95%;
- padding-left: .4em;
- }
- .vmenu li a:hover {
- background-color: #006699;
- color: white;
- text-decoration: none;
- }
- .vmenu li a:visited {
- }
- /* horizontal tabs */
- ul.htabs {
- padding: 0.9pt 3pt;
- margin: 1.5em 0 1em 0;
- border-bottom: 1px solid #778;
- font-weight: bold;
- }
- .htabs li {
- list-style: none;
- margin: 0;
- display: inline;
- }
- .htabs li a {
- padding: 3px 0.5em;
- border: 1px solid #778;
- border-bottom: none;
- background: #DED;
- text-decoration: none;
- }
- .htabs li a:link { color: #484; }
- .htabs li a:visited { color: #676; }
- .htabs li a:hover {
- color: #000;
- background: #AEA;
- border-color: #272;
- }
- .htabs li.active a {
- background: white;
- border-bottom: 1px solid white;
- text-decoration: underline;
- }
- /* horizontal tabs, level 2 */
- ul.htabs-2 {
- padding: 0.9pt 3pt;
- margin: 1.5em 0 1em 0;
- border-bottom: 1px solid #778;
- font-weight: bold;
- font-size: .9em;
- width: 60%;
- }
- .htabs-2 li {
- list-style: none;
- margin: 0;
- display: inline;
- }
- .htabs-2 li a {
- padding: 3px 0.5em;
- border: 1px solid #778;
- border-bottom: none;
- background: #DDD;
- text-decoration: none;
- }
- .htabs-2 li a:link { color: #000; }
- .htabs-2 li a:visited { color: #333; }
- .htabs-2 li a:hover {
- color: #000;
- background: #AAA;
- border-color: #272;
- }
- .htabs-2 li.active a {
- background: white;
- border-bottom: 1px solid white;
- text-decoration:underline;
- }
- /* Job details */
- .job {
- width: 100%;
- }
- .job td, .job th {
- padding: .1em .3em .1em .3em;
- margin: 0;
- vertical-align: middle;
- height: 2.3em;
- }
- .job th {
- width: 7em;
- font-weight: bold;
- background-color: lightgray;
- }
- /* job eval tests */
- .job-eval-tests {
- font-family: monospace;
- }
- .job-eval-tests td, .job-eval-tests th {
- border: 1px solid silver;
- vertical-align: middle;
- padding: .1em;
- }
- .job-eval-tests tr.odd td {
- background-color: white;
- }
- .job-eval-tests tr.even td {
- background-color: #ddd;
- }
- .job-eval-tests th {
- font-weight: bold;
- background-color: white;
- background-color: lightgray;
- padding: .1em;
- }
- .total_score {
- font-weight: bold;
- }
- /* job eval log */
- .job-eval-log {
- display: block;
- font-family: monospace;
- font-size: 1.1em;
- white-space: pre;
- }
- /* Basic table css */
- table {
- border-collapse: collapse;
- }
- table td, table th {
- border: 1px solid #aaa;
- padding-left: 0.5ex;
- padding-right: 0.5ex;
- }
- tr.odd td {
- background: #fff;
- }
- tr.even td {
- }
- th {
- background: #ddd;
- }
- /* inline task submit form */
- .inlineSubmit ul.form {
- background-color: #f6f6f6;
- padding: 5px;
- margin: 0;
- -moz-border-radius: 10px;
- }
- .inlineSubmit .form li {
- display: inline;
- list-style-type: none;
- margin: 5px;
- padding: 0;
- }
- .inlineSubmit .form input, .inlineSubmit .form label {
- display: inline;
- }
- .inlineSubmit #form_compiler {
- width: 7em;
- }
- .inlineSubmit #form_round {
- width: 9em;
- }
- /* reeval form */
- .reeval {
- float: right;
- }
- /* gallery macro */
- .gallery {
- }
- .gallery .images a {
- margin: 5px;
- display: block;
- width: 134px;
- height: 84px;
- float: left;
- text-align: center;
- border: 2px solid white;
- background-color: #f0f0f0;
- }
- .gallery .images img {
- margin: 2px;
- }
- .gallery .pager {
- display: block;
- clear: left;
- }
- .gallery .images a:hover {
- border: 2px solid black;
- background-color: white;
- }
- /* task statement example */
- table.example td {
- font-size: 1em;
- font-family: monospace;
- line-height: 1.5em;
- vertical-align: top;
- padding: .5em;
- white-space: nowrap;
- }
- /* wiki style sheets */
- p.pre {
- white-space: pre;
- font-family: monospace;
- line-height: 1.5em;
- margin: 0;
- }
- p.pre br {
- display: none;
- }
- table.numbers td, table.numbers th {
- text-align: right;
- }
- /* User badges */
- div.tiny-user {
- height: 24px;
- display:inline;
- }
- div.tiny-user a {
- text-decoration: none;
- }
- div.tiny-user .username {
- font-weight:bold;
- }
- div.tiny-user img {
- border:1px solid #D8D6CB;
- background:#fff;
- display:inline;
- vertical-align:middle;
- margin:3px;
- }
- div.normal-user {
- height: 48px;
- line-height: 1.5em;
- }
- div.normal-user .username {
- font-weight:bold;
- }
- div.normal-user img {
- border:1px solid #D8D6CB;
- background:#fff;
- display:block;
- float:left;
- margin:7px;
- }
- /* monitor */
- table.monitor {
- width: 95%; /* Fix IE */
- margin: .5em 0 2em 0;
- }
- /* task list */
- .tasks td.score, .tasks th.score {
- width: 10%;
- padding-right: 4pt;
- }
- .tasks td.score {
- font-size: .7em;
- color: gray;
- }
- .tasks td.task {
- padding-left: 23px;
- background-repeat: no-repeat;
- background-position: 3px center;
- }
- .tasks td.number {
- Width: 5%;
- }
- .tasks tr.solved td.task {
- background-image: url('../images/icons/task_solved.gif');
- }
- .tasks tr.tried td.task {
- background-image: url('../images/icons/task_tried.gif');
- }
- .tasks tr.tried td.score, .tasks tr.solved td.score {
- color: black;
- font-size: 1em;
- }
- /* rankings */
- td.rank, th.rank {
- width: 2em;
- }
- td.rating, th.rating {
- width: 2em;
- }
- /* pager (paginator) */
- .pager a, .pager strong {
- padding: .1em .3em .0em .3em;
- }
- .pager a:hover {
- background-color: silver;
- }
- .pager .count {
- font-size: small;
- }
- .pager .entries-per-page {
- float: right;
- font-size: small;
- height: 15px;
- }
- /* user count */
- .user-count {
- margin-top: 1em;
- margin-left: 1.2em;
- text-align: left;
- color:#6A6A6B;
- }
- /* task enumeration */
- .task_enum {
- font-size: .9em;
- }
- /* round registration */
- .round-register, .round-registered, .round-expired {
- width: 50%;
- padding: 0 1em;
- background-color: #fff;
- }
- .round-registered {
- border: 2px solid silver;
- }
- .round-register {
- background-color: #ffa;
- border: 2px solid red;
- }
- .round-expired {
- border: 2px solid silver;
- }
- .round-register a {
- margin: 0 .5em 0 .5em;
- }
- table.registered-users {
- width: 95%;
- }
- /* dataset filtering form */
- .dataset-filters {
- background: #efd;
- border: 1px solid olive;
- margin: 3pt;
- padding: 3pt;
- font-size: x-small;
- }
- ul.filters {
- height: 150px;
- overflow: auto;
- }
- ul.filters li.filter {
- width: 40%;
- float: left;
- list-style-type: none;
- vertical-align: middle;
- margin: .25em 0 .25em 2em;
- white-space: nowrap;
- }
- ul.filters li.filter label {
- width: 8em;
- overflow: hidden;
- float: left;
- }
- ul.filters li.filter select.op {
- width: 7em;
- text-align: center;
- }
- ul.filters li.filter input {
- width: 14em;
- }
- ul.filters li.submit {
- clear: left;
- }
- /* calendar */
- .calendar {
- border: 1px solid #cccccc;
- background: url(../images/date.png) no-repeat top left;
- width: 180px;
- padding-left: 0.3ex;
- padding-right: 0.3ex;
- line-height: 1.2em;
- -moz-border-radius: 7px;
- }
- .calendar .date {
- font-size: 8pt;
- font-weight: bold;
- margin-top: 4pt;
- }
- .calendar .header {
- text-align: center;
- font-weight: bold;
- padding-top: 2pt;
- padding-bottom: 3pt;
- border-bottom: 1px solid #cccccc;
- }
- .calendar a {
- color: #6a6a6b;
- }
- .calendar .header img {
- vertical-align: middle;
- }
- .calendar .event {
- font-size: 8pt;
- }
- /* quote */
- .quote {
- border: 1px solid #000000;
- color: #000000;
- font-size: x-small;
- padding: 0.25em;
- }
- /* comment thread */
- .comments {
- padding: 1em;
- }
- .comment {
- margin: 1em 0 1em 0;
- padding: 0.1em;
- }
- .comment .timestamp {
- display: block;
- font-size: .85em;
- float: right;
- }
- .comment .body {
- margin: .5em;
- padding: .5em;
- }
- .comment .header {
- border-bottom: 1px solid #f0f0f0;
- background-color: #f6f6f6;
- padding: .2em;
- -moz-border-radius: 7px;
- }
- .comments .comment-author {
- border: 2px solid green;
- }
- .comments .comment-author .header {
- background-color: #e7ffe7;
- border-bottom: 1px solid green;
- }
- .comments .toolbar {
- margin: 1em 0 1em 0;
- padding: .75em;
- background-color: #f6f6f6;
- -moz-border-radius: 5px;
- }
- .comments .toolbar a {
- font-weight: bold;
- }
- .banner {
- border: 0pt none;
- background-color: rgb(210, 244, 219);
- padding: 0.3em;
- display: table;
- width: 95%;
- margin: 0em auto;
- text-align: center;
- line-height: 2em;
- -moz-border-radius: 7px;
- }
- .report {
- background: url(../images/report.png) no-repeat scroll center left;
- float: right;
- padding-left: 2em;
- }
- .picture-box {
- font-size: .85em;
- padding: 5px;
- border: 1px solid gray;
- margin: 0 1em 1em 0;
- float: left;
- }
- .picture-box img {
- border: 1px solid silver;
- display: block;
- margin-bottom: 5px;
- }
- /* OKRs */
- ul.okr > li:before {
- content: "O: ";
- font-weight: bold;
- }
- ul.okr > li li:before {
- content: "KR: ";
- font-weight: bold;
- }
- ul.okr li {
- list-style: none;
- }
- ul.okr .comment {
- display: block;
- margin: 0 0 0 2em;
- color: gray;
- }
- /* newsletter preview */
- #newsletter_preview {
- width: 95%;
- height: 600px;
- border: none;
- }
- /* Round status icons */
- .round-complete, .round-waiting, .round-running {
- width: 16px;
- height: 16px;
- display: block;
- }
- .round-complete {
- width: 14px;
- height: 11px;
- background: url("../images/complete.gif");
- }
- .round-waiting {
- background: url("../images/hourglass.png");
- }
- .round-running {
- background: url("../images/run.png");
- }
- .submit-warning {
- color: red;
- text-align: center;
- margin: 0;
- padding: 0;
- }