diff --git a/css/styles.css b/css/styles.css new file mode 100644 index 0000000..e15bb73 --- /dev/null +++ b/css/styles.css @@ -0,0 +1,494 @@ +/* cyrillic-ext */ +@font-face { + font-family: 'Arimo'; + font-style: normal; + font-weight: 400; + src: local('Arimo'), url(http://fonts.gstatic.com/s/arimo/v8/an78_18DAUCSU6a4qacRuA.woff2) format('woff2'); + unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F; +} +/* cyrillic */ +@font-face { + font-family: 'Arimo'; + font-style: normal; + font-weight: 400; + src: local('Arimo'), url(http://fonts.gstatic.com/s/arimo/v8/4NN7UQ_VsRBn7NDD9HKUPw.woff2) format('woff2'); + unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; +} +/* greek-ext */ +@font-face { + font-family: 'Arimo'; + font-style: normal; + font-weight: 400; + src: local('Arimo'), url(http://fonts.gstatic.com/s/arimo/v8/ye-fuRt_0mKrPeIp6Mwa8A.woff2) format('woff2'); + unicode-range: U+1F00-1FFF; +} +/* greek */ +@font-face { + font-family: 'Arimo'; + font-style: normal; + font-weight: 400; + src: local('Arimo'), url(http://fonts.gstatic.com/s/arimo/v8/VF6T-UwCT6WyIiUKP6AykQ.woff2) format('woff2'); + unicode-range: U+0370-03FF; +} +/* vietnamese */ +@font-face { + font-family: 'Arimo'; + font-style: normal; + font-weight: 400; + src: local('Arimo'), url(http://fonts.gstatic.com/s/arimo/v8/eSHy7hCA8QR4qTF-59v60g.woff2) format('woff2'); + unicode-range: U+0102-0103, U+1EA0-1EF1, U+20AB; +} +/* latin-ext */ +@font-face { + font-family: 'Arimo'; + font-style: normal; + font-weight: 400; + src: local('Arimo'), url(http://fonts.gstatic.com/s/arimo/v8/V41d6938Z8eBLYL302F8Ig.woff2) format('woff2'); + unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF; +} +/* latin */ +@font-face { + font-family: 'Arimo'; + font-style: normal; + font-weight: 400; + src: local('Arimo'), url(http://fonts.gstatic.com/s/arimo/v8/chnpHRvNNCWcZBKRQ4gVug.woff2) format('woff2'); + unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000; +} +/* cyrillic-ext */ +@font-face { + font-family: 'Arimo'; + font-style: normal; + font-weight: 700; + src: local('Arimo Bold'), local('Arimo-Bold'), url(http://fonts.gstatic.com/s/arimo/v8/ar6XjGD_YvbpY9XD5YxKTBTbgVql8nDJpwnrE27mub0.woff2) format('woff2'); + unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F; +} +/* cyrillic */ +@font-face { + font-family: 'Arimo'; + font-style: normal; + font-weight: 700; + src: local('Arimo Bold'), local('Arimo-Bold'), url(http://fonts.gstatic.com/s/arimo/v8/XzFO_hPcAZmADxw_2htokBTbgVql8nDJpwnrE27mub0.woff2) format('woff2'); + unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; +} +/* greek-ext */ +@font-face { + font-family: 'Arimo'; + font-style: normal; + font-weight: 700; + src: local('Arimo Bold'), local('Arimo-Bold'), url(http://fonts.gstatic.com/s/arimo/v8/Tq4Zh2K0uru54pu6hyua9BTbgVql8nDJpwnrE27mub0.woff2) format('woff2'); + unicode-range: U+1F00-1FFF; +} +/* greek */ +@font-face { + font-family: 'Arimo'; + font-style: normal; + font-weight: 700; + src: local('Arimo Bold'), local('Arimo-Bold'), url(http://fonts.gstatic.com/s/arimo/v8/gRIQMcBGUlcKSvTGaO9yHBTbgVql8nDJpwnrE27mub0.woff2) format('woff2'); + unicode-range: U+0370-03FF; +} +/* vietnamese */ +@font-face { + font-family: 'Arimo'; + font-style: normal; + font-weight: 700; + src: local('Arimo Bold'), local('Arimo-Bold'), url(http://fonts.gstatic.com/s/arimo/v8/u0Tw4Txbkc9Av4uzN1j1aBTbgVql8nDJpwnrE27mub0.woff2) format('woff2'); + unicode-range: U+0102-0103, U+1EA0-1EF1, U+20AB; +} +/* latin-ext */ +@font-face { + font-family: 'Arimo'; + font-style: normal; + font-weight: 700; + src: local('Arimo Bold'), local('Arimo-Bold'), url(http://fonts.gstatic.com/s/arimo/v8/XCmwOdi6K62tkWaszbVGURTbgVql8nDJpwnrE27mub0.woff2) format('woff2'); + unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF; +} +/* latin */ +@font-face { + font-family: 'Arimo'; + font-style: normal; + font-weight: 700; + src: local('Arimo Bold'), local('Arimo-Bold'), url(http://fonts.gstatic.com/s/arimo/v8/27rE5lMk9EHpLbxiIuGd0BTbgVql8nDJpwnrE27mub0.woff2) format('woff2'); + unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000; +} +/* cyrillic-ext */ +@font-face { + font-family: 'Arimo'; + font-style: italic; + font-weight: 400; + src: local('Arimo Italic'), local('Arimo-Italic'), url(http://fonts.gstatic.com/s/arimo/v8/-lqiBwxkYHykb59Lvn7rk_Y6323mHUZFJMgTvxaG2iE.woff2) format('woff2'); + unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F; +} +/* cyrillic */ +@font-face { + font-family: 'Arimo'; + font-style: italic; + font-weight: 400; + src: local('Arimo Italic'), local('Arimo-Italic'), url(http://fonts.gstatic.com/s/arimo/v8/tvCMF1Qlf0MEvcc7JEzrhfY6323mHUZFJMgTvxaG2iE.woff2) format('woff2'); + unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; +} +/* greek-ext */ +@font-face { + font-family: 'Arimo'; + font-style: italic; + font-weight: 400; + src: local('Arimo Italic'), local('Arimo-Italic'), url(http://fonts.gstatic.com/s/arimo/v8/aKQL0kir7sjNM0_YzHc9yvY6323mHUZFJMgTvxaG2iE.woff2) format('woff2'); + unicode-range: U+1F00-1FFF; +} +/* greek */ +@font-face { + font-family: 'Arimo'; + font-style: italic; + font-weight: 400; + src: local('Arimo Italic'), local('Arimo-Italic'), url(http://fonts.gstatic.com/s/arimo/v8/c6Ldt38oFMowvdIZIi9CaPY6323mHUZFJMgTvxaG2iE.woff2) format('woff2'); + unicode-range: U+0370-03FF; +} +/* vietnamese */ +@font-face { + font-family: 'Arimo'; + font-style: italic; + font-weight: 400; + src: local('Arimo Italic'), local('Arimo-Italic'), url(http://fonts.gstatic.com/s/arimo/v8/Phj51JGRBuPcxq7i7-qcHPY6323mHUZFJMgTvxaG2iE.woff2) format('woff2'); + unicode-range: U+0102-0103, U+1EA0-1EF1, U+20AB; +} +/* latin-ext */ +@font-face { + font-family: 'Arimo'; + font-style: italic; + font-weight: 400; + src: local('Arimo Italic'), local('Arimo-Italic'), url(http://fonts.gstatic.com/s/arimo/v8/-CSRdP_Aes2aBSIDGwIm6vY6323mHUZFJMgTvxaG2iE.woff2) format('woff2'); + unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF; +} +/* latin */ +@font-face { + font-family: 'Arimo'; + font-style: italic; + font-weight: 400; + src: local('Arimo Italic'), local('Arimo-Italic'), url(http://fonts.gstatic.com/s/arimo/v8/W9ndJDdcIndrj-dqFXLbVvY6323mHUZFJMgTvxaG2iE.woff2) format('woff2'); + unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000; +} + +body { + width: 100%; + height: 100%; + margin: 0; + padding: 0; + font-size: 18px; + font-family: 'Arimo', sans-serif; +} +@media all and (max-width: 400px) { + body { + font-size: 14px; + } +} +.content { + max-width: 960px; + margin: 0 auto; + position: relative; +} +p { + margin: 0 0 1em 0; + padding: 0; +} +h1.big { + font-size: 2.4em; + margin-top: 0; + margin-bottom: 0.6em; + padding-top: 0; +} +a { + color: #000; +} +a:hover { + color: #7789b5; +} +a img { + border: none; +} +h3 small { + font-size: 0.65em; +} +.tac { + text-align: center; +} +@media all and (max-width: 960px) { + .content { + padding: 0 1em; + } +} +.left { float: left; } +.right { float: right; } +.cf::after, .cf::before { + content: " "; + clear: both; + display: block; +} + +/* Navigation */ +nav { + position: relative; + height: 84px; + background: url("../img/navbg.jpg") repeat-x; +} +nav ul { + float: right; + list-style: none; + margin: 0; + padding: 0; +} +nav ul > li { + float: left; + margin: 0; + padding: 0; +} +nav ul a { + color: #000; + text-decoration: none; + display: block; + padding: 1.5em 0.4em; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; + transition: border-top 200ms; + -webkit-transition: border-top 200ms; + border-top: 0 solid #FFF; +} +nav ul a:hover { + border-top: 0.4em solid #A8D6FF; +} +nav ul .separator { + display: block; + width: 0.05em; + background: #B7B7B7; + height: 2em; + margin: 1.1em 0.4em 0 0.4em; +} +nav .logo { + display: block; + position: absolute; + top: 0; + left: 0; +} +nav .selected { + font-weight: bold; +} +@media all and (max-width: 840px) { + nav .logo { + display: none; + } + nav .logo img { + display: block; + max-height: 100%; + } + nav { + height: auto; + background: none; + padding: 0.4em 0; + border-bottom: 0.2em solid #d7ecff; + } + nav ul { + float: none; + } + nav ul a { + padding: 0.2em; + } + nav ul .separator { + display: block; + width: 0.05em; + background: #B7B7B7; + height: 1em; + margin: 0.2em 0.2em 0 0.2em; + } + nav ul a:hover { + border-top: 0 solid #A8D6FF; + } +} + +/* Banner */ + +.banner { + height: 245px; + background: url("../img/banner.jpg") no-repeat; + background-size: cover; + padding: 4em 0 0 0; +} +.banner img { + display: block; + max-width: 100%; + height: 157px; + margin: 0 auto; +} +@media all and (max-width: 840px) { + .banner { display: none; } +} + +/* Grid */ +.grid { + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; + width: 100%; +} +.grid::after { + content: " "; + clear: both; + display: block; +} +.grid .col2 { + width: 50%; + float: left; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; +} +.grid .col2+.col2, .grid .col3+.col3, .grid .col4+.col4 { + padding: 0 0 0 1em; +} +.grid .col3 { + width: 33%; + float: left; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; +} +.grid .col4 { + width: 25%; + float: left; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; +} +.grid .col-left { + width: 70%; + float: left; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; + padding: 0 1.6em 0 0; +} +.grid .col-right { + width: 30%; + float: left; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; +} +@media all and (max-width: 600px) { + .grid .col2, .grid .col3, .grid .col4, .grid .col-left, .grid .col-right { + width: 100%; + float: none; + padding: 0 0 1em 0; + } + .grid .col2+.col2, .grid .col3+.col3, .grid .col4+.col4 { + padding: 0; + } +} + +/* Separator */ +.separator { + width: 100%; + margin: 1.8em 0; + height: 0.1em; + background: #7789b5; +} + +/* News */ +h4 { + margin: 1em 0 0 0; + padding: 0; +} +.info { + color: #8F8F8F; + font-size: 0.6em; + margin: 0 0 1em 0; +} +.button { + display: inline-block; + padding: 0.4em 0.6em; + border-radius: 0.4em; + background: #DEDEDE; + font-size: 0.8em; + margin: 1em 0 1em 0; + text-decoration: none; + border-bottom: 0.15em solid #999; +} + +/* Footer */ + +footer { + margin: 2em 0 0 0; + padding-top: 1em; + padding-bottom: 1em; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; + background: #ddd; +} + +/* Sub navigation */ +.subnav { + margin-top: 1.6em; + list-style: none; + padding-left: 0; +} +.subnav li { + float: left; + padding: 0; + margin: 0 1em 0 0; +} +.subnav li.selected { + font-weight: bold; +} +.subnav a { + text-decoration: none; +} +@media all and (max-width: 960px) { + .subnav { + padding: 0 1em; + } +} + +/* Speaker */ +.speaker { + position: relative; + margin: 0 0 2em 0; +} +.speaker::after { + content: " "; + clear: both; + display: block; +} +.speaker > img { + width: 100px; + float: left; + 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; + margin: 0 1em 2em 0; +} +.speaker .icons { + position: absolute; + top: 125px; + left: 0; + font-size: 1.2em; + width: 122px; + text-align: center; +} +.speaker .icons a { + display: inline-block; + margin: 0 0.3em 0 0; +} +.speaker h3 { + margin: 0 0 0.4em 0; + padding: 0; +} + +/* Sponsors */ +.sponsors-item { + padding: 0 0 2em 0; +} +.sponsors-item .col2 > img { + display: inline-block; + margin: 0 0 2em 0; +} \ No newline at end of file diff --git a/footer.php b/footer.php new file mode 100644 index 0000000..f1b6e13 --- /dev/null +++ b/footer.php @@ -0,0 +1,50 @@ +
+ + + +