source:
trunk/style-klask.css
@
347
| Last change on this file since 347 was 347, checked in by , 8 years ago | |
|---|---|
| File size: 3.0 KB | |
| Rev | Line | |
|---|---|---|
| [345] | 1 | body { |
| [346] | 2 | background : #DBF9CF; |
| [345] | 3 | } |
| [85] | 4 | |
| 5 | h1{ | |
| [339] | 6 | text-align : center; |
| 7 | font-family : Verdana; | |
| 8 | font-size : 120%; | |
| 9 | margin : 2.5ex; | |
| [331] | 10 | } |
| [85] | 11 | |
| 12 | table.sortable { | |
| [339] | 13 | border-collapse : collapse; |
| 14 | font-family : Verdana; | |
| [331] | 15 | } |
| [85] | 16 | |
| 17 | table.sortable caption { | |
| [331] | 18 | caption-side : bottom; |
| 19 | text-align : center; | |
| 20 | text-decoration : underline; | |
| 21 | } | |
| [85] | 22 | |
| 23 | table.sortable th { | |
| [339] | 24 | color : #FFF; |
| 25 | background : #333; | |
| [331] | 26 | } |
| [85] | 27 | |
| [347] | 28 | table.sortable thead th:hover { |
| 29 | background : #AAA; | |
| 30 | } | |
| 31 | ||
| 32 | table.sortable thead th.sorttable_nosort:hover { | |
| 33 | background : #333; | |
| 34 | } | |
| 35 | ||
| [85] | 36 | th.klask-header-left { |
| [345] | 37 | border-top-left-radius : 1ex; |
| [331] | 38 | } |
| [85] | 39 | |
| 40 | th.klask-header-right { | |
| [345] | 41 | border-top-right-radius : 1ex; |
| [331] | 42 | } |
| [85] | 43 | |
| 44 | th.klask-footer-left { | |
| [345] | 45 | border-bottom-left-radius : 1ex; |
| [331] | 46 | } |
| [85] | 47 | |
| 48 | th.klask-footer-right { | |
| [333] | 49 | border-bottom-right-radius : 1ex; |
| [331] | 50 | } |
| [85] | 51 | |
| 52 | table.sortable td { | |
| [339] | 53 | border : 1px solid #AAA; |
| 54 | border-top : 1px solid #AAA; | |
| 55 | border-bottom : 1px solid #AAA; | |
| 56 | border-left : 1px solid #AAA; | |
| 57 | border-right : 1px solid #AAA; | |
| [331] | 58 | } |
| [85] | 59 | |
| 60 | tr.odd td { | |
| [331] | 61 | background : #DBF9CF; |
| 62 | border-collapse : collapse; | |
| 63 | font-family : Courier; | |
| 64 | padding-left : 0.5ex; | |
| 65 | padding-right : 0.5ex; | |
| 66 | } | |
| [85] | 67 | |
| 68 | tr.even td { | |
| [331] | 69 | background : #FFF; |
| 70 | border-collapse : collapse; | |
| 71 | font-family : Courier; | |
| 72 | padding-left : 0.5ex; | |
| 73 | padding-right : 0.5ex; | |
| 74 | } | |
| [85] | 75 | |
| 76 | td.bklask-port { | |
| [331] | 77 | text-align : right; |
| 78 | } | |
| [85] | 79 | |
| [314] | 80 | td.bklask-arrow { |
| [331] | 81 | text-align : left; |
| 82 | text-indent : -5.5ex; | |
| 83 | padding-left : 6.5ex !important; | |
| 84 | } | |
| 85 | ||
| [339] | 86 | a.circle { |
| 87 | padding : 2ex; | |
| 88 | border-radius : 50%; | |
| 89 | color : #FFF; | |
| 90 | text-align : center; | |
| 91 | background : #333; | |
| [337] | 92 | } |
| 93 | ||
| [339] | 94 | a.circle { |
| 95 | text-decoration : none; | |
| [338] | 96 | } |
| 97 | ||
| [339] | 98 | a:hover.circle { |
| 99 | background : #AAA; | |
| [338] | 100 | } |
| 101 | ||
| [343] | 102 | p.copyright { |
| 103 | text-align : right; | |
| 104 | margin-right : 10ex; | |
| 105 | } | |
| 106 | ||
| [331] | 107 | #navbar ul { |
| [345] | 108 | list-style : none; |
| 109 | padding : 0; | |
| 110 | margin : 0; | |
| [331] | 111 | } |
| 112 | ||
| 113 | #navbar li { | |
| [345] | 114 | float : left; |
| 115 | margin : 0; | |
| 116 | border : 1px solid #BBB; | |
| 117 | border-bottom-width : 0; | |
| [338] | 118 | border-top-left-radius : 1.5ex; |
| [333] | 119 | border-top-right-radius : 1.5ex; |
| [346] | 120 | background : #333; |
| [331] | 121 | } |
| 122 | ||
| [346] | 123 | #navbar li:hover { |
| 124 | background : #AAA; | |
| 125 | } | |
| 126 | ||
| [331] | 127 | #navbar a { |
| [345] | 128 | text-decoration : none; |
| [346] | 129 | font-family : Verdana; |
| 130 | font-size : 110%; | |
| [345] | 131 | display : block; |
| 132 | padding : 0.8ex 2.5ex; | |
| 133 | color : #FFF; | |
| 134 | width : 20ex; | |
| 135 | text-align : center; | |
| [338] | 136 | border-top-left-radius : 1.5ex; |
| [333] | 137 | border-top-right-radius : 1.5ex; |
| [331] | 138 | } |
| 139 | ||
| 140 | #navbar #selected { | |
| [347] | 141 | border-color : #333; |
| [346] | 142 | background : white; |
| [331] | 143 | } |
| 144 | ||
| 145 | #navbar #selected a { | |
| [345] | 146 | position : relative; |
| 147 | top : 1px; | |
| 148 | background : white; | |
| 149 | color : black; | |
| 150 | font-weight : bold; | |
| [331] | 151 | } |
| 152 | ||
| 153 | #content { | |
| [347] | 154 | border : 1px solid #333; |
| [345] | 155 | clear : both; |
| 156 | padding-left : 0.5ex; | |
| 157 | padding-right : 0.5ex; | |
| 158 | padding-top : 0ex; | |
| 159 | padding-bottom : 1.5ex; | |
| 160 | background : white; | |
| [331] | 161 | } |
Note: See TracBrowser
for help on using the repository browser.
