.stb-container-css { margin: 10px 10px 10px 10px; } .stb-box { } .stb-caption-box { } .stb-body-box { box-sizing: content-box; padding: 5px 10px 10px; } /* Class Dependent Parameters */ .stb-border.stb-alert-container { border: 1px solid #FF4F4A; } .stb-side.stb-alert-container { background: #FF4F4A; /* Old browsers */ background: -moz-linear-gradient(top, #FF4F4A 30%, #FF4F4A 90%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(30%,#FF4F4A), color-stop(90%,#FF4F4A)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #FF4F4A 30%,#FF4F4A 90%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #FF4F4A 30%,#FF4F4A 90%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #FF4F4A 30%,#FF4F4A 90%); /* IE10+ */ background: linear-gradient(#FF4F4A 30%, #FF4F4A 90%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FF4F4A', endColorstr='#FF4F4A',GradientType=0 ); /* IE6-9 */ } .stb-side-none.stb-alert-container { background: #FFE7E6; /* Old browsers */ background: -moz-linear-gradient(top, #FFE7E6 30%, #FFE7E6 90%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(30%,#FFE7E6), color-stop(90%,#FFE7E6)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #FFE7E6 30%,#FFE7E6 90%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #FFE7E6 30%,#FFE7E6 90%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #FFE7E6 30%,#FFE7E6 90%); /* IE10+ */ background: linear-gradient(#FFE7E6 30%, #FFE7E6 90%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFE7E6', endColorstr='#FFE7E6',GradientType=0 ); /* IE6-9 */ } .stb-alert_box { background: #FFE7E6; /* Old browsers */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFE7E6', endColorstr='#FFE7E6',GradientType=0 ); /* IE6-9 */ background: -moz-linear-gradient(top, #FFE7E6 30%, #FFE7E6 90%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(30%,#FFE7E6), color-stop(90%,#FFE7E6)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #FFE7E6 30%,#FFE7E6 90%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #FFE7E6 30%,#FFE7E6 90%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #FFE7E6 30%,#FFE7E6 90%); /* IE10+ */ background: linear-gradient(#FFE7E6 30%, #FFE7E6 90%); /* W3C */ color: #000000; } .stb-alert-caption_box { background: #FF4F4A; /* Old browsers */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FF4F4A', endColorstr='#FF4F4A',GradientType=0 ); /* IE6-9 */ background: -moz-linear-gradient(top, #FF4F4A 30%, #FF4F4A 90%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(30%,#FF4F4A), color-stop(90%,#FF4F4A)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #FF4F4A 30%,#FF4F4A 90%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #FF4F4A 30%,#FF4F4A 90%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #FF4F4A 30%,#FF4F4A 90%); /* IE10+ */ background: linear-gradient(#FF4F4A 30%, #FF4F4A 90%); /* W3C */ color: #FFFFFF; } .stb-alert-body_box { background: #FFE7E6; /* Old browsers */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFE7E6', endColorstr='#FFE7E6',GradientType=0 ); /* IE6-9 */ background: -moz-linear-gradient(top, #FFE7E6 30%, #FFE7E6 90%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(30%,#FFE7E6), color-stop(90%,#FFE7E6)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #FFE7E6 30%,#FFE7E6 90%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #FFE7E6 30%,#FFE7E6 90%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #FFE7E6 30%,#FFE7E6 90%); /* IE10+ */ background: linear-gradient(#FFE7E6 30%, #FFE7E6 90%); /* W3C */ color: #000000; } .stb-border.stb-black-container { border: 1px solid #6E6E6E; } .stb-side.stb-black-container { background: #333333; /* Old browsers */ background: -moz-linear-gradient(top, #333333 30%, #333333 90%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(30%,#333333), color-stop(90%,#333333)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #333333 30%,#333333 90%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #333333 30%,#333333 90%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #333333 30%,#333333 90%); /* IE10+ */ background: linear-gradient(#333333 30%, #333333 90%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#333333',GradientType=0 ); /* IE6-9 */ } .stb-side-none.stb-black-container { background: #000000; /* Old browsers */ background: -moz-linear-gradient(top, #000000 30%, #000000 90%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(30%,#000000), color-stop(90%,#000000)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #000000 30%,#000000 90%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #000000 30%,#000000 90%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #000000 30%,#000000 90%); /* IE10+ */ background: linear-gradient(#000000 30%, #000000 90%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000',GradientType=0 ); /* IE6-9 */ } .stb-black_box { background: #000000; /* Old browsers */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000',GradientType=0 ); /* IE6-9 */ background: -moz-linear-gradient(top, #000000 30%, #000000 90%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(30%,#000000), color-stop(90%,#000000)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #000000 30%,#000000 90%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #000000 30%,#000000 90%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #000000 30%,#000000 90%); /* IE10+ */ background: linear-gradient(#000000 30%, #000000 90%); /* W3C */ color: #FFFFFF; } .stb-black-caption_box { background: #333333; /* Old browsers */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#333333',GradientType=0 ); /* IE6-9 */ background: -moz-linear-gradient(top, #333333 30%, #333333 90%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(30%,#333333), color-stop(90%,#333333)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #333333 30%,#333333 90%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #333333 30%,#333333 90%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #333333 30%,#333333 90%); /* IE10+ */ background: linear-gradient(#333333 30%, #333333 90%); /* W3C */ color: #FFFFFF; } .stb-black-body_box { background: #000000; /* Old browsers */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000',GradientType=0 ); /* IE6-9 */ background: -moz-linear-gradient(top, #000000 30%, #000000 90%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(30%,#000000), color-stop(90%,#000000)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #000000 30%,#000000 90%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #000000 30%,#000000 90%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #000000 30%,#000000 90%); /* IE10+ */ background: linear-gradient(#000000 30%, #000000 90%); /* W3C */ color: #FFFFFF; } .stb-border.stb-download-container { border: 1px solid #65ADFE; } .stb-side.stb-download-container { background: #65ADFE; /* Old browsers */ background: -moz-linear-gradient(top, #65ADFE 30%, #65ADFE 90%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(30%,#65ADFE), color-stop(90%,#65ADFE)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #65ADFE 30%,#65ADFE 90%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #65ADFE 30%,#65ADFE 90%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #65ADFE 30%,#65ADFE 90%); /* IE10+ */ background: linear-gradient(#65ADFE 30%, #65ADFE 90%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#65ADFE', endColorstr='#65ADFE',GradientType=0 ); /* IE6-9 */ } .stb-side-none.stb-download-container { background: #DFF0FF; /* Old browsers */ background: -moz-linear-gradient(top, #DFF0FF 30%, #DFF0FF 90%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(30%,#DFF0FF), color-stop(90%,#DFF0FF)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #DFF0FF 30%,#DFF0FF 90%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #DFF0FF 30%,#DFF0FF 90%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #DFF0FF 30%,#DFF0FF 90%); /* IE10+ */ background: linear-gradient(#DFF0FF 30%, #DFF0FF 90%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#DFF0FF', endColorstr='#DFF0FF',GradientType=0 ); /* IE6-9 */ } .stb-download_box { background: #DFF0FF; /* Old browsers */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#DFF0FF', endColorstr='#DFF0FF',GradientType=0 ); /* IE6-9 */ background: -moz-linear-gradient(top, #DFF0FF 30%, #DFF0FF 90%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(30%,#DFF0FF), color-stop(90%,#DFF0FF)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #DFF0FF 30%,#DFF0FF 90%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #DFF0FF 30%,#DFF0FF 90%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #DFF0FF 30%,#DFF0FF 90%); /* IE10+ */ background: linear-gradient(#DFF0FF 30%, #DFF0FF 90%); /* W3C */ color: #000000; } .stb-download-caption_box { background: #65ADFE; /* Old browsers */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#65ADFE', endColorstr='#65ADFE',GradientType=0 ); /* IE6-9 */ background: -moz-linear-gradient(top, #65ADFE 30%, #65ADFE 90%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(30%,#65ADFE), color-stop(90%,#65ADFE)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #65ADFE 30%,#65ADFE 90%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #65ADFE 30%,#65ADFE 90%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #65ADFE 30%,#65ADFE 90%); /* IE10+ */ background: linear-gradient(#65ADFE 30%, #65ADFE 90%); /* W3C */ color: #FFFFFF; } .stb-download-body_box { background: #DFF0FF; /* Old browsers */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#DFF0FF', endColorstr='#DFF0FF',GradientType=0 ); /* IE6-9 */ background: -moz-linear-gradient(top, #DFF0FF 30%, #DFF0FF 90%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(30%,#DFF0FF), color-stop(90%,#DFF0FF)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #DFF0FF 30%,#DFF0FF 90%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #DFF0FF 30%,#DFF0FF 90%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #DFF0FF 30%,#DFF0FF 90%); /* IE10+ */ background: linear-gradient(#DFF0FF 30%, #DFF0FF 90%); /* W3C */ color: #000000; } .stb-border.stb-info-container { border: 1px solid #7AD975; } .stb-side.stb-info-container { background: #7AD975; /* Old browsers */ background: -moz-linear-gradient(top, #7AD975 30%, #7AD975 90%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(30%,#7AD975), color-stop(90%,#7AD975)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #7AD975 30%,#7AD975 90%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #7AD975 30%,#7AD975 90%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #7AD975 30%,#7AD975 90%); /* IE10+ */ background: linear-gradient(#7AD975 30%, #7AD975 90%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7AD975', endColorstr='#7AD975',GradientType=0 ); /* IE6-9 */ } .stb-side-none.stb-info-container { background: #E2F8DE; /* Old browsers */ background: -moz-linear-gradient(top, #E2F8DE 30%, #E2F8DE 90%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(30%,#E2F8DE), color-stop(90%,#E2F8DE)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #E2F8DE 30%,#E2F8DE 90%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #E2F8DE 30%,#E2F8DE 90%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #E2F8DE 30%,#E2F8DE 90%); /* IE10+ */ background: linear-gradient(#E2F8DE 30%, #E2F8DE 90%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#E2F8DE', endColorstr='#E2F8DE',GradientType=0 ); /* IE6-9 */ } .stb-info_box { background: #E2F8DE; /* Old browsers */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#E2F8DE', endColorstr='#E2F8DE',GradientType=0 ); /* IE6-9 */ background: -moz-linear-gradient(top, #E2F8DE 30%, #E2F8DE 90%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(30%,#E2F8DE), color-stop(90%,#E2F8DE)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #E2F8DE 30%,#E2F8DE 90%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #E2F8DE 30%,#E2F8DE 90%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #E2F8DE 30%,#E2F8DE 90%); /* IE10+ */ background: linear-gradient(#E2F8DE 30%, #E2F8DE 90%); /* W3C */ color: #000000; } .stb-info-caption_box { background: #7AD975; /* Old browsers */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7AD975', endColorstr='#7AD975',GradientType=0 ); /* IE6-9 */ background: -moz-linear-gradient(top, #7AD975 30%, #7AD975 90%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(30%,#7AD975), color-stop(90%,#7AD975)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #7AD975 30%,#7AD975 90%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #7AD975 30%,#7AD975 90%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #7AD975 30%,#7AD975 90%); /* IE10+ */ background: linear-gradient(#7AD975 30%, #7AD975 90%); /* W3C */ color: #FFFFFF; } .stb-info-body_box { background: #E2F8DE; /* Old browsers */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#E2F8DE', endColorstr='#E2F8DE',GradientType=0 ); /* IE6-9 */ background: -moz-linear-gradient(top, #E2F8DE 30%, #E2F8DE 90%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(30%,#E2F8DE), color-stop(90%,#E2F8DE)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #E2F8DE 30%,#E2F8DE 90%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #E2F8DE 30%,#E2F8DE 90%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #E2F8DE 30%,#E2F8DE 90%); /* IE10+ */ background: linear-gradient(#E2F8DE 30%, #E2F8DE 90%); /* W3C */ color: #000000; } .stb-border.stb-warning-container { border: 1px solid #FE9A05; } .stb-side.stb-warning-container { background: #FE9A05; /* Old browsers */ background: -moz-linear-gradient(top, #FE9A05 30%, #FE9A05 90%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(30%,#FE9A05), color-stop(90%,#FE9A05)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #FE9A05 30%,#FE9A05 90%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #FE9A05 30%,#FE9A05 90%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #FE9A05 30%,#FE9A05 90%); /* IE10+ */ background: linear-gradient(#FE9A05 30%, #FE9A05 90%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FE9A05', endColorstr='#FE9A05',GradientType=0 ); /* IE6-9 */ } .stb-side-none.stb-warning-container { background: #FEFFD5; /* Old browsers */ background: -moz-linear-gradient(top, #FEFFD5 30%, #FEFFD5 90%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(30%,#FEFFD5), color-stop(90%,#FEFFD5)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #FEFFD5 30%,#FEFFD5 90%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #FEFFD5 30%,#FEFFD5 90%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #FEFFD5 30%,#FEFFD5 90%); /* IE10+ */ background: linear-gradient(#FEFFD5 30%, #FEFFD5 90%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FEFFD5', endColorstr='#FEFFD5',GradientType=0 ); /* IE6-9 */ } .stb-warning_box { background: #FEFFD5; /* Old browsers */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FEFFD5', endColorstr='#FEFFD5',GradientType=0 ); /* IE6-9 */ background: -moz-linear-gradient(top, #FEFFD5 30%, #FEFFD5 90%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(30%,#FEFFD5), color-stop(90%,#FEFFD5)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #FEFFD5 30%,#FEFFD5 90%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #FEFFD5 30%,#FEFFD5 90%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #FEFFD5 30%,#FEFFD5 90%); /* IE10+ */ background: linear-gradient(#FEFFD5 30%, #FEFFD5 90%); /* W3C */ color: #000000; } .stb-warning-caption_box { background: #FE9A05; /* Old browsers */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FE9A05', endColorstr='#FE9A05',GradientType=0 ); /* IE6-9 */ background: -moz-linear-gradient(top, #FE9A05 30%, #FE9A05 90%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(30%,#FE9A05), color-stop(90%,#FE9A05)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #FE9A05 30%,#FE9A05 90%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #FE9A05 30%,#FE9A05 90%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #FE9A05 30%,#FE9A05 90%); /* IE10+ */ background: linear-gradient(#FE9A05 30%, #FE9A05 90%); /* W3C */ color: #FFFFFF; } .stb-warning-body_box { background: #FEFFD5; /* Old browsers */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FEFFD5', endColorstr='#FEFFD5',GradientType=0 ); /* IE6-9 */ background: -moz-linear-gradient(top, #FEFFD5 30%, #FEFFD5 90%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(30%,#FEFFD5), color-stop(90%,#FEFFD5)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #FEFFD5 30%,#FEFFD5 90%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #FEFFD5 30%,#FEFFD5 90%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #FEFFD5 30%,#FEFFD5 90%); /* IE10+ */ background: linear-gradient(#FEFFD5 30%, #FEFFD5 90%); /* W3C */ color: #000000; } .stb-border.stb-grey-container { border: 1px solid #BBBBBB; } .stb-side.stb-grey-container { background: #BBBBBB; /* Old browsers */ background: -moz-linear-gradient(top, #BBBBBB 30%, #BBBBBB 90%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(30%,#BBBBBB), color-stop(90%,#BBBBBB)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #BBBBBB 30%,#BBBBBB 90%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #BBBBBB 30%,#BBBBBB 90%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #BBBBBB 30%,#BBBBBB 90%); /* IE10+ */ background: linear-gradient(#BBBBBB 30%, #BBBBBB 90%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#BBBBBB', endColorstr='#BBBBBB',GradientType=0 ); /* IE6-9 */ } .stb-side-none.stb-grey-container { background: #EEEEEE; /* Old browsers */ background: -moz-linear-gradient(top, #EEEEEE 30%, #EEEEEE 90%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(30%,#EEEEEE), color-stop(90%,#EEEEEE)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #EEEEEE 30%,#EEEEEE 90%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #EEEEEE 30%,#EEEEEE 90%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #EEEEEE 30%,#EEEEEE 90%); /* IE10+ */ background: linear-gradient(#EEEEEE 30%, #EEEEEE 90%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#EEEEEE', endColorstr='#EEEEEE',GradientType=0 ); /* IE6-9 */ } .stb-grey_box { background: #EEEEEE; /* Old browsers */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#EEEEEE', endColorstr='#EEEEEE',GradientType=0 ); /* IE6-9 */ background: -moz-linear-gradient(top, #EEEEEE 30%, #EEEEEE 90%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(30%,#EEEEEE), color-stop(90%,#EEEEEE)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #EEEEEE 30%,#EEEEEE 90%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #EEEEEE 30%,#EEEEEE 90%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #EEEEEE 30%,#EEEEEE 90%); /* IE10+ */ background: linear-gradient(#EEEEEE 30%, #EEEEEE 90%); /* W3C */ color: #000000; } .stb-grey-caption_box { background: #BBBBBB; /* Old browsers */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#BBBBBB', endColorstr='#BBBBBB',GradientType=0 ); /* IE6-9 */ background: -moz-linear-gradient(top, #BBBBBB 30%, #BBBBBB 90%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(30%,#BBBBBB), color-stop(90%,#BBBBBB)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #BBBBBB 30%,#BBBBBB 90%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #BBBBBB 30%,#BBBBBB 90%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #BBBBBB 30%,#BBBBBB 90%); /* IE10+ */ background: linear-gradient(#BBBBBB 30%, #BBBBBB 90%); /* W3C */ color: #FFFFFF; } .stb-grey-body_box { background: #EEEEEE; /* Old browsers */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#EEEEEE', endColorstr='#EEEEEE',GradientType=0 ); /* IE6-9 */ background: -moz-linear-gradient(top, #EEEEEE 30%, #EEEEEE 90%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(30%,#EEEEEE), color-stop(90%,#EEEEEE)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #EEEEEE 30%,#EEEEEE 90%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #EEEEEE 30%,#EEEEEE 90%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #EEEEEE 30%,#EEEEEE 90%); /* IE10+ */ background: linear-gradient(#EEEEEE 30%, #EEEEEE 90%); /* W3C */ color: #000000; } .stb-border.stb-custom-container { border: 1px solid #2e2e2e; } .stb-side.stb-custom-container { background: #929292; /* Old browsers */ background: -moz-linear-gradient(top, #929292 30%, #929292 90%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(30%,#929292), color-stop(90%,#929292)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #929292 30%,#929292 90%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #929292 30%,#929292 90%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #929292 30%,#929292 90%); /* IE10+ */ background: linear-gradient(#929292 30%, #929292 90%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#929292', endColorstr='#929292',GradientType=0 ); /* IE6-9 */ } .stb-side-none.stb-custom-container { background: #c0c0c0; /* Old browsers */ background: -moz-linear-gradient(top, #c0c0c0 30%, #c0c0c0 90%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(30%,#c0c0c0), color-stop(90%,#c0c0c0)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #c0c0c0 30%,#c0c0c0 90%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #c0c0c0 30%,#c0c0c0 90%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #c0c0c0 30%,#c0c0c0 90%); /* IE10+ */ background: linear-gradient(#c0c0c0 30%, #c0c0c0 90%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c0c0c0', endColorstr='#c0c0c0',GradientType=0 ); /* IE6-9 */ } .stb-custom_box { background: #c0c0c0; /* Old browsers */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c0c0c0', endColorstr='#c0c0c0',GradientType=0 ); /* IE6-9 */ background: -moz-linear-gradient(top, #c0c0c0 30%, #c0c0c0 90%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(30%,#c0c0c0), color-stop(90%,#c0c0c0)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #c0c0c0 30%,#c0c0c0 90%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #c0c0c0 30%,#c0c0c0 90%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #c0c0c0 30%,#c0c0c0 90%); /* IE10+ */ background: linear-gradient(#c0c0c0 30%, #c0c0c0 90%); /* W3C */ color: #000000; } .stb-custom-caption_box { background: #929292; /* Old browsers */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#929292', endColorstr='#929292',GradientType=0 ); /* IE6-9 */ background: -moz-linear-gradient(top, #929292 30%, #929292 90%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(30%,#929292), color-stop(90%,#929292)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #929292 30%,#929292 90%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #929292 30%,#929292 90%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #929292 30%,#929292 90%); /* IE10+ */ background: linear-gradient(#929292 30%, #929292 90%); /* W3C */ color: #ffffff; } .stb-custom-body_box { background: #c0c0c0; /* Old browsers */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c0c0c0', endColorstr='#c0c0c0',GradientType=0 ); /* IE6-9 */ background: -moz-linear-gradient(top, #c0c0c0 30%, #c0c0c0 90%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(30%,#c0c0c0), color-stop(90%,#c0c0c0)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #c0c0c0 30%,#c0c0c0 90%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #c0c0c0 30%,#c0c0c0 90%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #c0c0c0 30%,#c0c0c0 90%); /* IE10+ */ background: linear-gradient(#c0c0c0 30%, #c0c0c0 90%); /* W3C */ color: #000000; }