| OLD | NEW |
| (Empty) | |
| 1 @charset "utf-8"; |
| 2 |
| 3 body { |
| 4 font-family: 'Lucidea Grande', sans-serif; |
| 5 font-size: 0.8em; |
| 6 } |
| 7 |
| 8 h1 { |
| 9 border-bottom: 1px solid #eee; |
| 10 color: #666; |
| 11 font-size: 1.5em; |
| 12 margin: 0 0 0.5em 0; |
| 13 } |
| 14 |
| 15 h2 { |
| 16 margin: 0 0 0.5em 0; |
| 17 border-bottom: 1px solid #ddd; |
| 18 color: #555; |
| 19 font-size: 1.2em; |
| 20 } |
| 21 |
| 22 h3 { |
| 23 margin: 0 0 0.5em 0; |
| 24 border-bottom: 1px solid #ddd; |
| 25 color: #555; |
| 26 font-size: 1.1em; |
| 27 } |
| 28 |
| 29 div.collapse>h2 { |
| 30 cursor: pointer; |
| 31 } |
| 32 |
| 33 div.collapse.open>h2 { |
| 34 border-bottom: 0px; |
| 35 margin-bottom: 0px; |
| 36 } |
| 37 div.collapse.open>h2:before, |
| 38 div.collapse.open>h2:after { |
| 39 content: "\25B2"; |
| 40 } |
| 41 |
| 42 div.collapse.closed>h2:before, |
| 43 div.collapse.closed>h2:after { |
| 44 content: "\25BC"; |
| 45 } |
| 46 |
| 47 div.collapse.closed>.collapse-content { |
| 48 display:none; |
| 49 } |
| 50 |
| 51 div.collapse>.collapse-content { |
| 52 border: 1px solid #ddd; |
| 53 padding: 10px; |
| 54 } |
| 55 |
| 56 thead { |
| 57 font-size: 1.2em; |
| 58 color: #666; |
| 59 } |
| 60 |
| 61 table { |
| 62 border-collapse: collapse; |
| 63 border-style: hidden; |
| 64 border: 1px solid #999; |
| 65 font-size: inherit; |
| 66 } |
| 67 |
| 68 tbody, tr, td { |
| 69 font-size: inherit; |
| 70 } |
| 71 |
| 72 table td, table th { |
| 73 border: 1px solid #999; |
| 74 padding: 3px; |
| 75 } |
| 76 |
| 77 ul { |
| 78 list-style-type: none; |
| 79 padding-left: 0px |
| 80 } |
| 81 |
| 82 |
| 83 |
| 84 #player-list { |
| 85 float: left; |
| 86 width: 200px; |
| 87 |
| 88 display: block; |
| 89 } |
| 90 |
| 91 #player-list>ul, #stream-list>h3 { |
| 92 margin-top: 0px; |
| 93 } |
| 94 |
| 95 #player-details { |
| 96 margin-left: 220px; |
| 97 padding-left: 10px; |
| 98 border-left: 1px solid #999; |
| 99 } |
| 100 |
| 101 #player-details>h3 { |
| 102 margin-top: 0px; |
| 103 } |
| 104 |
| 105 #properties>table td, #properties>table tr { |
| 106 border: 0px solid white; |
| 107 padding: 0px; |
| 108 padding-left: 5px; |
| 109 padding-right: 5px; |
| 110 } |
| 111 |
| 112 #properties>table>tbody>tr>td:nth-child(odd){ |
| 113 color: #666; |
| 114 font-size: 1.2em; |
| 115 |
| 116 border-left: 1px solid #999; |
| 117 } |
| 118 |
| 119 #properties>table>tbody>tr>td:nth-child(odd):after{ |
| 120 content: ":"; |
| 121 } |
| 122 |
| 123 div#log-wrapper .collapse-content { |
| 124 max-height: 50%; |
| 125 overflow: auto; |
| 126 } |
| 127 |
| 128 button{ |
| 129 max-width:200px; |
| 130 } |
| OLD | NEW |