From 88019aee3da4278f58aaffc177ca7e800fddc179 Mon Sep 17 00:00:00 2001 From: Krasimir Tsonev Date: Mon, 13 Oct 2014 08:21:37 +0300 Subject: [PATCH] Working on schedule page --- css/styles.css | 7 ++ html/css/styles.css | 173 ++++++++++++++++++++++++++++++++++++++++---- html/team.html | 2 +- 3 files changed, 167 insertions(+), 15 deletions(-) diff --git a/css/styles.css b/css/styles.css index d077c59..242e864 100644 --- a/css/styles.css +++ b/css/styles.css @@ -637,3 +637,10 @@ a.button:hover { opacity: 0.8; } .member span { display: block; } + +/********************************************* + * Team members + *********************************************/ +.schdule { + +} \ No newline at end of file diff --git a/html/css/styles.css b/html/css/styles.css index e15bb73..d077c59 100644 --- a/html/css/styles.css +++ b/html/css/styles.css @@ -235,16 +235,17 @@ nav ul { margin: 0; padding: 0; } -nav ul > li { +nav ul li { + position: relative; +} + +nav .menu > li { float: left; margin: 0; padding: 0; } -nav ul a { - color: #000; - text-decoration: none; - display: block; - padding: 1.5em 0.4em; + +nav .menu > li { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; @@ -252,9 +253,56 @@ nav ul a { -webkit-transition: border-top 200ms; border-top: 0 solid #FFF; } -nav ul a:hover { + +nav .menu > li:hover { border-top: 0.4em solid #A8D6FF; } + +.menu li.fa::before { + display: block; + padding: 30px 4px 0 4px; +} + + +.menu li.fa a { + padding-top: 0; + position: absolute; + display: block; + top: 0; + left: 0; + height: 52px; + width: 10px; +} + +nav ul a { + color: #000; + text-decoration: none; + display: block; + padding: 1.5em 0.4em; +} + +nav ul .sub-menu { + display: none; + position: absolute; + background: #fff; + width: 200px; + left: 50%; + margin-left: -100px; + box-shadow: 0 3px 5px -3px #000 +} + +nav ul li:hover .sub-menu { + display: block; + position: absolute; +} + +nav ul .sub-menu li, +nav ul .sub-menu li a { display: block; width: 100%; } + +nav ul .sub-menu li a { padding: 1em 0; text-align: center; } + +nav ul .sub-menu li { border-bottom: 1px solid #ccc; } + nav ul .separator { display: block; width: 0.05em; @@ -306,15 +354,15 @@ nav .selected { /* Banner */ .banner { - height: 245px; + height: 258px; background: url("../img/banner.jpg") no-repeat; background-size: cover; - padding: 4em 0 0 0; + padding: 0.2em 0 0 0; } .banner img { display: block; max-width: 100%; - height: 157px; + height: 247px; margin: 0 auto; } @media all and (max-width: 840px) { @@ -350,6 +398,10 @@ nav .selected { -moz-box-sizing: border-box; box-sizing: border-box; } +.grid .col3:nth-child(3n + 1) { + clear: both; + padding: 0; +} .grid .col4 { width: 25%; float: left; @@ -357,6 +409,10 @@ nav .selected { -moz-box-sizing: border-box; box-sizing: border-box; } +.grid .col4:nth-child(4n + 1) { + clear: both; + padding: 0; +} .grid .col-left { width: 70%; float: left; @@ -368,10 +424,15 @@ nav .selected { .grid .col-right { width: 30%; float: left; + margin-bottom: 2em; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } +.grid .col-right .content { + width: 100%; +} + @media all and (max-width: 600px) { .grid .col2, .grid .col3, .grid .col4, .grid .col-left, .grid .col-right { width: 100%; @@ -415,7 +476,7 @@ h4 { /* Footer */ footer { - margin: 2em 0 0 0; + margin: -0.3em 0 0; padding-top: 1em; padding-bottom: 1em; -webkit-box-sizing: border-box; @@ -424,16 +485,26 @@ footer { background: #ddd; } +footer .content li { list-style: none; } + +#copyright { + text-align: center; +} + /* Sub navigation */ .subnav { margin-top: 1.6em; list-style: none; padding-left: 0; } +.subnav .menu { + margin-left: -2.2em; +} .subnav li { float: left; padding: 0; margin: 0 1em 0 0; + list-style: none outside; } .subnav li.selected { font-weight: bold; @@ -462,9 +533,9 @@ footer { float: left; padding: 0.3em; background: #FFF; - -moz-box-shadow: 0px 0px 1px 1px #999; + -moz-box-shadow: 0px 0px 1px 1px #999; -webkit-box-shadow: 0px 0px 1px 1px #999; - box-shadow: 0px 0px 1px 1px #999; + box-shadow: 0px 0px 1px 1px #999; margin: 0 1em 2em 0; } .speaker .icons { @@ -491,4 +562,78 @@ footer { .sponsors-item .col2 > img { display: inline-block; margin: 0 0 2em 0; -} \ No newline at end of file +} + +/* Plugins */ +.gmp_map_opts { + float: none !important; + margin-top: 2em !important; +} + + +/********************************************* + * GLOBAL STYLES (Small style changes) + *********************************************/ + +h1 { font-size: 1.8em; } +h2 { font-size: 1.8em; } +h3 { font-size: 1.6em; } +h4 { font-size: 1.4em; } +h5 { font-size: 1.2em; } +h6 { font-size: 1.0em; } + +h1, h2, h3, h4, h5, h6 { font-weight: normal; } + +a { color: #428bca; text-decoration: none; } +a:hover { text-decoration: underline; } + + +/********************************************* + * Navigation + *********************************************/ + +nav .menu > li { margin: 1px 10px; } + +/********************************************* + * Tagline & Sponsors + *********************************************/ + +.col2.tagline { width: 70%; } + +.col2.sponsors { width: 30%; } + +.separator { margin: 2.4em 0; height: 1px; background: #DBDBDB; } + +section.content.grid.homepage { margin-top: 2em; } + +h4 { margin: 1em 0; } + +a.footer { color: #333; } + +a.button { text-decoration: none; color: #333; } + +a.button:hover { opacity: 0.8; } + +/********************************************* + * Team members + *********************************************/ + +.members { + margin: 0 0 2em 0; +} +.member { + margin: 0 0 1em 0; +} +.member a { + display: block; +} +.member a > img { + padding: 0.3em; + background: #FFF; + -moz-box-shadow: 0px 0px 1px 1px #999; + -webkit-box-shadow: 0px 0px 1px 1px #999; + box-shadow: 0px 0px 1px 1px #999; +} +.member span { + display: block; +} diff --git a/html/team.html b/html/team.html index dc494c2..87d09cc 100644 --- a/html/team.html +++ b/html/team.html @@ -17,7 +17,7 @@ OpenFest - +