Skip to content

Instantly share code, notes, and snippets.

@MaxPower15
Created August 8, 2012 15:59
Show Gist options
  • Save MaxPower15/3296195 to your computer and use it in GitHub Desktop.
Save MaxPower15/3296195 to your computer and use it in GitHub Desktop.
CSS for Tutoring Zone's badger playlist theme
.wistia_bento_section_names li {
border-top-right-radius: 5px 5px !important;
border-top-left-radius: 5px 5px !important;
-moz-border-top-right-radius: 5px 5px !important;
-moz-border-top-left-radius: 5px 5px !important;
margin-left: 0 !important;
margin-right: 10px !important;
}
.wistia_bento_section_names a {
font-family: georgia, palatino, "Palatino Linotype", serif !important;
font-size: 16px !important;
border-top-right-radius: 5px 5px !important;
border-top-left-radius: 5px 5px !important;
-moz-border-top-right-radius: 5px 5px !important;
-moz-border-top-left-radius: 5px 5px !important;
}
.wistia_bento_section_names a:hover {
background: #f0f0f0; /* Old browsers */
background: -moz-radial-gradient(center, ellipse cover, #f0f0f0 0%, #55bc1a 100%) !important; /* FF3.6+ */
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#f0f0f0), color-stop(100%,#55bc1a)) !important; /* Chrome,Safari4+ */
background: -webkit-radial-gradient(center, ellipse cover, #f0f0f0 0%,#55bc1a 100%) !important; /* Chrome10+,Safari5.1+ */
background: -o-radial-gradient(center, ellipse cover, #f0f0f0 0%,#55bc1a 100%) !important; /* Opera 12+ */
background: -ms-radial-gradient(center, ellipse cover, #f0f0f0 0%,#55bc1a 100%) !important; /* IE10+ */
background: radial-gradient(center, ellipse cover, #f0f0f0 0%,#55bc1a 100%) !important; /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0f0f0', endColorstr='#55bc1a',GradientType=1 ) !important; /* IE6-9 fallback on horizontal gradient */
color: black !important;
}
.wistia_bento_section_names a.selected {
background: #55bc1a !important; /* Old browsers */
background: -moz-radial-gradient(center, ellipse cover, #55bc1a 0%, #357510 99%) !important; /* FF3.6+ */
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#55bc1a), color-stop(99%,#357510)) !important; /* Chrome,Safari4+ */
background: -webkit-radial-gradient(center, ellipse cover, #55bc1a 0%,#357510 99%) !important; /* Chrome10+,Safari5.1+ */
background: -o-radial-gradient(center, ellipse cover, #55bc1a 0%,#357510 99%) !important; /* Opera 12+ */
background: -ms-radial-gradient(center, ellipse cover, #55bc1a 0%,#357510 99%) !important; /* IE10+ */
background: radial-gradient(center, ellipse cover, #55bc1a 0%,#357510 99%) !important; /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#55bc1a', endColorstr='#357510',GradientType=1 ) !important; /* IE6-9 fallback on horizontal gradient */
}
.wistia_bento_menu a {
font-family: georgia, palatino, "Palatino Linotype", serif !important;
font-size: 12px !important;
}
.wistia_bento_menu .wistia_bento_item_thumb {
-webkit-border-radius: 5px !important;
-moz-border-radius: 5px !important;
border-radius: 5px !important;
}
.wistia_bento_menu .selected a {
background: #55bc1a !important; /* Old browsers */
background: -moz-radial-gradient(center, ellipse cover, #55bc1a 0%, #357510 99%) !important; /* FF3.6+ */
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#55bc1a), color-stop(99%,#357510)) !important; /* Chrome,Safari4+ */
background: -webkit-radial-gradient(center, ellipse cover, #55bc1a 0%,#357510 99%) !important; /* Chrome10+,Safari5.1+ */
background: -o-radial-gradient(center, ellipse cover, #55bc1a 0%,#357510 99%) !important; /* Opera 12+ */
background: -ms-radial-gradient(center, ellipse cover, #55bc1a 0%,#357510 99%) !important; /* IE10+ */
background: radial-gradient(center, ellipse cover, #55bc1a 0%,#357510 99%) !important; /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#55bc1a', endColorstr='#357510',GradientType=1 ) !important; /* IE6-9 fallback on horizontal gradient */
}
.wistia_bento_menu li:hover {
background-color: #72BA48 !important;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment