diff options
| -rw-r--r-- | configs/conferences/33c3/main.less | 163 |
1 files changed, 163 insertions, 0 deletions
diff --git a/configs/conferences/33c3/main.less b/configs/conferences/33c3/main.less new file mode 100644 index 0000000..e0ea9d8 --- /dev/null +++ b/configs/conferences/33c3/main.less @@ -0,0 +1,163 @@ +@import "../../../assets/css/_structure.less"; + +// conference specific styles here +@darker-grey: lighten(black, 15%); +@dark-grey: lighten(black, 20%); +@light-grey: lighten(black, 30%); +@lighter-grey: lighten(black, 40%); + +// often configured values (and their defaults): +// +@brand-primary: #f19224; +@text-color: white; + +@link-color: white; +@link-hover-color: @lighter-grey; + +@navbar-height: 70px; + +@navbar-default-color: white; +@navbar-default-bg: #000; + +@navbar-default-border: white; + +@navbar-default-link-color: white; +//@navbar-default-link-hover-color: @link-hover-color; + +@font-face { + font-family: 'Roboto Condensed'; + font-style: normal; + font-weight: 300; + src: url('roboto-condensed-v13-latin-300.eot'); /* IE9 Compat Modes */ + src: local('Roboto Condensed Light'), local('RobotoCondensed-Light'), + url('roboto-condensed-v13-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ + url('roboto-condensed-v13-latin-300.woff2') format('woff2'), /* Super Modern Browsers */ + url('roboto-condensed-v13-latin-300.woff') format('woff'), /* Modern Browsers */ + url('roboto-condensed-v13-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */ + url('roboto-condensed-v13-latin-300.svg#RobotoCondensed') format('svg'); /* Legacy iOS */ +} + +body { + background-color: black; + padding: @navbar-height 0 +} + +.panel-default { + color: @dark-grey; + a { + color: @dark-grey; + } +} +.panel-primary { + background-color: @light-grey; + border-color: @light-grey; + color: white; + a { + color: white; + } +} + +h1, h2, body.overview .room a.title, body.overview .panel-primary a, .navbar-brand { + font-family: 'Roboto Condensed'; + font-weight: 300; +} + +.navbar-brand { + font-size: 20px; +} + +.well { + color: @dark-grey; +} + +.banner { + margin-top: 40px; + background: url(logo.gif) no-repeat center; + height: 170px; + text-indent: -9999em; +} + +@media (max-width: 480px) { + .banner { + margin-top: 60px; + } +} + +.player-wrap { + background-color: @darker-grey; +} + +.nav-tabs > li > a { + border-color: @dark-grey; +} + +nav .navbar-form { + margin-top: 0; + margin-bottom: 0; + padding: 0; +} + +nav .button-wrapper > .btn { + width: 70px; + height: 70px; + margin-left: -1px; + border-color: white; + border-top: 0; + border-bottom: 0; + border-radius: 0; + background: url(icons.png) no-repeat left top; + text-indent: -9999px; + display: block; + float: left; +} + +nav .button-wrapper > .btn-ssl { + background-position: -72px top; +} + +nav .button-wrapper > .btn-ssl.btn-success { + background-position: left top; +} + +nav .button-wrapper > .feedback { + background-position: -216px top; +} + +nav .button-wrapper > .releases { + background-position: -144px top; +} + +nav .button-wrapper > .about { + background-position: -288px top; +} + +.well a { + color: @dark-grey; + text-decoration: underline; +} +.alert { + a { + text-decoration: underline; + } + &.alert-success a { + color: @state-success-text; + } + &.alert-info a { + color: @state-info-text; + } + &.alert-warning a { + color: @state-warning-text; + } + &.alert-danger a { + color: @state-danger-text; + } +} + +body.multiview .cell { + color: black; +} + +.closed .about a { + text-decoration: underline; + color: @brand-primary; +} |