aboutsummaryrefslogtreecommitdiff
path: root/assets/css/lustige-styles.css
diff options
context:
space:
mode:
authorMaZderMind2014-10-18 18:29:33 +0200
committerMaZderMind2014-10-18 18:29:33 +0200
commit9bbb2ac43e9859c460b3a509404fa927288a1cc9 (patch)
tree0ceb4287db6dd072b2c9ef96d911d687585c2c90 /assets/css/lustige-styles.css
parentebaecb018a797ac9bf29ca6731dedf2cc89b2441 (diff)
room list style & content
Diffstat (limited to 'assets/css/lustige-styles.css')
-rw-r--r--assets/css/lustige-styles.css245
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 {