.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 none #FF4F4A; } .stb-side.stb-alert-container { background: #f037e0; /* Old browsers */ background: -moz-linear-gradient(top, #f037e0 30%, #bdb1b9 90%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(30%,#f037e0), color-stop(90%,#bdb1b9)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #f037e0 30%,#bdb1b9 90%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #f037e0 30%,#bdb1b9 90%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #f037e0 30%,#bdb1b9 90%); /* IE10+ */ background: linear-gradient(#f037e0 30%, #bdb1b9 90%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f037e0', endColorstr='#bdb1b9',GradientType=0 ); /* IE6-9 */ } .stb-side-none.stb-alert-container { background: #fDCBC9; /* Old browsers */ background: -moz-linear-gradient(top, #fDCBC9 30%, #FB7D78 90%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(30%,#fDCBC9), color-stop(90%,#FB7D78)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #fDCBC9 30%,#FB7D78 90%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #fDCBC9 30%,#FB7D78 90%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #fDCBC9 30%,#FB7D78 90%); /* IE10+ */ background: linear-gradient(#fDCBC9 30%, #FB7D78 90%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fDCBC9', endColorstr='#FB7D78',GradientType=0 ); /* IE6-9 */ } .stb-alert_box { background: #fDCBC9; /* Old browsers */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fDCBC9', endColorstr='#FB7D78',GradientType=0 ); /* IE6-9 */ background: -moz-linear-gradient(top, #fDCBC9 30%, #FB7D78 90%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(30%,#fDCBC9), color-stop(90%,#FB7D78)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #fDCBC9 30%,#FB7D78 90%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #fDCBC9 30%,#FB7D78 90%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #fDCBC9 30%,#FB7D78 90%); /* IE10+ */ background: linear-gradient(#fDCBC9 30%, #FB7D78 90%); /* W3C */ color: #000000; } .stb-alert-caption_box { background: #f037e0; /* Old browsers */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f037e0', endColorstr='#bdb1b9',GradientType=0 ); /* IE6-9 */ background: -moz-linear-gradient(top, #f037e0 30%, #bdb1b9 90%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(30%,#f037e0), color-stop(90%,#bdb1b9)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #f037e0 30%,#bdb1b9 90%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #f037e0 30%,#bdb1b9 90%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #f037e0 30%,#bdb1b9 90%); /* IE10+ */ background: linear-gradient(#f037e0 30%, #bdb1b9 90%); /* W3C */ color: #000000; } .stb-alert-body_box { background: #fDCBC9; /* Old browsers */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fDCBC9', endColorstr='#FB7D78',GradientType=0 ); /* IE6-9 */ background: -moz-linear-gradient(top, #fDCBC9 30%, #FB7D78 90%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(30%,#fDCBC9), color-stop(90%,#FB7D78)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #fDCBC9 30%,#FB7D78 90%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #fDCBC9 30%,#FB7D78 90%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #fDCBC9 30%,#FB7D78 90%); /* IE10+ */ background: linear-gradient(#fDCBC9 30%, #FB7D78 90%); /* W3C */ color: #000000; } .stb-border.stb-black-container { border: 1px none #6E6E6E; } .stb-side.stb-black-container { background: #4B4747; /* Old browsers */ background: -moz-linear-gradient(top, #4B4747 30%, #141414 90%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(30%,#4B4747), color-stop(90%,#141414)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #4B4747 30%,#141414 90%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #4B4747 30%,#141414 90%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #4B4747 30%,#141414 90%); /* IE10+ */ background: linear-gradient(#4B4747 30%, #141414 90%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4B4747', endColorstr='#141414',GradientType=0 ); /* IE6-9 */ } .stb-side-none.stb-black-container { background: #3B3B3B; /* Old browsers */ background: -moz-linear-gradient(top, #3B3B3B 30%, #000000 90%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(30%,#3B3B3B), color-stop(90%,#000000)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #3B3B3B 30%,#000000 90%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #3B3B3B 30%,#000000 90%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #3B3B3B 30%,#000000 90%); /* IE10+ */ background: linear-gradient(#3B3B3B 30%, #000000 90%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3B3B3B', endColorstr='#000000',GradientType=0 ); /* IE6-9 */ } .stb-black_box { background: #3B3B3B; /* Old browsers */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3B3B3B', endColorstr='#000000',GradientType=0 ); /* IE6-9 */ background: -moz-linear-gradient(top, #3B3B3B 30%, #000000 90%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(30%,#3B3B3B), color-stop(90%,#000000)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #3B3B3B 30%,#000000 90%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #3B3B3B 30%,#000000 90%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #3B3B3B 30%,#000000 90%); /* IE10+ */ background: linear-gradient(#3B3B3B 30%, #000000 90%); /* W3C */ color: #FFFFFF; } .stb-black-caption_box { background: #4B4747; /* Old browsers */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4B4747', endColorstr='#141414',GradientType=0 ); /* IE6-9 */ background: -moz-linear-gradient(top, #4B4747 30%, #141414 90%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(30%,#4B4747), color-stop(90%,#141414)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #4B4747 30%,#141414 90%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #4B4747 30%,#141414 90%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #4B4747 30%,#141414 90%); /* IE10+ */ background: linear-gradient(#4B4747 30%, #141414 90%); /* W3C */ color: #FFFFFF; } .stb-black-body_box { background: #3B3B3B; /* Old browsers */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3B3B3B', endColorstr='#000000',GradientType=0 ); /* IE6-9 */ background: -moz-linear-gradient(top, #3B3B3B 30%, #000000 90%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(30%,#3B3B3B), color-stop(90%,#000000)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #3B3B3B 30%,#000000 90%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #3B3B3B 30%,#000000 90%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #3B3B3B 30%,#000000 90%); /* IE10+ */ background: linear-gradient(#3B3B3B 30%, #000000 90%); /* W3C */ color: #FFFFFF; } .stb-border.stb-custom-container { border: 1px none #F844EE; } .stb-side.stb-custom-container { background: #1D1A1A; /* Old browsers */ background: -moz-linear-gradient(top, #1D1A1A 30%, #504848 90%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(30%,#1D1A1A), color-stop(90%,#504848)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #1D1A1A 30%,#504848 90%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #1D1A1A 30%,#504848 90%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #1D1A1A 30%,#504848 90%); /* IE10+ */ background: linear-gradient(#1D1A1A 30%, #504848 90%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1D1A1A', endColorstr='#504848',GradientType=0 ); /* IE6-9 */ } .stb-side-none.stb-custom-container { background: #F7CDF5; /* Old browsers */ background: -moz-linear-gradient(top, #F7CDF5 30%, #F77DF1 90%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(30%,#F7CDF5), color-stop(90%,#F77DF1)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #F7CDF5 30%,#F77DF1 90%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #F7CDF5 30%,#F77DF1 90%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #F7CDF5 30%,#F77DF1 90%); /* IE10+ */ background: linear-gradient(#F7CDF5 30%, #F77DF1 90%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F7CDF5', endColorstr='#F77DF1',GradientType=0 ); /* IE6-9 */ } .stb-custom_box { background: #F7CDF5; /* Old browsers */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F7CDF5', endColorstr='#F77DF1',GradientType=0 ); /* IE6-9 */ background: -moz-linear-gradient(top, #F7CDF5 30%, #F77DF1 90%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(30%,#F7CDF5), color-stop(90%,#F77DF1)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #F7CDF5 30%,#F77DF1 90%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #F7CDF5 30%,#F77DF1 90%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #F7CDF5 30%,#F77DF1 90%); /* IE10+ */ background: linear-gradient(#F7CDF5 30%, #F77DF1 90%); /* W3C */ color: #000000; } .stb-custom-caption_box { background: #1D1A1A; /* Old browsers */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1D1A1A', endColorstr='#504848',GradientType=0 ); /* IE6-9 */ background: -moz-linear-gradient(top, #1D1A1A 30%, #504848 90%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(30%,#1D1A1A), color-stop(90%,#504848)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #1D1A1A 30%,#504848 90%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #1D1A1A 30%,#504848 90%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #1D1A1A 30%,#504848 90%); /* IE10+ */ background: linear-gradient(#1D1A1A 30%, #504848 90%); /* W3C */ color: #FFFFFF; } .stb-custom-body_box { background: #F7CDF5; /* Old browsers */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F7CDF5', endColorstr='#F77DF1',GradientType=0 ); /* IE6-9 */ background: -moz-linear-gradient(top, #F7CDF5 30%, #F77DF1 90%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(30%,#F7CDF5), color-stop(90%,#F77DF1)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #F7CDF5 30%,#F77DF1 90%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #F7CDF5 30%,#F77DF1 90%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #F7CDF5 30%,#F77DF1 90%); /* IE10+ */ background: linear-gradient(#F7CDF5 30%, #F77DF1 90%); /* W3C */ color: #000000; } .stb-border.stb-download-container { border: 1px none #65ADFE; } .stb-side.stb-download-container { background: #1D1A1A; /* Old browsers */ background: -moz-linear-gradient(top, #1D1A1A 30%, #504848 90%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(30%,#1D1A1A), color-stop(90%,#504848)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #1D1A1A 30%,#504848 90%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #1D1A1A 30%,#504848 90%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #1D1A1A 30%,#504848 90%); /* IE10+ */ background: linear-gradient(#1D1A1A 30%, #504848 90%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1D1A1A', endColorstr='#504848',GradientType=0 ); /* IE6-9 */ } .stb-side-none.stb-download-container { background: #78C0F7; /* Old browsers */ background: -moz-linear-gradient(top, #78C0F7 30%, #2E7CB9 90%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(30%,#78C0F7), color-stop(90%,#2E7CB9)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #78C0F7 30%,#2E7CB9 90%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #78C0F7 30%,#2E7CB9 90%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #78C0F7 30%,#2E7CB9 90%); /* IE10+ */ background: linear-gradient(#78C0F7 30%, #2E7CB9 90%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#78C0F7', endColorstr='#2E7CB9',GradientType=0 ); /* IE6-9 */ } .stb-download_box { background: #78C0F7; /* Old browsers */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#78C0F7', endColorstr='#2E7CB9',GradientType=0 ); /* IE6-9 */ background: -moz-linear-gradient(top, #78C0F7 30%, #2E7CB9 90%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(30%,#78C0F7), color-stop(90%,#2E7CB9)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #78C0F7 30%,#2E7CB9 90%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #78C0F7 30%,#2E7CB9 90%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #78C0F7 30%,#2E7CB9 90%); /* IE10+ */ background: linear-gradient(#78C0F7 30%, #2E7CB9 90%); /* W3C */ color: #000000; } .stb-download-caption_box { background: #1D1A1A; /* Old browsers */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1D1A1A', endColorstr='#504848',GradientType=0 ); /* IE6-9 */ background: -moz-linear-gradient(top, #1D1A1A 30%, #504848 90%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(30%,#1D1A1A), color-stop(90%,#504848)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #1D1A1A 30%,#504848 90%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #1D1A1A 30%,#504848 90%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #1D1A1A 30%,#504848 90%); /* IE10+ */ background: linear-gradient(#1D1A1A 30%, #504848 90%); /* W3C */ color: #FFFFFF; } .stb-download-body_box { background: #78C0F7; /* Old browsers */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#78C0F7', endColorstr='#2E7CB9',GradientType=0 ); /* IE6-9 */ background: -moz-linear-gradient(top, #78C0F7 30%, #2E7CB9 90%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(30%,#78C0F7), color-stop(90%,#2E7CB9)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #78C0F7 30%,#2E7CB9 90%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #78C0F7 30%,#2E7CB9 90%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #78C0F7 30%,#2E7CB9 90%); /* IE10+ */ background: linear-gradient(#78C0F7 30%, #2E7CB9 90%); /* W3C */ color: #000000; } .stb-border.stb-grey-container { border: 1px none #BBBBBB; } .stb-side.stb-grey-container { background: #B5B5B5; /* Old browsers */ background: -moz-linear-gradient(top, #B5B5B5 30%, #6E6E6E 90%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(30%,#B5B5B5), color-stop(90%,#6E6E6E)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #B5B5B5 30%,#6E6E6E 90%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #B5B5B5 30%,#6E6E6E 90%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #B5B5B5 30%,#6E6E6E 90%); /* IE10+ */ background: linear-gradient(#B5B5B5 30%, #6E6E6E 90%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#B5B5B5', endColorstr='#6E6E6E',GradientType=0 ); /* IE6-9 */ } .stb-side-none.stb-grey-container { background: #E3E3E3; /* Old browsers */ background: -moz-linear-gradient(top, #E3E3E3 30%, #ABABAB 90%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(30%,#E3E3E3), color-stop(90%,#ABABAB)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #E3E3E3 30%,#ABABAB 90%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #E3E3E3 30%,#ABABAB 90%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #E3E3E3 30%,#ABABAB 90%); /* IE10+ */ background: linear-gradient(#E3E3E3 30%, #ABABAB 90%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#E3E3E3', endColorstr='#ABABAB',GradientType=0 ); /* IE6-9 */ } .stb-grey_box { background: #E3E3E3; /* Old browsers */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#E3E3E3', endColorstr='#ABABAB',GradientType=0 ); /* IE6-9 */ background: -moz-linear-gradient(top, #E3E3E3 30%, #ABABAB 90%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(30%,#E3E3E3), color-stop(90%,#ABABAB)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #E3E3E3 30%,#ABABAB 90%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #E3E3E3 30%,#ABABAB 90%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #E3E3E3 30%,#ABABAB 90%); /* IE10+ */ background: linear-gradient(#E3E3E3 30%, #ABABAB 90%); /* W3C */ color: #000000; } .stb-grey-caption_box { background: #B5B5B5; /* Old browsers */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#B5B5B5', endColorstr='#6E6E6E',GradientType=0 ); /* IE6-9 */ background: -moz-linear-gradient(top, #B5B5B5 30%, #6E6E6E 90%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(30%,#B5B5B5), color-stop(90%,#6E6E6E)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #B5B5B5 30%,#6E6E6E 90%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #B5B5B5 30%,#6E6E6E 90%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #B5B5B5 30%,#6E6E6E 90%); /* IE10+ */ background: linear-gradient(#B5B5B5 30%, #6E6E6E 90%); /* W3C */ color: #FFFFFF; } .stb-grey-body_box { background: #E3E3E3; /* Old browsers */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#E3E3E3', endColorstr='#ABABAB',GradientType=0 ); /* IE6-9 */ background: -moz-linear-gradient(top, #E3E3E3 30%, #ABABAB 90%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(30%,#E3E3E3), color-stop(90%,#ABABAB)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #E3E3E3 30%,#ABABAB 90%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #E3E3E3 30%,#ABABAB 90%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #E3E3E3 30%,#ABABAB 90%); /* IE10+ */ background: linear-gradient(#E3E3E3 30%, #ABABAB 90%); /* W3C */ color: #000000; } .stb-border.stb-info-container { border: 1px none #7AD975; } .stb-side.stb-info-container { background: #1D1A1A; /* Old browsers */ background: -moz-linear-gradient(top, #1D1A1A 30%, #504848 90%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(30%,#1D1A1A), color-stop(90%,#504848)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #1D1A1A 30%,#504848 90%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #1D1A1A 30%,#504848 90%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #1D1A1A 30%,#504848 90%); /* IE10+ */ background: linear-gradient(#1D1A1A 30%, #504848 90%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1D1A1A', endColorstr='#504848',GradientType=0 ); /* IE6-9 */ } .stb-side-none.stb-info-container { background: #e879bd; /* Old browsers */ background: -moz-linear-gradient(top, #e879bd 30%, #fdf2ff 90%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(30%,#e879bd), color-stop(90%,#fdf2ff)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #e879bd 30%,#fdf2ff 90%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #e879bd 30%,#fdf2ff 90%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #e879bd 30%,#fdf2ff 90%); /* IE10+ */ background: linear-gradient(#e879bd 30%, #fdf2ff 90%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e879bd', endColorstr='#fdf2ff',GradientType=0 ); /* IE6-9 */ } .stb-info_box { background: #e879bd; /* Old browsers */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e879bd', endColorstr='#fdf2ff',GradientType=0 ); /* IE6-9 */ background: -moz-linear-gradient(top, #e879bd 30%, #fdf2ff 90%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(30%,#e879bd), color-stop(90%,#fdf2ff)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #e879bd 30%,#fdf2ff 90%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #e879bd 30%,#fdf2ff 90%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #e879bd 30%,#fdf2ff 90%); /* IE10+ */ background: linear-gradient(#e879bd 30%, #fdf2ff 90%); /* W3C */ color: #000000; } .stb-info-caption_box { background: #1D1A1A; /* Old browsers */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1D1A1A', endColorstr='#504848',GradientType=0 ); /* IE6-9 */ background: -moz-linear-gradient(top, #1D1A1A 30%, #504848 90%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(30%,#1D1A1A), color-stop(90%,#504848)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #1D1A1A 30%,#504848 90%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #1D1A1A 30%,#504848 90%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #1D1A1A 30%,#504848 90%); /* IE10+ */ background: linear-gradient(#1D1A1A 30%, #504848 90%); /* W3C */ color: #FFFFFF; } .stb-info-body_box { background: #e879bd; /* Old browsers */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e879bd', endColorstr='#fdf2ff',GradientType=0 ); /* IE6-9 */ background: -moz-linear-gradient(top, #e879bd 30%, #fdf2ff 90%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(30%,#e879bd), color-stop(90%,#fdf2ff)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #e879bd 30%,#fdf2ff 90%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #e879bd 30%,#fdf2ff 90%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #e879bd 30%,#fdf2ff 90%); /* IE10+ */ background: linear-gradient(#e879bd 30%, #fdf2ff 90%); /* W3C */ color: #000000; } .stb-border.stb-warning-container { border: 1px none #FE9A05; } .stb-side.stb-warning-container { background: #1D1A1A; /* Old browsers */ background: -moz-linear-gradient(top, #1D1A1A 30%, #504848 90%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(30%,#1D1A1A), color-stop(90%,#504848)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #1D1A1A 30%,#504848 90%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #1D1A1A 30%,#504848 90%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #1D1A1A 30%,#504848 90%); /* IE10+ */ background: linear-gradient(#1D1A1A 30%, #504848 90%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1D1A1A', endColorstr='#504848',GradientType=0 ); /* IE6-9 */ } .stb-side-none.stb-warning-container { background: #F8FC91; /* Old browsers */ background: -moz-linear-gradient(top, #F8FC91 30%, #F0D208 90%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(30%,#F8FC91), color-stop(90%,#F0D208)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #F8FC91 30%,#F0D208 90%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #F8FC91 30%,#F0D208 90%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #F8FC91 30%,#F0D208 90%); /* IE10+ */ background: linear-gradient(#F8FC91 30%, #F0D208 90%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F8FC91', endColorstr='#F0D208',GradientType=0 ); /* IE6-9 */ } .stb-warning_box { background: #F8FC91; /* Old browsers */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F8FC91', endColorstr='#F0D208',GradientType=0 ); /* IE6-9 */ background: -moz-linear-gradient(top, #F8FC91 30%, #F0D208 90%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(30%,#F8FC91), color-stop(90%,#F0D208)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #F8FC91 30%,#F0D208 90%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #F8FC91 30%,#F0D208 90%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #F8FC91 30%,#F0D208 90%); /* IE10+ */ background: linear-gradient(#F8FC91 30%, #F0D208 90%); /* W3C */ color: #000000; } .stb-warning-caption_box { background: #1D1A1A; /* Old browsers */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1D1A1A', endColorstr='#504848',GradientType=0 ); /* IE6-9 */ background: -moz-linear-gradient(top, #1D1A1A 30%, #504848 90%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(30%,#1D1A1A), color-stop(90%,#504848)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #1D1A1A 30%,#504848 90%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #1D1A1A 30%,#504848 90%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #1D1A1A 30%,#504848 90%); /* IE10+ */ background: linear-gradient(#1D1A1A 30%, #504848 90%); /* W3C */ color: #FFFFFF; } .stb-warning-body_box { background: #F8FC91; /* Old browsers */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F8FC91', endColorstr='#F0D208',GradientType=0 ); /* IE6-9 */ background: -moz-linear-gradient(top, #F8FC91 30%, #F0D208 90%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(30%,#F8FC91), color-stop(90%,#F0D208)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #F8FC91 30%,#F0D208 90%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #F8FC91 30%,#F0D208 90%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #F8FC91 30%,#F0D208 90%); /* IE10+ */ background: linear-gradient(#F8FC91 30%, #F0D208 90%); /* W3C */ color: #000000; }