1/* Start of reset */ 2 3* { 4 -webkit-box-sizing: border-box; 5 -moz-box-sizing: border-box; 6 box-sizing: border-box; 7} 8body { 9 margin: 0; 10} 11 12 13/** 14 * Define consistent border, margin, and padding. 15 */ 16fieldset { 17 border: 1px solid #c0c0c0; 18 margin: 0 2px; 19 padding: 0.35em 0.625em 0.75em; 20} 21 22table { 23 border-collapse: collapse; 24 border-spacing: 0; 25} 26td, 27th { 28 padding: 0; 29} 30 31/** End of reset */ 32 33 34body { 35 font-family: 'Roboto', sans-serif; 36 font-size: 14px; 37 line-height: 22px; 38 font-weight: 300; 39} 40h1 { 41 font-size: 42px; 42 line-height: 44px; 43 padding-bottom: 5px; 44 color: #b10610; 45 margin-top: 10px; 46 margin-bottom: 30px; 47} 48h2 { 49 color: #333333; 50 font-size: 28px; 51 line-height: 44px; 52 font-weight: 300; 53} 54h3 { 55 font-size: 21px; 56 margin-top: 20px; 57 margin-bottom: 10px; 58} 59a { 60 color: #31a1cd; 61} 62h1 a { 63 text-decoration: none; 64} 65h2 a { 66 color: #333333; 67} 68a:visited { 69 color: #6098a2; 70} 71h2 a:visited { 72 color: #333333; 73} 74a:hover { 75 color: #b10610; 76} 77hr { 78 border: none; 79 border-top: 1px dashed #c9ea75; 80 margin-top: 30px; 81 margin-bottom: 30px; 82} 83header { 84 background: #eeeeee; 85} 86header a { 87 font-size: 28px; 88 font-weight: 500; 89 color: #333; 90 text-decoration: none; 91} 92.logo { 93 padding: 5px 10px; 94} 95.logo img { 96 vertical-align: middle; 97 border: 0; 98} 99input, button { 100 font: inherit; 101 color: inherit; 102} 103 104input[type=text] { 105 border: 1px solid #bbbbbb; 106 line-height: 22px; 107 padding: 5px 10px; 108 border-radius: 3px; 109} 110 111nav { 112 padding: 5px; 113} 114 115.btn, button, input[type=submit] { 116 display: inline-block; 117 color: white; 118 background: #4fa3ac; 119 padding: 9px 15px; 120 border-radius: 2px; 121 border: 0; 122 text-decoration: none; 123} 124a.btn:visited { 125 color: white; 126} 127 128.btn.disabled { 129 background: #eeeeee; 130 color: #bbbbbb; 131} 132section { 133 margin: 40px 10px; 134} 135 136section table { 137 height: 40px; 138} 139 140.nodeTable tr { 141 border-bottom: 3px solid white; 142} 143 144.nodeTable td { 145 padding: 10px 10px 10px 10px; 146 147} 148 149.nodeTable a { 150 text-decoration: none; 151} 152 153.nodeTable .nameColumn { 154 font-weight: bold; 155 padding: 10px 20px; 156 background: #ebf5f6; 157 min-width: 200px; 158} 159.nodeTable .oi { 160 color: #b10610; 161} 162 163.propTable tr { 164 height: 40px; 165} 166 167.propTable th { 168 background: #f6f6f6; 169 padding: 0 10px; 170 text-align: left; 171} 172 173.propTable td { 174 padding: 0 10px; 175 background: #eeeeee; 176} 177 178.propTable pre { 179 font-size: 80%; 180 background: #f8f8f8; 181} 182 183.actions { 184 border: 1px dotted #76baa6; 185 padding: 20px; 186 margin-bottom: 20px; 187 188} 189 190.actions h3 { 191 margin-top: 10px; 192 margin-bottom: 30px; 193 padding-bottom: 20px; 194 border-bottom: 1px solid #eeeeee; 195} 196 197.actions label { 198 width: 150px; 199 display: inline-block; 200 line-height: 40px; 201} 202 203.actions input[type=text] { 204 width: 450px; 205} 206 207.actions input[type=submit] { 208 display: inline-block; 209 margin-left: 153px; 210} 211 212footer { 213 padding: 50px 0; 214 font-size: 80%; 215 text-align: center; 216} 217 218ul.tree { 219 list-style: none; 220 margin: 0; 221 padding: 0; 222} 223 224ul.tree ul { 225 list-style: none; 226 padding-left: 10px; 227 border-left: 4px solid #ccc; 228} 229