/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

  1. /* Basic styles */
  2. * {
  3. margin:0;
  4. padding:0;
  5. }
  6. body {
  7. font-family: Verdana, Arial, Helvetica, sans-serif;
  8. font-size: 9pt;
  9. line-height: 1.5;
  10. text-align: center;
  11. color: #222;
  12. background-color: white;
  13. }
  14. a {
  15. color:#006699;
  16. text-decoration:none;
  17. }
  18. a:hover {
  19. text-decoration:underline;
  20. }
  21. p {
  22. margin: .4em 0 .4em 0;
  23. }
  24. a img {
  25. border: none;
  26. }
  27. var {
  28. font-style: normal;
  29. font-family: monospace;
  30. }
  31. /* Misc */
  32. a.feed {
  33. float:right;
  34. display:block;
  35. margin:0;
  36. padding:0;
  37. width: 20px;
  38. height: 20px;
  39. background: url(../images/feed-icon.gif) no-repeat center center;
  40. text-indent: -100em;
  41. overflow: hidden;
  42. }
  43. div.loading {
  44. text-align: center;
  45. }
  46. div.loading img {
  47. margin-right: .5em;
  48. }
  49. #wiki_preview {
  50. padding: 1em;
  51. margin: 1em;
  52. border: 1px dotted silver;
  53. }
  54. #sidebar2 {
  55. float: right;
  56. width: 20em;
  57. padding: 0.8em;
  58. background-color: #B7D285;
  59. -moz-border-radius: 10px;
  60. }
  61. #sidebar2 h3 {
  62. margin: 0;
  63. font-weight: normal;
  64. }
  65. #sidebar2 .section {
  66. margin-bottom: 1em;
  67. }
  68. #sidebar2 ul {
  69. padding-left: 1.5em;
  70. margin: 0;
  71. }
  72. #sidebar2 ul li {
  73. list-style-type: disc;
  74. }
  75. /* block quotes */
  76. blockquote {
  77. text-indent: 25px;
  78. background: url('../images/quotes1.png');
  79. background-position: 0 2px;
  80. background-repeat: no-repeat;
  81. margin: 1em 0 1em 0;
  82. }
  83. blockquote p {
  84. line-height: 2em;
  85. display: inline;
  86. margin: 0;
  87. font-style: italic;
  88. padding-right: 24px;
  89. background: url('../images/quotes2.png');
  90. background-position: bottom right;
  91. background-repeat: no-repeat;
  92. }
  93. /* Layout */
  94. /*
  95. The basic layout of the homepage is as follows:
  96. - #page
  97. - #header
  98. - #content
  99. - #sidebar
  100. - #main
  101. - h1
  102. - .wiki_text_block
  103. - h[2|3|4]
  104. - ul
  105. - ol
  106. - ...
  107. - .news
  108. .item
  109. .date
  110. h3
  111. .wiki_text_block
  112. - #footer
  113. */
  114. #page {
  115. min-width: 750px;
  116. margin: 0;
  117. text-align: left;
  118. }
  119. #content_small {
  120. clear: both;
  121. margin-left: 10px;
  122. background: url(../images/main_small.jpg) repeat-y ;
  123. }
  124. #sidebar {
  125. width: 191px;
  126. float: left;
  127. border-right: 1px solid #d0d0d0;
  128. }
  129. #sidebar .ad {
  130. padding: 1em 1em 1em 0;
  131. margin-top: 1em;
  132. }
  133. #main {
  134. /*float:right;*/
  135. background: #fff url(../images/main_tile.jpg) repeat-x top;
  136. padding: 15px;
  137. margin-left: 191px;
  138. border-left: 1px solid #d0d0d0;
  139. }
  140. #miscbox {
  141. width: 188px;
  142. float:right;
  143. /*border:1px solid #D3D1C6;*/
  144. }
  145. #upcoming {
  146. margin-bottom: 10px;
  147. }
  148. #upcoming, #newprobs {
  149. padding: 5px;
  150. background: #fc0 url(../images/upcoming.jpg) no-repeat bottom left;
  151. border: 1px solid #fc0;
  152. }
  153. #upcoming ul, #newprobs ul {
  154. border: 1px solid #fc0;
  155. padding: 5px;
  156. background: #fff;
  157. }
  158. #upcoming h2, #newprobs h2 {
  159. text-transform: uppercase;
  160. font-size: 14px;
  161. font-weight: bold;
  162. color: #840;
  163. }
  164. #upcoming li, #newprobs li {
  165. border-bottom: 1px solid #cecece;
  166. display: block;
  167. background: #fff url(../images/misc_li.jpg) no-repeat center bottom;
  168. }
  169. #upcoming a, #newprobs a {
  170. text-decoration: none;
  171. display: block;
  172. line-height: 1.1;
  173. }
  174. #upcoming a, #newprobs a {
  175. padding: 5px;
  176. font-size: 11px;
  177. }
  178. #upcoming a:hover, #newprobs a:hover {
  179. text-decoration: underline;
  180. background: #F8F8EF;
  181. }
  182. #upcoming a span {
  183. display: block;
  184. }
  185. /* Wikipage options (actions) */
  186. #wikiOps {
  187. font-size: 8pt;
  188. }
  189. #wikiOps ul {
  190. background: url(../images/wiki.jpg) repeat-x bottom left;
  191. }
  192. #wikiOps ul {
  193. float: right;
  194. }
  195. #wikiOps li {
  196. display: block;
  197. float: left;
  198. }
  199. #wikiOps li a {
  200. display: block;
  201. padding: 3px 4px;
  202. }
  203. #wikiOps li a: hover {
  204. background: #fff;
  205. }
  206. #wikiOps li.current a {
  207. background: #fff;
  208. font-weight: bold;
  209. }
  210. /* Sidebar :: Main menu */
  211. #nav {
  212. margin-right: 2px;
  213. }
  214. #nav li {
  215. display: block;
  216. font-size: 10pt;
  217. }
  218. #nav li a {
  219. display: block;
  220. width: 80%;
  221. padding: 3px 15px;
  222. color: #6A6A6B;
  223. text-decoration: none;
  224. background: url(../images/bullet.gif) no-repeat 3px center ;
  225. }
  226. #nav li a:hover {
  227. color: #333;
  228. background: #FFEFB1 url(../images/bullet.gif) no-repeat 3px center ;
  229. }
  230. #nav li.separator {
  231. padding: 0;
  232. width: 97%;
  233. height: 1px;
  234. border: 0;
  235. background-color: silver;
  236. font-size: 0;
  237. }
  238. #nav li.separator hr {
  239. display: none;
  240. }
  241. /* sidebar :: login box */
  242. #login {
  243. padding: 0;
  244. margin: 1em 1em 2em 0;
  245. }
  246. #login fieldset {
  247. width: 150px;
  248. margin: 0;
  249. padding: .5em .5em 0 .5em;
  250. border-bottom: 0;
  251. border-left: 0;
  252. border-right: 0;
  253. }
  254. #login p {
  255. padding-left: .7em;
  256. margin: 0;
  257. }
  258. #login label {
  259. font-weight: normal;
  260. }
  261. /* Sidebar :: search box */
  262. #google-search {
  263. padding: 0;
  264. margin: .5em .5em .5em 0;
  265. }
  266. #google-search fieldset {
  267. width: 150px;
  268. margin: 0;
  269. padding: .5em .5em 0 .5em;
  270. border-bottom: 0;
  271. border-left: 0;
  272. border-right: 0;
  273. }
  274. #google-search p {
  275. padding-left: .7em;
  276. margin: 0;
  277. }
  278. /* Headers */
  279. #main h1, #main h2, #main h3 {
  280. font-family: Georgia, "Times New Roman", Times, serif;
  281. font-weight: normal;
  282. }
  283. #main h1 {
  284. font-size: 19pt;
  285. margin: .2em 0 .7em 0;
  286. border-bottom: 1px solid #ddd;
  287. }
  288. #main h2 {
  289. font-size: 16pt;
  290. margin: .2em 0 0 0;
  291. border-bottom: 1px solid #eee;
  292. }
  293. #main h3 {
  294. font-size: 13pt;
  295. margin: .2em 0 0 0;
  296. border-bottom: none;
  297. }
  298. /* Blog */
  299. /* Blog headers are smaller. */
  300. #main .blog .item h1 {
  301. font-size: 13pt;
  302. }
  303. .blog {
  304. width: 540px;
  305. }
  306. .blog-list li {
  307. list-style-type: none;
  308. text-indent: -1em;
  309. font-size: 11px;
  310. line-height: 1.3em;
  311. }
  312. .blog-list li:before {
  313. content: "\00BB \0020";
  314. }
  315. .blog-list li a:hover {
  316. }
  317. .blog .item {
  318. margin-bottom: 3em;
  319. width: 100%;
  320. }
  321. .blog .item .wiki_text_block {
  322. line-height: 1.5em;
  323. }
  324. .blog .item .date {
  325. float: right;
  326. font-family: Arial, Helvetica, sans-serif;
  327. font-size: 8.5pt;
  328. margin: 5px 0px 5px 0;
  329. color: #060;
  330. }
  331. .blog-sidebar {
  332. border: 1px solid silver;
  333. width: 190px;
  334. position: relative;
  335. float: right;
  336. clear: right;
  337. padding-left: 0.5em;
  338. -moz-border-radius-bottomleft:8px;
  339. -moz-border-radius-bottomright:8px;
  340. -moz-border-radius-topleft:8px;
  341. -moz-border-radius-topright:8px;
  342. }
  343. /* News */
  344. .news {
  345. /*width:340px;
  346. float:left;*/
  347. width: 95%;
  348. margin-top: 1em;
  349. }
  350. #main .news .item h1 {
  351. font-size: 13pt;
  352. margin-left: 55px;
  353. border: none;
  354. }
  355. * html .news {
  356. height: 1%;
  357. }
  358. .news .item {
  359. border-bottom: 1px solid #EBE9DC;
  360. margin-bottom: 1em;
  361. width: 100%;
  362. padding: 0 .5em 0 .5em;
  363. }
  364. .news .item .wiki_text_block {
  365. line-height: 1.5em;
  366. margin-left: 55px;
  367. }
  368. .news .item .date {
  369. float: left;
  370. width: 40px;
  371. padding: 2px;
  372. font-family: Arial, Helvetica, sans-serif;
  373. text-align: center;
  374. font-size: 8.5pt;
  375. margin: 5px 8px 5px 0;
  376. padding-top: 10px;
  377. color: #060;
  378. background: #D9E7BE url(../images/calendar.jpg) repeat-x top center;
  379. line-height: 1.2;
  380. }
  381. /* Breadcrumbs */
  382. #breadcrumbs {
  383. font-size:11px;
  384. line-height:2;
  385. margin: 0;
  386. margin-top: -10px;
  387. border-bottom: 1px solid #f0f0f0;
  388. }
  389. #breadcrumbs a {
  390. font-style: italic;
  391. }
  392. #breadcrumbs .separator {
  393. color: silver;
  394. }
  395. /* Horizontal strap (i.e. "Vezi arhiva stiri") */
  396. .strap {
  397. padding:5px 5px;
  398. padding-left: 25px;
  399. background: #f6f6f6 url(../images/documents_16.gif) no-repeat 5px center ;
  400. font-size:11px;
  401. -moz-border-radius-bottomleft:8px;
  402. -moz-border-radius-bottomright:8px;
  403. -moz-border-radius-topleft:8px;
  404. -moz-border-radius-topright:8px;
  405. color:#555;
  406. line-height: 1.5em;
  407. }
  408. /* Macros */
  409. div.macroError {
  410. background-color: red;
  411. font-weight: bold;
  412. color: white;
  413. display: inline;
  414. margin: 1em;
  415. padding: .5em;
  416. }
  417. div.macroMessage {
  418. background-color: #f6f6f6;
  419. padding: 5px;
  420. font-weight: bold;
  421. margin: .5em;
  422. }
  423. /* Flash */
  424. div.flash {
  425. text-align: center;
  426. background-color: #ffa;
  427. color: black;
  428. margin: 1em auto 1em auto;
  429. padding: .5em .5em .5em 17px;
  430. border: 1px solid olive;
  431. width: 50%;
  432. background-image: url('../images/icons/notice.gif');
  433. background-position: 4px 50%;
  434. background-repeat: no-repeat;
  435. }
  436. div.flashError {
  437. background-color: #cc0000;
  438. color: white;
  439. border: 1px solid pink;
  440. background-image: url('../images/icons/error.gif');
  441. }
  442. div.warning {
  443. padding: 0.4em;
  444. border: 1px solid #CC0000;
  445. background-color: #FFDDDD;
  446. width: 55%;
  447. position: relative;
  448. }
  449. div.notice {
  450. color: black;
  451. margin: 1em 0em 1em 0em;
  452. padding: .2em .2em .2em 20px;
  453. border: 1px dashed olive;
  454. width: 55%;
  455. }
  456. /* Forms */
  457. form {
  458. margin: 0;
  459. padding: 4px;
  460. font-size: 1em;
  461. }
  462. input[type='text'], input[type='password'], select {
  463. width: 150px;
  464. }
  465. #sidebar input[type='text'], #sidebar input[type='password'], #sidebar select {
  466. width: 150px;
  467. }
  468. input, select, textarea {
  469. font-family: Trebuchet MS, Tahoma, Helvetica, Arial, sans-serif;
  470. padding: .2em;
  471. }
  472. select {
  473. cursor: pointer;
  474. }
  475. input.button {
  476. cursor: pointer;
  477. border: 1px double #999999;
  478. border-top-color: #CCCCCC;
  479. border-left-color: #CCCCCC;
  480. background-color: #FFFFFF;
  481. background-image: url('../images/background_form_element.gif');
  482. background-repeat: repeat-x;
  483. color: black;
  484. margin: 0;
  485. font-weight: bold;
  486. font-size: .95em;
  487. padding: .2em;
  488. }
  489. input.important {
  490. border-width: 3px;
  491. font-size: 1em;
  492. }
  493. input.button:active {
  494. border-color: #CCCCCC;
  495. border-top-color: #999999;
  496. border-left-color: #999999;
  497. }
  498. .fieldError, .fieldHelp {
  499. display: block;
  500. color: red;
  501. font-weight: bold;
  502. font-family: Trebuchet MS, Tahoma, Arial, sans-serif;
  503. }
  504. .fieldHelp {
  505. color: black;
  506. font-weight: normal;
  507. }
  508. fieldset img {
  509. vertical-align: middle;
  510. }
  511. fieldset {
  512. padding: 0 1em 1em 1em;
  513. margin: 0 1em 1em 1em;
  514. border-color: silver;
  515. border-collapse: collapse;
  516. width: 50%;
  517. display: block;
  518. }
  519. legend {
  520. padding: 0 .5em 0 .5em;
  521. }
  522. ul.form {
  523. list-style-type: none;
  524. margin: 0;
  525. padding: 0;
  526. }
  527. ul.form li {
  528. margin: .5em 0 .5em 0;
  529. height: 1%;
  530. }
  531. ul.form label {
  532. display: block;
  533. font-weight: bold;
  534. }
  535. ul.form label.checkbox {
  536. display: inline;
  537. font-weight: normal;
  538. cursor: pointer;
  539. }
  540. ul.form {
  541. margin-left: 1em;
  542. }
  543. fieldset ul.form {
  544. margin-left: 0;
  545. }
  546. .compare-radio {
  547. text-align: center;
  548. }
  549. .compare-button-container {
  550. text-align: right;
  551. }
  552. /* user profile form */
  553. form.profile fieldset input {
  554. width: 20em;
  555. }
  556. /* textblock editor */
  557. form#form_wikiedit textarea#form_text {
  558. width: 100%;
  559. height: 25em;
  560. font-family: monospace;
  561. font-size: 1em;
  562. }
  563. form#form_wikiedit input#form_title {
  564. width: 100%;
  565. font-size: 1.2em;
  566. padding: .2em;
  567. }
  568. /* task editor */
  569. /*form.task li#field_title, form.task li#field_author, form.task
  570. li#field_source {
  571. float: left;
  572. margin-right: 1em;
  573. }
  574. form.task li#field_content {
  575. clear: both;
  576. }
  577. form.round li#field_tasks select {
  578. width: 20em;
  579. }*/
  580. /* Diff */
  581. .diff {
  582. font-family: monospace;
  583. border: #999988 solid 1px;
  584. margin-bottom: 1em;
  585. }
  586. .diff .deleted {
  587. background-color: #FFDDDD;
  588. border: #CC0000 solid 1px;
  589. display: block;
  590. }
  591. .diff .added {
  592. background-color: #DDFFDD;
  593. border: #00AA00 solid 1px;
  594. display: block;
  595. }
  596. .diff .normal {
  597. display: block;
  598. }
  599. .diff pre {
  600. margin: .2em .2em;
  601. white-space: pre-wrap; /* css-3 */
  602. white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
  603. white-space: -pre-wrap; /* Opera 4-6 */
  604. white-space: -o-pre-wrap; /* Opera 7 */
  605. word-wrap: break-word; /* Internet Explorer 5.5+ */
  606. }
  607. .diff del {
  608. background-color: #EE9999;
  609. text-decoration: none;
  610. }
  611. .diff ins {
  612. background-color: #99EE99;
  613. text-decoration: none;
  614. }
  615. .prev_diff {
  616. /*float: left;*/
  617. }
  618. .next_diff {
  619. float: right;
  620. }
  621. .swap_diff {
  622. float: right;
  623. margin: 0.5em;
  624. }
  625. /* Wiki text block */
  626. .wiki_text_block {
  627. /* max-width: 600px;*/
  628. }
  629. .wiki_text_block a.wiki_link_external {
  630. color: #549DC6;
  631. background: transparent url(../images/external.png) no-repeat scroll center right;
  632. padding-right: 13px;
  633. }
  634. .wiki_text_block a.wiki_link_missing {
  635. color: red;
  636. }
  637. .wiki_text_block ul, .wiki_text_block ol {
  638. line-height: 1.5em;
  639. margin: 0 .5em .5em 2em;
  640. }
  641. .wiki_text_block ul {
  642. list-style-type: square;
  643. }
  644. .wiki_text_block ul li, .wiki_text_block ol li {
  645. margin: 0;
  646. }
  647. .wiki_text_block p {
  648. margin-top: 0.85em;
  649. margin-bottom: 0.85em;
  650. }
  651. .wiki_text_block ol {
  652. margin-top: 1em;
  653. }
  654. .wiki_text_block table {
  655. margin: .5em;
  656. line-height: 2em;
  657. width: 95%; /* IE FIX */
  658. }
  659. /* layout table */
  660. .wiki_text_block table.layout th, .wiki_text_block table.layout td {
  661. width: 50%;
  662. vertical-align: top;
  663. border: none;
  664. padding: 0 .3em 0 .3em;
  665. padding-right: 5%;
  666. text-align: left;
  667. }
  668. .wiki_text_block table.layout th {
  669. font-family: Georgia, "Times New Roman", Times, serif;
  670. font-size: 13pt;
  671. font-weight: normal;
  672. background-color: white;
  673. }
  674. /* layout table with 3 columns */
  675. .wiki_text_block table.layout3 th, .wiki_text_block table.layout3 td {
  676. width: 30%;
  677. vertical-align: top;
  678. border: none;
  679. padding: 1em;
  680. text-align: left;
  681. }
  682. .wiki_text_block table.layout3 th, .wiki_text_block table.layout3 p.title {
  683. font-family: Arial, Tahoma, sans-serif;
  684. font-size: 1.3em;
  685. font-weight: normal;
  686. background-color: white;
  687. }
  688. .wiki_text_block .compact {
  689. width: auto;
  690. }
  691. .wiki_text_block .compact td, .wiki_text_block .compact th {
  692. padding: .2em;
  693. }
  694. /* syntax highlighted code block */
  695. .code textarea {
  696. font-family: "Courier New" , Courier, mono;
  697. font-size: 8pt;
  698. border: 1px solid #2B91AF;
  699. background-color: #fff;
  700. width: 99%;
  701. overflow: auto;
  702. margin: 18px 0px 18px 0px;
  703. }
  704. /* table of contents */
  705. .wiki_text_block ul.toc {
  706. width: 15em;
  707. margin-left: 0px;
  708. border: 1px solid #AAAAAA;
  709. background-color: #F9F9F9;
  710. padding: 0.5em;
  711. }
  712. .wiki_was_modified {
  713. background-color: #ffa;
  714. color: black;
  715. margin: 1em auto 1em auto;
  716. padding: .5em .5em .5em 24px;
  717. border: 1px solid olive;
  718. background-image: url('../images/icons/notice.gif');
  719. background-position: 4px 50%;
  720. background-repeat: no-repeat;
  721. }
  722. .toc li {
  723. list-style-type: none;
  724. font-size: 11px;
  725. line-height: 1.3em;
  726. }
  727. /* vertical menu */
  728. .vmenu {
  729. float: right;
  730. border: 1px solid silver;
  731. width: 13em;
  732. margin: .5em;
  733. padding: .5em;
  734. background-color: #f0f0f0;
  735. -moz-border-radius-bottomleft:8px;
  736. -moz-border-radius-bottomright:8px;
  737. -moz-border-radius-topleft:8px;
  738. -moz-border-radius-topright:8px;
  739. }
  740. .vmenu li {
  741. margin-left: 1em;
  742. list-style-type: none;
  743. }
  744. .vmenu li.section {
  745. margin-left: 0;
  746. font-weight: bold;
  747. }
  748. .vmenu br {
  749. display: none;
  750. }
  751. .vmenu li a {
  752. display: block;
  753. width: 95%;
  754. padding-left: .4em;
  755. }
  756. .vmenu li a:hover {
  757. background-color: #006699;
  758. color: white;
  759. text-decoration: none;
  760. }
  761. .vmenu li a:visited {
  762. }
  763. /* horizontal tabs */
  764. ul.htabs {
  765. padding: 0.9pt 3pt;
  766. margin: 1.5em 0 1em 0;
  767. border-bottom: 1px solid #778;
  768. font-weight: bold;
  769. }
  770. .htabs li {
  771. list-style: none;
  772. margin: 0;
  773. display: inline;
  774. }
  775. .htabs li a {
  776. padding: 3px 0.5em;
  777. border: 1px solid #778;
  778. border-bottom: none;
  779. background: #DED;
  780. text-decoration: none;
  781. }
  782. .htabs li a:link { color: #484; }
  783. .htabs li a:visited { color: #676; }
  784. .htabs li a:hover {
  785. color: #000;
  786. background: #AEA;
  787. border-color: #272;
  788. }
  789. .htabs li.active a {
  790. background: white;
  791. border-bottom: 1px solid white;
  792. text-decoration: underline;
  793. }
  794. /* horizontal tabs, level 2 */
  795. ul.htabs-2 {
  796. padding: 0.9pt 3pt;
  797. margin: 1.5em 0 1em 0;
  798. border-bottom: 1px solid #778;
  799. font-weight: bold;
  800. font-size: .9em;
  801. width: 60%;
  802. }
  803. .htabs-2 li {
  804. list-style: none;
  805. margin: 0;
  806. display: inline;
  807. }
  808. .htabs-2 li a {
  809. padding: 3px 0.5em;
  810. border: 1px solid #778;
  811. border-bottom: none;
  812. background: #DDD;
  813. text-decoration: none;
  814. }
  815. .htabs-2 li a:link { color: #000; }
  816. .htabs-2 li a:visited { color: #333; }
  817. .htabs-2 li a:hover {
  818. color: #000;
  819. background: #AAA;
  820. border-color: #272;
  821. }
  822. .htabs-2 li.active a {
  823. background: white;
  824. border-bottom: 1px solid white;
  825. text-decoration:underline;
  826. }
  827. /* Job details */
  828. .job {
  829. width: 100%;
  830. }
  831. .job td, .job th {
  832. padding: .1em .3em .1em .3em;
  833. margin: 0;
  834. vertical-align: middle;
  835. height: 2.3em;
  836. }
  837. .job th {
  838. width: 7em;
  839. font-weight: bold;
  840. background-color: lightgray;
  841. }
  842. /* job eval tests */
  843. .job-eval-tests {
  844. font-family: monospace;
  845. }
  846. .job-eval-tests td, .job-eval-tests th {
  847. border: 1px solid silver;
  848. vertical-align: middle;
  849. padding: .1em;
  850. }
  851. .job-eval-tests tr.odd td {
  852. background-color: white;
  853. }
  854. .job-eval-tests tr.even td {
  855. background-color: #ddd;
  856. }
  857. .job-eval-tests th {
  858. font-weight: bold;
  859. background-color: white;
  860. background-color: lightgray;
  861. padding: .1em;
  862. }
  863. .total_score {
  864. font-weight: bold;
  865. }
  866. /* job eval log */
  867. .job-eval-log {
  868. display: block;
  869. font-family: monospace;
  870. font-size: 1.1em;
  871. white-space: pre;
  872. }
  873. /* Basic table css */
  874. table {
  875. border-collapse: collapse;
  876. }
  877. table td, table th {
  878. border: 1px solid #aaa;
  879. padding-left: 0.5ex;
  880. padding-right: 0.5ex;
  881. }
  882. tr.odd td {
  883. background: #fff;
  884. }
  885. tr.even td {
  886. }
  887. th {
  888. background: #ddd;
  889. }
  890. /* inline task submit form */
  891. .inlineSubmit ul.form {
  892. background-color: #f6f6f6;
  893. padding: 5px;
  894. margin: 0;
  895. -moz-border-radius: 10px;
  896. }
  897. .inlineSubmit .form li {
  898. display: inline;
  899. list-style-type: none;
  900. margin: 5px;
  901. padding: 0;
  902. }
  903. .inlineSubmit .form input, .inlineSubmit .form label {
  904. display: inline;
  905. }
  906. .inlineSubmit #form_compiler {
  907. width: 7em;
  908. }
  909. .inlineSubmit #form_round {
  910. width: 9em;
  911. }
  912. /* reeval form */
  913. .reeval {
  914. float: right;
  915. }
  916. /* gallery macro */
  917. .gallery {
  918. }
  919. .gallery .images a {
  920. margin: 5px;
  921. display: block;
  922. width: 134px;
  923. height: 84px;
  924. float: left;
  925. text-align: center;
  926. border: 2px solid white;
  927. background-color: #f0f0f0;
  928. }
  929. .gallery .images img {
  930. margin: 2px;
  931. }
  932. .gallery .pager {
  933. display: block;
  934. clear: left;
  935. }
  936. .gallery .images a:hover {
  937. border: 2px solid black;
  938. background-color: white;
  939. }
  940. /* task statement example */
  941. table.example td {
  942. font-size: 1em;
  943. font-family: monospace;
  944. line-height: 1.5em;
  945. vertical-align: top;
  946. padding: .5em;
  947. white-space: nowrap;
  948. }
  949. /* wiki style sheets */
  950. p.pre {
  951. white-space: pre;
  952. font-family: monospace;
  953. line-height: 1.5em;
  954. margin: 0;
  955. }
  956. p.pre br {
  957. display: none;
  958. }
  959. table.numbers td, table.numbers th {
  960. text-align: right;
  961. }
  962. /* User badges */
  963. div.tiny-user {
  964. height: 24px;
  965. display:inline;
  966. }
  967. div.tiny-user a {
  968. text-decoration: none;
  969. }
  970. div.tiny-user .username {
  971. font-weight:bold;
  972. }
  973. div.tiny-user img {
  974. border:1px solid #D8D6CB;
  975. background:#fff;
  976. display:inline;
  977. vertical-align:middle;
  978. margin:3px;
  979. }
  980. div.normal-user {
  981. height: 48px;
  982. line-height: 1.5em;
  983. }
  984. div.normal-user .username {
  985. font-weight:bold;
  986. }
  987. div.normal-user img {
  988. border:1px solid #D8D6CB;
  989. background:#fff;
  990. display:block;
  991. float:left;
  992. margin:7px;
  993. }
  994. /* monitor */
  995. table.monitor {
  996. width: 95%; /* Fix IE */
  997. margin: .5em 0 2em 0;
  998. }
  999. /* task list */
  1000. .tasks td.score, .tasks th.score {
  1001. width: 10%;
  1002. padding-right: 4pt;
  1003. }
  1004. .tasks td.score {
  1005. font-size: .7em;
  1006. color: gray;
  1007. }
  1008. .tasks td.task {
  1009. padding-left: 23px;
  1010. background-repeat: no-repeat;
  1011. background-position: 3px center;
  1012. }
  1013. .tasks td.number {
  1014. Width: 5%;
  1015. }
  1016. .tasks tr.solved td.task {
  1017. background-image: url('../images/icons/task_solved.gif');
  1018. }
  1019. .tasks tr.tried td.task {
  1020. background-image: url('../images/icons/task_tried.gif');
  1021. }
  1022. .tasks tr.tried td.score, .tasks tr.solved td.score {
  1023. color: black;
  1024. font-size: 1em;
  1025. }
  1026. /* rankings */
  1027. td.rank, th.rank {
  1028. width: 2em;
  1029. }
  1030. td.rating, th.rating {
  1031. width: 2em;
  1032. }
  1033. /* pager (paginator) */
  1034. .pager a, .pager strong {
  1035. padding: .1em .3em .0em .3em;
  1036. }
  1037. .pager a:hover {
  1038. background-color: silver;
  1039. }
  1040. .pager .count {
  1041. font-size: small;
  1042. }
  1043. .pager .entries-per-page {
  1044. float: right;
  1045. font-size: small;
  1046. height: 15px;
  1047. }
  1048. /* user count */
  1049. .user-count {
  1050. margin-top: 1em;
  1051. margin-left: 1.2em;
  1052. text-align: left;
  1053. color:#6A6A6B;
  1054. }
  1055. /* task enumeration */
  1056. .task_enum {
  1057. font-size: .9em;
  1058. }
  1059. /* round registration */
  1060. .round-register, .round-registered, .round-expired {
  1061. width: 50%;
  1062. padding: 0 1em;
  1063. background-color: #fff;
  1064. }
  1065. .round-registered {
  1066. border: 2px solid silver;
  1067. }
  1068. .round-register {
  1069. background-color: #ffa;
  1070. border: 2px solid red;
  1071. }
  1072. .round-expired {
  1073. border: 2px solid silver;
  1074. }
  1075. .round-register a {
  1076. margin: 0 .5em 0 .5em;
  1077. }
  1078. table.registered-users {
  1079. width: 95%;
  1080. }
  1081. /* dataset filtering form */
  1082. .dataset-filters {
  1083. background: #efd;
  1084. border: 1px solid olive;
  1085. margin: 3pt;
  1086. padding: 3pt;
  1087. font-size: x-small;
  1088. }
  1089. ul.filters {
  1090. height: 150px;
  1091. overflow: auto;
  1092. }
  1093. ul.filters li.filter {
  1094. width: 40%;
  1095. float: left;
  1096. list-style-type: none;
  1097. vertical-align: middle;
  1098. margin: .25em 0 .25em 2em;
  1099. white-space: nowrap;
  1100. }
  1101. ul.filters li.filter label {
  1102. width: 8em;
  1103. overflow: hidden;
  1104. float: left;
  1105. }
  1106. ul.filters li.filter select.op {
  1107. width: 7em;
  1108. text-align: center;
  1109. }
  1110. ul.filters li.filter input {
  1111. width: 14em;
  1112. }
  1113. ul.filters li.submit {
  1114. clear: left;
  1115. }
  1116. /* calendar */
  1117. .calendar {
  1118. border: 1px solid #cccccc;
  1119. background: url(../images/date.png) no-repeat top left;
  1120. width: 180px;
  1121. padding-left: 0.3ex;
  1122. padding-right: 0.3ex;
  1123. line-height: 1.2em;
  1124. -moz-border-radius: 7px;
  1125. }
  1126. .calendar .date {
  1127. font-size: 8pt;
  1128. font-weight: bold;
  1129. margin-top: 4pt;
  1130. }
  1131. .calendar .header {
  1132. text-align: center;
  1133. font-weight: bold;
  1134. padding-top: 2pt;
  1135. padding-bottom: 3pt;
  1136. border-bottom: 1px solid #cccccc;
  1137. }
  1138. .calendar a {
  1139. color: #6a6a6b;
  1140. }
  1141. .calendar .header img {
  1142. vertical-align: middle;
  1143. }
  1144. .calendar .event {
  1145. font-size: 8pt;
  1146. }
  1147. /* quote */
  1148. .quote {
  1149. border: 1px solid #000000;
  1150. color: #000000;
  1151. font-size: x-small;
  1152. padding: 0.25em;
  1153. }
  1154. /* comment thread */
  1155. .comments {
  1156. padding: 1em;
  1157. }
  1158. .comment {
  1159. margin: 1em 0 1em 0;
  1160. padding: 0.1em;
  1161. }
  1162. .comment .timestamp {
  1163. display: block;
  1164. font-size: .85em;
  1165. float: right;
  1166. }
  1167. .comment .body {
  1168. margin: .5em;
  1169. padding: .5em;
  1170. }
  1171. .comment .header {
  1172. border-bottom: 1px solid #f0f0f0;
  1173. background-color: #f6f6f6;
  1174. padding: .2em;
  1175. -moz-border-radius: 7px;
  1176. }
  1177. .comments .comment-author {
  1178. border: 2px solid green;
  1179. }
  1180. .comments .comment-author .header {
  1181. background-color: #e7ffe7;
  1182. border-bottom: 1px solid green;
  1183. }
  1184. .comments .toolbar {
  1185. margin: 1em 0 1em 0;
  1186. padding: .75em;
  1187. background-color: #f6f6f6;
  1188. -moz-border-radius: 5px;
  1189. }
  1190. .comments .toolbar a {
  1191. font-weight: bold;
  1192. }
  1193. .banner {
  1194. border: 0pt none;
  1195. background-color: rgb(210, 244, 219);
  1196. padding: 0.3em;
  1197. display: table;
  1198. width: 95%;
  1199. margin: 0em auto;
  1200. text-align: center;
  1201. line-height: 2em;
  1202. -moz-border-radius: 7px;
  1203. }
  1204. .report {
  1205. background: url(../images/report.png) no-repeat scroll center left;
  1206. float: right;
  1207. padding-left: 2em;
  1208. }
  1209. .picture-box {
  1210. font-size: .85em;
  1211. padding: 5px;
  1212. border: 1px solid gray;
  1213. margin: 0 1em 1em 0;
  1214. float: left;
  1215. }
  1216. .picture-box img {
  1217. border: 1px solid silver;
  1218. display: block;
  1219. margin-bottom: 5px;
  1220. }
  1221. /* OKRs */
  1222. ul.okr > li:before {
  1223. content: "O: ";
  1224. font-weight: bold;
  1225. }
  1226. ul.okr > li li:before {
  1227. content: "KR: ";
  1228. font-weight: bold;
  1229. }
  1230. ul.okr li {
  1231. list-style: none;
  1232. }
  1233. ul.okr .comment {
  1234. display: block;
  1235. margin: 0 0 0 2em;
  1236. color: gray;
  1237. }
  1238. /* newsletter preview */
  1239. #newsletter_preview {
  1240. width: 95%;
  1241. height: 600px;
  1242. border: none;
  1243. }
  1244. /* Round status icons */
  1245. .round-complete, .round-waiting, .round-running {
  1246. width: 16px;
  1247. height: 16px;
  1248. display: block;
  1249. }
  1250. .round-complete {
  1251. width: 14px;
  1252. height: 11px;
  1253. background: url("../images/complete.gif");
  1254. }
  1255. .round-waiting {
  1256. background: url("../images/hourglass.png");
  1257. }
  1258. .round-running {
  1259. background: url("../images/run.png");
  1260. }
  1261. .submit-warning {
  1262. color: red;
  1263. text-align: center;
  1264. margin: 0;
  1265. padding: 0;
  1266. }