/* @group Body and reset */ *{margin:0} * html .clearfix{height:1%} /* remember to define focus styles! */ :focus{outline:0} blockquote,q{quotes:none} blockquote:before,blockquote:after, q:before,q:after{content:'';content:none} body{line-height:1} del{text-decoration:line-through} html,body{height:100%;} html,body,div,span,applet,object,iframe, h1,h2,h3,h4,h5,h6,p,blockquote,pre, a,abbr,acronym,address,big,cite,code, del,dfn,em,font,img,ins,kbd,q,s,samp, small,strike,strong,sub,sup,tt,var, b,u,i,center, dl,dt,dd,ol,ul,li, fieldset,form,label,legend, table,caption,tbody,tfoot,thead,tr,th,td{background:transparent;border:0;font-size:100%;margin:0;outline:0;padding:0;vertical-align:baseline} html[xmlns] .clearfix{display:block} /* remember to highlight inserts somehow! */ ins{text-decoration:none} ol,ul{list-style:none} /* tables still need 'cellspacing="0"' in the markup */ table{border-collapse:collapse;border-spacing:0} .clearfix{display:inline-block} .clearfix:after{clear:both;content:".";display:block;height:0;line-height:0;visibility:hidden} /* @end */ /* Blueprint CSS grid system */ /* @group typography.css */ html {font-size:100.01%;} body {font-size:75%;color:#444;font-family:arial,helvetica,sans-serif; background-color: #fff; } h1, h2, h3, h4, h5, h6 {font-weight:normal;color:#171717;} h1 {font-size:3em;line-height:1;margin-bottom:0.5em;} h2 {font-size:2em;margin-bottom:0.75em;} h3 {font-size:1.5em;line-height:1;margin-bottom:1em;} h4 {font-size:1.2em;line-height:1.25;margin-bottom:1.25em;} h5 {font-size:1em;font-weight:bold;margin-bottom:1.5em;} h6 {font-size:1em;font-weight:bold;} h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;} p {margin:0 0 1.5em;} .left {float:left !important;} p .left {margin:1.5em 1.5em 1.5em 0;padding:0;} .right {float:right !important;} p .right {margin:1.5em 0 1.5em 1.5em;padding:0;} a:focus, a:hover {color:#09f;} a {color:#06c;text-decoration:underline;} blockquote {margin:1.5em;color:#666;font-style:italic;} strong, dfn {font-weight:bold;} em, dfn {font-style:italic;} sup, sub {line-height:0;} abbr, acronym {border-bottom:1px dotted #666;} address {margin:0 0 1.5em;font-style:italic;} del {color:#666;} .container { width: 950px; margin: 0 auto; } .showgrid { background: url(grid.png); } .column, .span-1, .span-2, .span-3, .span-4, .span-5, .span-6, .span-7, .span-8, .span-9, .span-10, .span-11, .span-12, .span-13, .span-14, .span-15, .span-16, .span-17, .span-18, .span-19, .span-20, .span-21, .span-22, .span-23, .span-24 { float: left; margin-right: 10px; } .last { margin-right: 0; } .span-1 { width: 30px; } .span-2 { width: 70px; } .span-3 { width: 110px; } .span-4 { width: 150px; } .span-5 { width: 190px; } .span-6 { width: 230px; } .span-7 { width: 270px; } .span-8 { width: 310px; } .span-9 { width: 350px; } .span-10 { width: 390px; } .span-11 { width: 430px; } .span-12 { width: 470px; } .span-13 { width: 510px; } .span-14 { width: 550px; } .span-15 { width: 590px; } .span-16 { width: 630px; } .span-17 { width: 670px; } .span-18 { width: 710px; } .span-19 { width: 750px; } .span-20 { width: 790px; } .span-21 { width: 830px; } .span-22 { width: 870px; } .span-23 { width: 910px; } .span-24 { width: 950px; margin-right: 0; } input.span-1, textarea.span-1, input.span-2, textarea.span-2, input.span-3, textarea.span-3, input.span-4, textarea.span-4, input.span-5, textarea.span-5, input.span-6, textarea.span-6, input.span-7, textarea.span-7, input.span-8, textarea.span-8, input.span-9, textarea.span-9, input.span-10, textarea.span-10, input.span-11, textarea.span-11, input.span-12, textarea.span-12, input.span-13, textarea.span-13, input.span-14, textarea.span-14, input.span-15, textarea.span-15, input.span-16, textarea.span-16, input.span-17, textarea.span-17, input.span-18, textarea.span-18, input.span-19, textarea.span-19, input.span-20, textarea.span-20, input.span-21, textarea.span-21, input.span-22, textarea.span-22, input.span-23, textarea.span-23, input.span-24, textarea.span-24 { border-left-width: 1px; border-right-width: 1px; padding-left: 5px; padding-right: 5px; } input.span-1, textarea.span-1 { width: 18px; } input.span-2, textarea.span-2 { width: 58px; } input.span-3, textarea.span-3 { width: 98px; } input.span-4, textarea.span-4 { width: 138px; } input.span-5, textarea.span-5 { width: 178px; } input.span-6, textarea.span-6 { width: 218px; } input.span-7, textarea.span-7 { width: 258px; } input.span-8, textarea.span-8 { width: 298px; } input.span-9, textarea.span-9 { width: 338px; } input.span-10, textarea.span-10 { width: 378px; } input.span-11, textarea.span-11 { width: 418px; } input.span-12, textarea.span-12 { width: 458px; } input.span-13, textarea.span-13 { width: 498px; } input.span-14, textarea.span-14 { width: 538px; } input.span-15, textarea.span-15 { width: 578px; } input.span-16, textarea.span-16 { width: 618px; } input.span-17, textarea.span-17 { width: 658px; } input.span-18, textarea.span-18 { width: 698px; } input.span-19, textarea.span-19 { width: 738px; } input.span-20, textarea.span-20 { width: 778px; } input.span-21, textarea.span-21 { width: 818px; } input.span-22, textarea.span-22 { width: 858px; } input.span-23, textarea.span-23 { width: 898px; } input.span-24, textarea.span-24 { width: 938px; } .append-1 { padding-right: 40px; } .append-2 { padding-right: 80px; } .append-3 { padding-right: 120px; } .append-4 { padding-right: 160px; } .append-5 { padding-right: 200px; } .append-6 { padding-right: 240px; } .append-7 { padding-right: 280px; } .append-8 { padding-right: 320px; } .append-9 { padding-right: 360px; } .append-10 { padding-right: 400px; } .append-11 { padding-right: 440px; } .append-12 { padding-right: 480px; } .append-13 { padding-right: 520px; } .append-14 { padding-right: 560px; } .append-15 { padding-right: 600px; } .append-16 { padding-right: 640px; } .append-17 { padding-right: 680px; } .append-18 { padding-right: 720px; } .append-19 { padding-right: 760px; } .append-20 { padding-right: 800px; } .append-21 { padding-right: 840px; } .append-22 { padding-right: 880px; } .append-23 { padding-right: 920px; } .prepend-1 { padding-left: 40px; } .prepend-2 { padding-left: 80px; } .prepend-3 { padding-left: 120px; } .prepend-4 { padding-left: 160px; } .prepend-5 { padding-left: 200px; } .prepend-6 { padding-left: 240px; } .prepend-7 { padding-left: 280px; } .prepend-8 { padding-left: 320px; } .prepend-9 { padding-left: 360px; } .prepend-10 { padding-left: 400px; } .prepend-11 { padding-left: 440px; } .prepend-12 { padding-left: 480px; } .prepend-13 { padding-left: 520px; } .prepend-14 { padding-left: 560px; } .prepend-15 { padding-left: 600px; } .prepend-16 { padding-left: 640px; } .prepend-17 { padding-left: 680px; } .prepend-18 { padding-left: 720px; } .prepend-19 { padding-left: 760px; } .prepend-20 { padding-left: 800px; } .prepend-21 { padding-left: 840px; } .prepend-22 { padding-left: 880px; } .prepend-23 { padding-left: 920px; } .border { padding-right: 4px; margin-right: 5px; border-right: 1px solid #ddd; } .colborder { padding-right: 24px; margin-right: 25px; border-right: 1px solid #ddd; } .pull-1 { margin-left: -40px; } .pull-2 { margin-left: -80px; } .pull-3 { margin-left: -120px; } .pull-4 { margin-left: -160px; } .pull-5 { margin-left: -200px; } .pull-6 { margin-left: -240px; } .pull-7 { margin-left: -280px; } .pull-8 { margin-left: -320px; } .pull-9 { margin-left: -360px; } .pull-10 { margin-left: -400px; } .pull-11 { margin-left: -440px; } .pull-12 { margin-left: -480px; } .pull-13 { margin-left: -520px; } .pull-14 { margin-left: -560px; } .pull-15 { margin-left: -600px; } .pull-16 { margin-left: -640px; } .pull-17 { margin-left: -680px; } .pull-18 { margin-left: -720px; } .pull-19 { margin-left: -760px; } .pull-20 { margin-left: -800px; } .pull-21 { margin-left: -840px; } .pull-22 { margin-left: -880px; } .pull-23 { margin-left: -920px; } .pull-24 { margin-left: -960px; } .pull-1, .pull-2, .pull-3, .pull-4, .pull-5, .pull-6, .pull-7, .pull-8, .pull-9, .pull-10, .pull-11, .pull-12, .pull-13, .pull-14, .pull-15, .pull-16, .pull-17, .pull-18, .pull-19, .pull-20, .pull-21, .pull-22, .pull-23, .pull-24 { float: left; position: relative; } .push-1 { margin: 0 -40px 1.5em 40px; } .push-2 { margin: 0 -80px 1.5em 80px; } .push-3 { margin: 0 -120px 1.5em 120px; } .push-4 { margin: 0 -160px 1.5em 160px; } .push-5 { margin: 0 -200px 1.5em 200px; } .push-6 { margin: 0 -240px 1.5em 240px; } .push-7 { margin: 0 -280px 1.5em 280px; } .push-8 { margin: 0 -320px 1.5em 320px; } .push-9 { margin: 0 -360px 1.5em 360px; } .push-10 { margin: 0 -400px 1.5em 400px; } .push-11 { margin: 0 -440px 1.5em 440px; } .push-12 { margin: 0 -480px 1.5em 480px; } .push-13 { margin: 0 -520px 1.5em 520px; } .push-14 { margin: 0 -560px 1.5em 560px; } .push-15 { margin: 0 -600px 1.5em 600px; } .push-16 { margin: 0 -640px 1.5em 640px; } .push-17 { margin: 0 -680px 1.5em 680px; } .push-18 { margin: 0 -720px 1.5em 720px; } .push-19 { margin: 0 -760px 1.5em 760px; } .push-20 { margin: 0 -800px 1.5em 800px; } .push-21 { margin: 0 -840px 1.5em 840px; } .push-22 { margin: 0 -880px 1.5em 880px; } .push-23 { margin: 0 -920px 1.5em 920px; } .push-24 { margin: 0 -960px 1.5em 960px; } .push-1, .push-2, .push-3, .push-4, .push-5, .push-6, .push-7, .push-8, .push-9, .push-10, .push-11, .push-12, .push-13, .push-14, .push-15, .push-16, .push-17, .push-18, .push-19, .push-20, .push-21, .push-22, .push-23, .push-24 { float: left; position: relative; } div.prepend-top, .prepend-top { margin-top: 1.5em; } div.append-bottom, .append-bottom { margin-bottom: 1.5em; } .box { padding: 1.5em; margin-bottom: 1.5em; background: #e5eCf9; } hr { background: #ddd; color: #ddd; clear: both; float: none; width: 100%; height: 1px; margin: 0 0 1.45em; border: none; } hr.space { background: #fff; color: #fff; visibility: hidden; } .clearfix:after, .container:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; overflow: hidden; } .clearfix, .container { display: block; } .clear { clear: both; } pre {margin:1.5em 0;white-space:pre;} pre, code, tt {font:1em 'andale mono', 'lucida console', monospace;line-height:1.5;} li ul, li ol {margin:0;} ul, ol {margin:0 1.5em 1.5em 0;padding-left:1.5em;} ul {list-style-type:disc;} ol {list-style-type:decimal;} dl {margin:0 0 1.5em 0;} dl dt {font-weight:bold;} dd {margin-left:1.5em;} table {margin-bottom:1.4em;width:100%;} th {font-weight:bold;} thead th {background:#c3d9ff;} th, td, caption {padding:4px 10px 4px 5px;} tbody tr:nth-child(even) td, tbody tr.even td {background:#e5ecf9;} tfoot {font-style:italic;} caption {background:#eee;} .small {font-size:.8em;margin-bottom:1.875em;line-height:1.875em;} .large {font-size:1.2em;line-height:2.5em;margin-bottom:1.25em;} .hide {display:none;} .quiet {color:#666;} .loud {color:#000;} .highlight {background:#ff0;} .added {background:#060;color:#fff;} .removed {background:#900;color:#fff;} .first {margin-left:0;padding-left:0;} .last {margin-right:0;padding-right:0;} .top {margin-top:0;padding-top:0;} .bottom {margin-bottom:0;padding-bottom:0;} /* @end */ /* @group Blueprint Grid.css */ .container { width: 950px; margin: 0 auto; } .showgrid { background: url(grid.png); } .column, .span-1, .span-2, .span-3, .span-4, .span-5, .span-6, .span-7, .span-8, .span-9, .span-10, .span-11, .span-12, .span-13, .span-14, .span-15, .span-16, .span-17, .span-18, .span-19, .span-20, .span-21, .span-22, .span-23, .span-24 { float: left; margin-right: 10px; } .last { margin-right: 0; } .span-1 { width: 30px; } .span-2 { width: 70px; } .span-3 { width: 110px; } .span-4 { width: 150px; } .span-5 { width: 190px; } .span-6 { width: 230px; } .span-7 { width: 270px; } .span-8 { width: 310px; } .span-9 { width: 350px; } .span-10 { width: 390px; } .span-11 { width: 430px; } .span-12 { width: 470px; } .span-13 { width: 510px; } .span-14 { width: 550px; } .span-15 { width: 590px; } .span-16 { width: 630px; } .span-17 { width: 670px; } .span-18 { width: 710px; } .span-19 { width: 750px; } .span-20 { width: 790px; } .span-21 { width: 830px; } .span-22 { width: 870px; } .span-23 { width: 910px; } .span-24 { width: 950px; margin-right: 0; } input.span-1, textarea.span-1, input.span-2, textarea.span-2, input.span-3, textarea.span-3, input.span-4, textarea.span-4, input.span-5, textarea.span-5, input.span-6, textarea.span-6, input.span-7, textarea.span-7, input.span-8, textarea.span-8, input.span-9, textarea.span-9, input.span-10, textarea.span-10, input.span-11, textarea.span-11, input.span-12, textarea.span-12, input.span-13, textarea.span-13, input.span-14, textarea.span-14, input.span-15, textarea.span-15, input.span-16, textarea.span-16, input.span-17, textarea.span-17, input.span-18, textarea.span-18, input.span-19, textarea.span-19, input.span-20, textarea.span-20, input.span-21, textarea.span-21, input.span-22, textarea.span-22, input.span-23, textarea.span-23, input.span-24, textarea.span-24 { border-left-width: 1px; border-right-width: 1px; padding-left: 5px; padding-right: 5px; } input.span-1, textarea.span-1 { width: 18px; } input.span-2, textarea.span-2 { width: 58px; } input.span-3, textarea.span-3 { width: 98px; } input.span-4, textarea.span-4 { width: 138px; } input.span-5, textarea.span-5 { width: 178px; } input.span-6, textarea.span-6 { width: 218px; } input.span-7, textarea.span-7 { width: 258px; } input.span-8, textarea.span-8 { width: 298px; } input.span-9, textarea.span-9 { width: 338px; } input.span-10, textarea.span-10 { width: 378px; } input.span-11, textarea.span-11 { width: 418px; } input.span-12, textarea.span-12 { width: 458px; } input.span-13, textarea.span-13 { width: 498px; } input.span-14, textarea.span-14 { width: 538px; } input.span-15, textarea.span-15 { width: 578px; } input.span-16, textarea.span-16 { width: 618px; } input.span-17, textarea.span-17 { width: 658px; } input.span-18, textarea.span-18 { width: 698px; } input.span-19, textarea.span-19 { width: 738px; } input.span-20, textarea.span-20 { width: 778px; } input.span-21, textarea.span-21 { width: 818px; } input.span-22, textarea.span-22 { width: 858px; } input.span-23, textarea.span-23 { width: 898px; } input.span-24, textarea.span-24 { width: 938px; } .append-1 { padding-right: 40px; } .append-2 { padding-right: 80px; } .append-3 { padding-right: 120px; } .append-4 { padding-right: 160px; } .append-5 { padding-right: 200px; } .append-6 { padding-right: 240px; } .append-7 { padding-right: 280px; } .append-8 { padding-right: 320px; } .append-9 { padding-right: 360px; } .append-10 { padding-right: 400px; } .append-11 { padding-right: 440px; } .append-12 { padding-right: 480px; } .append-13 { padding-right: 520px; } .append-14 { padding-right: 560px; } .append-15 { padding-right: 600px; } .append-16 { padding-right: 640px; } .append-17 { padding-right: 680px; } .append-18 { padding-right: 720px; } .append-19 { padding-right: 760px; } .append-20 { padding-right: 800px; } .append-21 { padding-right: 840px; } .append-22 { padding-right: 880px; } .append-23 { padding-right: 920px; } .prepend-1 { padding-left: 40px; } .prepend-2 { padding-left: 80px; } .prepend-3 { padding-left: 120px; } .prepend-4 { padding-left: 160px; } .prepend-5 { padding-left: 200px; } .prepend-6 { padding-left: 240px; } .prepend-7 { padding-left: 280px; } .prepend-8 { padding-left: 320px; } .prepend-9 { padding-left: 360px; } .prepend-10 { padding-left: 400px; } .prepend-11 { padding-left: 440px; } .prepend-12 { padding-left: 480px; } .prepend-13 { padding-left: 520px; } .prepend-14 { padding-left: 560px; } .prepend-15 { padding-left: 600px; } .prepend-16 { padding-left: 640px; } .prepend-17 { padding-left: 680px; } .prepend-18 { padding-left: 720px; } .prepend-19 { padding-left: 760px; } .prepend-20 { padding-left: 800px; } .prepend-21 { padding-left: 840px; } .prepend-22 { padding-left: 880px; } .prepend-23 { padding-left: 920px; } .border { padding-right: 4px; margin-right: 5px; border-right: 1px solid #ddd; } .colborder { padding-right: 24px; margin-right: 25px; border-right: 1px solid #ddd; } .pull-1 { margin-left: -40px; } .pull-2 { margin-left: -80px; } .pull-3 { margin-left: -120px; } .pull-4 { margin-left: -160px; } .pull-5 { margin-left: -200px; } .pull-6 { margin-left: -240px; } .pull-7 { margin-left: -280px; } .pull-8 { margin-left: -320px; } .pull-9 { margin-left: -360px; } .pull-10 { margin-left: -400px; } .pull-11 { margin-left: -440px; } .pull-12 { margin-left: -480px; } .pull-13 { margin-left: -520px; } .pull-14 { margin-left: -560px; } .pull-15 { margin-left: -600px; } .pull-16 { margin-left: -640px; } .pull-17 { margin-left: -680px; } .pull-18 { margin-left: -720px; } .pull-19 { margin-left: -760px; } .pull-20 { margin-left: -800px; } .pull-21 { margin-left: -840px; } .pull-22 { margin-left: -880px; } .pull-23 { margin-left: -920px; } .pull-24 { margin-left: -960px; } .pull-1, .pull-2, .pull-3, .pull-4, .pull-5, .pull-6, .pull-7, .pull-8, .pull-9, .pull-10, .pull-11, .pull-12, .pull-13, .pull-14, .pull-15, .pull-16, .pull-17, .pull-18, .pull-19, .pull-20, .pull-21, .pull-22, .pull-23, .pull-24 { float: left; position: relative; } .push-1 { margin: 0 -40px 1.5em 40px; } .push-2 { margin: 0 -80px 1.5em 80px; } .push-3 { margin: 0 -120px 1.5em 120px; } .push-4 { margin: 0 -160px 1.5em 160px; } .push-5 { margin: 0 -200px 1.5em 200px; } .push-6 { margin: 0 -240px 1.5em 240px; } .push-7 { margin: 0 -280px 1.5em 280px; } .push-8 { margin: 0 -320px 1.5em 320px; } .push-9 { margin: 0 -360px 1.5em 360px; } .push-10 { margin: 0 -400px 1.5em 400px; } .push-11 { margin: 0 -440px 1.5em 440px; } .push-12 { margin: 0 -480px 1.5em 480px; } .push-13 { margin: 0 -520px 1.5em 520px; } .push-14 { margin: 0 -560px 1.5em 560px; } .push-15 { margin: 0 -600px 1.5em 600px; } .push-16 { margin: 0 -640px 1.5em 640px; } .push-17 { margin: 0 -680px 1.5em 680px; } .push-18 { margin: 0 -720px 1.5em 720px; } .push-19 { margin: 0 -760px 1.5em 760px; } .push-20 { margin: 0 -800px 1.5em 800px; } .push-21 { margin: 0 -840px 1.5em 840px; } .push-22 { margin: 0 -880px 1.5em 880px; } .push-23 { margin: 0 -920px 1.5em 920px; } .push-24 { margin: 0 -960px 1.5em 960px; } .push-1, .push-2, .push-3, .push-4, .push-5, .push-6, .push-7, .push-8, .push-9, .push-10, .push-11, .push-12, .push-13, .push-14, .push-15, .push-16, .push-17, .push-18, .push-19, .push-20, .push-21, .push-22, .push-23, .push-24 { float: left; position: relative; } div.prepend-top, .prepend-top { margin-top: 1.5em; } div.append-bottom, .append-bottom { margin-bottom: 1.5em; } .box { padding: 1.5em; margin-bottom: 1.5em; background: #e5eCf9; } hr { background: #ddd; color: #ddd; clear: both; float: none; width: 100%; height: 1px; margin: 0 0 1.45em; border: none; } hr.space { background: #fff; color: #fff; visibility: hidden; } .clearfix:after, .container:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; overflow: hidden; } .clearfix, .container { display: block; } .clear { clear: both; } /* @end */ /* @group Custom style */ tbody tr:nth-child(even) td, tbody tr.even td {background:#f5f5f5;} table { -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; } table tr:first-child th:first-child { -moz-border-radius-topleft:5px; -webkit-border-top-left-radius: 5px; border-top-left-radius: 5px; } table tr:first-child th:last-child { -moz-border-radius-topright:5px; -webkit-border-top-right-radius: 5px; border-top-right-radius: 5px; } table tr:last-child td:last-child { -moz-border-radius-bottomright:10px; -webkit-border-bottom-right-radius:10px; border-bottom-right-radius:10px; } table tr:last-child td:first-child { -moz-border-radius-bottomleft:5px; -webkit-border-bottom-left-radius:5px; border-bottom-left-radius:5px } table tr:last-child td:last-child { -moz-border-radius-bottomright:5px; -webkit-border-bottom-right-radius:5px; border-bottom-right-radius:5px; } table td, table th { padding: 4px 6px; } table thead tr { background-color: #e6e6e6; border: 1px solid #c6c6c6; } table { border: 1px solid #dedede; border-collapse: separate; -webkit-box-shadow:0px 0px 3px #ccc; -moz-box-shadow: 0px 0px 3px #cc; box-shadow: 0px 0px 3px #ccc; } table thead th { text-align: left; background-color: #eaeaea; color: #3e8ab0; padding: 6px 4px; border-right: 1px solid #dedede; } table tbody td { border-right: 1px solid #dedede; } table.tablesorter thead tr .header { background-repeat: no-repeat; background-position: center right; cursor: pointer; } table.tablesorter thead tr .headerSortUp { background-image: url(asc.gif); } table.tablesorter thead tr .headerSortDown { background-image: url(desc.gif); } table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp { background-color: #cfcfcf; color: #fff; } .cell-10 { width : 350px; } .cell-5 { width : 175px; } #panel { padding: 5px; } #panel select { margin-right:5px; } #broadcast { text-align:center; } .server-alias { display:block; font-style: italic; font-size : 90%; padding-top:5px; padding-bottom:3px; } td div { display: flex; justify-content: left; align-items: center; } td img { padding-right : 5px; } .btn-secondary { overflow: hidden; position: relative; text-align: center; color: #fff; background-color: #6c757d; border-color: #6c757d; display: inline-block; font-weight: 400; text-align: center; white-space: nowrap; vertical-align: middle; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; border: 1px solid transparent; padding: .375rem .75rem; font-size: 1rem; line-height: 1.5; border-radius: .25rem; } #upload-panel { margin-bottom : 2rem; } .file-uploads { overflow: hidden; position: relative; text-align: center; color: #fff; background-color: #007bff; border-color: #007bff; display: inline-block; font-weight: 400; text-align: center; white-space: nowrap; vertical-align: middle; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; border: 1px solid transparent; padding: .375rem .75rem; font-size: 1rem; line-height: 1.5; border-radius: .25rem; } .file-uploads.file-uploads-html4 input[type="file"] { opacity: 0; font-size: 20em; z-index: 1; top: 0; left: 0; right: 0; bottom: 0; position: absolute; width: 100%; height: 100%; } .file-uploads.file-uploads-html5 input[type="file"] { overflow: hidden; position: fixed; width: 1px; height: 1px; z-index: -1; opacity: 0; } nav { margin-bottom: 1em; } nav ul { display: inline; margin: 0; padding: 0; } li { display: inline; } li::before { content: ' '; } li::after { content: ' '; white-space: normal; word-spacing: 1em; background-image:linear-gradient(#ddd, #aaa, #ddd); background-size: 2px 1em; background-repeat: no-repeat; background-position: center center; } nav a { white-space: nowrap; display: inline-block; padding: 1em; text-decoration: none; color: black; font-size: 1.2em; border-radius: 10px; transition-property: background-color; transition-duration: 500ms; } nav a:hover { background-color: #eee; } /* @end */