/* Following CSS are only in the demo and are of no use in a Production */
.show-grid [class*="col-"] {background: #e6e7e8; text-align: center; margin-bottom: 10px; line-height: 2em; border:10px solid @body-bg;}
.show-grid [class*="col-"]:hover {background: @border-darker; }
.demo-example .breadcrumb {margin-bottom: 20px;}
#demo-type-table {
width:100%;
margin: -20px 0 -20px 0;
td {vertical-align: middle;}
h1,h2,h3,h4,h5,h6 {margin: 15px 0;}
td:last-child {text-align: right;}
}
#threads,#comments,#users {max-height: 420px; overflow-x: hidden;} //in index page. fixed height so slimscroll can use it
#demo-dropdown {
width: 183px; padding: 10px 15px;
label {width: 100px;margin-bottom: 0;}
label[for='fixedheader'] {position: relative;}
#fixedheader {display: inline-block;}
.demo-color-variation {
display: inline-block;
position: relative;
top: 5px;
margin-left: 0;
li {padding-right: 2px}
li a {
display: block;height: 20px;width: 20px; border: 1px solid rgba(0,0,0,0.2); border-radius: 60%;
&.color-lite {background-color:#e6e7e8;}
&.color-steel {background-color:#687285;}
&.color-lavender {background-color:#716885;}
&.color-black {background-color:#000000;}
&.color-dark {background-color:#313338;}
&.color-red {background-color:#b43e2e;}
&.color-green {background-color:#48d09b;}
&.color-blue {background-color:#2e5dac;}
}
}
}
@media (max-width: @screen-xs-max) { //Alignments in small screen
#demo-dropdown {
margin-right: -100px;
&:before {margin-right: 100px;}
}
}
.demo-blocks {
width: 50px;height: 50px; border: 2px solid @border-lighter;
display: inline-block; cursor: pointer;
margin-right: 20px; margin-bottom: 10px;
&:hover {
border-color: @border-darker;
}
&.color-dark {background:#313338;}
&.color-red {background:#b43e2e;}
&.color-green {background:#48d09b;}
&.color-blue {background:#2e5dac;}
&.color-lavender {background:#716885;}
&.pattern-brickwall {background: url(../img/patterns/brickwall.png)}
&.pattern-dark-stripes {background: url(../img/patterns/dark_stripes.png)}
&.pattern-rockywall {background: url(../img/patterns/rockywall.png)}
&.pattern-subtle-carbon {background: url(../img/patterns/subtle_carbon.png)}
&.pattern-tweed {background: url(../img/patterns/tweed.png)}
&.pattern-vertical-cloth {background: url(../img/patterns/vertical_cloth.png)}
&.pattern-grey_wash_wall {background: url(../img/patterns/grey_wash_wall.png)}
&.pattern-pw_maze_black {background: url(../img/patterns/pw_maze_black.png)}
&.pattern-wild_oliva {background: url(../img/patterns/wild_oliva.png)}
&.pattern-stressed_linen {background: url(../img/patterns/stressed_linen.png)}
&.pattern-sos {background: url(../img/patterns/sos.png)}
}
@KyuuKazami