diff options
Diffstat (limited to 'assets/css/lustige-styles.css')
-rw-r--r-- | assets/css/lustige-styles.css | 245 |
1 files changed, 39 insertions, 206 deletions
diff --git a/assets/css/lustige-styles.css b/assets/css/lustige-styles.css index f597d2f..f98f32c 100644 --- a/assets/css/lustige-styles.css +++ b/assets/css/lustige-styles.css @@ -5497,223 +5497,57 @@ a.inverted { top: 0.15em; margin-right: 0.3em; } -/* promoted videos */ -.promoted { +/* banner area */ +.banner { width: 100%; height: 300px; overflow: hidden; text-align: center; - background-image: url("assets/img/promoted_bg.jpg"); } - .promoted .carousel.slide { - height: 290px; + background-image: url("../img/promoted_bg.jpg"); + position: relative; } + .banner img { position: relative; - top: -112px; } - .promoted .carousel-inner { - height: 100%; } - .promoted .item:hover { - text-decoration: none; } - .promoted .item img { + z-index: 1; height: 190px; display: inline-block; margin-top: 12px; - border: 1px solid rgba(255, 255, 255, 0.3); } - .promoted .titlebar { + border: 1px solid rgba(255, 255, 255, 0.3); + background-color: rgba(255, 255, 255, 0.3); } + .banner .titlebar { width: 100%; height: 112px; background-color: rgba(255, 255, 255, 0.3); - position: relative; - top: 188px; } - .promoted .carousel-caption { - position: relative; - top: 0; - height: 90px; - overflow: hidden; - left: initial; - right: initial; - padding: 0; } - .promoted .title { + position: absolute; + line-height: 112px; + bottom: 0; color: white; - margin: 0.7em; - margin-bottom: 0; } - .promoted .subtitle { - font-size: 18px; - color: #d87500; - margin: 0 0.8em; - text-overflow: ellipsis; - white-space: nowrap; - overflow: hidden; } - -/* browse folders and conferences */ -.thumbnail { - display: block; - float: left; - text-align: center; - font-size: 16px; - min-width: 130px; - margin: 5px; - height: 135px; } - .thumbnail .header { - text-align: left; } - .thumbnail:hover, .thumbnail:focus, .thumbnail:active { - text-decoration: none; } - .thumbnail.folder { - background-color: #d87500; - color: white; } - .thumbnail.folder .header { - margin-bottom: 10px; } - .thumbnail.folder .fa.fa-folder { - font-size: 40px; - padding: 10px 0; } - .thumbnail.folder:hover, .thumbnail.folder:focus, .thumbnail.folder:active { - background-color: #333333; } - .thumbnail.folder .caption { - color: white; } - .thumbnail.conference { - color: #333333; } - .thumbnail.conference img { - height: 64px; - margin: 5px auto; } - .thumbnail.conference .caption { - color: white; - background-color: #333333; - -webkit-transition: all 0.2s ease-in-out; - -o-transition: all 0.2s ease-in-out; - transition: all 0.2s ease-in-out; } - .thumbnail.conference:hover, .thumbnail.conference:focus, .thumbnail.conference:active { - color: #d87500; } - .thumbnail.conference:hover .caption, .thumbnail.conference:focus .caption, .thumbnail.conference:active .caption { - background-color: #d87500; } - -/* events overview */ -.event-previews .event-preview, .event-previews-tags .event-preview, .event-previews-search .event-preview { - margin: 16px 0; - display: block; - clear: both; - height: 120px; } - .event-previews .event-preview .video-thumbnail, .event-previews-tags .event-preview .video-thumbnail, .event-previews-search .event-preview .video-thumbnail { - float: left; - height: 120px; - width: 160px; } - .event-previews .event-preview:hover, .event-previews .event-preview:focus, .event-previews .event-preview:active, .event-previews-tags .event-preview:hover, .event-previews-tags .event-preview:focus, .event-previews-tags .event-preview:active, .event-previews-search .event-preview:hover, .event-previews-search .event-preview:focus, .event-previews-search .event-preview:active { - text-decoration: none; } - .event-previews .event-preview:hover .caption h3, .event-previews .event-preview:focus .caption h3, .event-previews .event-preview:active .caption h3, .event-previews-tags .event-preview:hover .caption h3, .event-previews-tags .event-preview:focus .caption h3, .event-previews-tags .event-preview:active .caption h3, .event-previews-search .event-preview:hover .caption h3, .event-previews-search .event-preview:focus .caption h3, .event-previews-search .event-preview:active .caption h3 { - color: #d87500; } - .event-previews .event-preview:hover .metadata li, .event-previews .event-preview:focus .metadata li, .event-previews .event-preview:active .metadata li, .event-previews-tags .event-preview:hover .metadata li, .event-previews-tags .event-preview:focus .metadata li, .event-previews-tags .event-preview:active .metadata li, .event-previews-search .event-preview:hover .metadata li, .event-previews-search .event-preview:focus .metadata li, .event-previews-search .event-preview:active .metadata li { - color: #d87500; } - .event-previews .event-preview .metadata, .event-previews-tags .event-preview .metadata, .event-previews-search .event-preview .metadata { - text-align: left; - border: none; } - .event-previews .event-preview .metadata li, .event-previews-tags .event-preview .metadata li, .event-previews-search .event-preview .metadata li { - padding: 1px; - padding-right: 5px; - color: #333333; - min-width: inherit; } - .event-previews .event-preview .caption, .event-previews-tags .event-preview .caption, .event-previews-search .event-preview .caption { - margin-left: 160px; - padding-left: 16px; } - .event-previews .event-preview .caption h3, .event-previews-tags .event-preview .caption h3, .event-previews-search .event-preview .caption h3 { - margin-top: 0; - color: black; } - -.events-header { - clear: both; } - .events-header img { - float: left; - max-height: 40px; - margin-right: 10px; } - .events-header #sorting { - margin: 10px 0; - float: right; } + font-size: 30px; + text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); } -/* event overview for tags */ -.event-previews-tags .event-preview, -.event-previews-search .event-preview { - height: auto; +.rooms .room-group { + background-color: #333333; overflow: hidden; - /* search results numbering */ } - .event-previews-tags .event-preview h3 .number::after, - .event-previews-search .event-preview h3 .number::after { - content: '.'; } - .event-previews-tags .event-preview .conference-logo, - .event-previews-search .event-preview .conference-logo { - float: left; - width: 100px; - height: auto; } - .event-previews-tags .event-preview .caption, - .event-previews-search .event-preview .caption { - margin-left: 100px; } - .event-previews-tags .event-preview .metadata, - .event-previews-search .event-preview .metadata { - margin-bottom: 0; } - -.search { - /* search results listing */ } - .search h1 { - margin-bottom: 10px; } - .search .statistics { - margin-top: 15px; - display: none; } - .search .statistics.visible { - display: block; } - .search .paging { - display: none; - clear: both; - font-size: 24px; - margin: 50px 0 0 80px; } - .search .paging.visible { - display: block; } - .search .paging li { - display: block; - text-align: center; - float: left; - list-style-type: none; - padding: 0 5px; } - .search .paging li a:hover { - text-decoration: none; } - .search .paging li.next, .search .paging li.prev { - display: none; } - .search .paging li.next.visible, .search .paging li.prev.visible { - display: block; } - .search .paging li.next { - margin-left: 12px; } - .search .paging li.prev { - margin-right: 12px; } - .search .paging li.active { - background-color: #555; - border-radius: 5px; } - .search .paging li.active a, .search .paging li.active a:hover { - color: #eee; } - .search ol.event-previews-search { + margin-bottom: 2em; } + .rooms .room-group h2 { + margin: 0.6em 1.2em; } + .rooms .room-group ul { list-style-type: none; } - .search ol.event-previews-search, .search ol.event-previews-search > li { - margin: 0; - padding: 0; } - .search ol.event-previews-search > li.no-results { - margin: 30px 0; } - -/* Font classes - Tags */ -.tag-cloud { - margin-top: 1.5em; } - -.tag-cloud .xtiny { - font-size: 0.9em; - text-decoration: none; } - -.tag-cloud .tiny { - font-size: 1.1em; - font-weight: lighter; } - -.tag-cloud .normal { - font-size: 1.3em; - text-decoration: none; } - -.tag-cloud .large { - font-size: 1.5em; - text-decoration: none; } - -.tag-cloud .xlarge { - font-size: 1.75em; - font-weight: bold; } + .rooms .room-group li { + list-style-type: none; + width: 49%; + margin-bottom: 1%; + height: 3em; + float: left; } + .rooms .room-group li a { + color: white; + display: block; + width: 100%; + height: 100%; + line-height: 100%; + font-size: 1.75em; + font-weight: bold; } + .rooms .room-group li:nth-child(2n+1) { + margin-right: 1%; } /* and now for medium screens: */ @media all and (min-width: 450px) and (max-width: 700px) { @@ -5761,10 +5595,9 @@ a.inverted { /* promoted videos */ .promoted { height: 230px; } - .promoted .item img { - height: 120px; } - .promoted .titlebar { - top: 118px; } + .promoted img { + height: 120px; + width: auto; } /* events overview */ .event-preview { |