body{ background-color:white; } @font-face { font-family: Glegoo; font-style: normal; font-weight: 400; src: local("Glegoo"),local("Glegoo-Regular"),url(https://fonts.gstatic.com/s/glegoo/v3/8x8S7gQMbbduiGv8gbUJ0Q.woff) format("woff") } .nav { margin-bottom: 0; padding-left: 0; list-style: none } .nav:before,.nav:after { content: " "; display: table } .nav:after { clear: both } .nav>li { position: relative; display: block } .nav>li>a { position: relative; display: block; padding: 10px 15px } .nav>li>a:hover,.nav>li>a:focus { text-decoration: none!important; background-color: #eee } .nav>li.disabled>a { color: #999 } .nav>li.disabled>a:hover,.nav>li.disabled>a:focus { color: #999; text-decoration: none; background-color: transparent; cursor: not-allowed } .nav .open>a,.nav .open>a:hover,.nav .open>a:focus { background-color: #eee; border-color: #4c6eaf } .nav .nav-divider { height: 1px; margin: 9px 0; overflow: hidden; background-color: #e5e5e5 } .nav>li>a>img { max-width: none } .nav-tabs { border-bottom: 1px solid #ddd } .nav-tabs>li { float: left; margin-bottom: -1px } .nav-tabs>li>a { margin-right: 2px; line-height: 1.42857; border: 1px solid transparent; border-radius: 4px 4px 0 0 } .nav-tabs>li>a:hover { border-color: #eee #eee #ddd } .nav-tabs>li.active>a,.nav-tabs>li.active>a:hover,.nav-tabs>li.active>a:focus { color: #555; background-color: #fff; border: 1px solid #ddd; border-bottom-color: transparent; cursor: default } .nav-pills>li { float: left } .nav-pills>li>a { border-radius: 4px } .nav-pills>li+li { margin-left: 2px } .nav-pills>li.active>a,.nav-pills>li.active>a:hover,.nav-pills>li.active>a:focus { color: #fff; background-color: #4c6eaf } .nav-stacked>li { float: none } .nav-stacked>li+li { margin-top: 2px; margin-left: 0 } .nav-justified,.nav-tabs.nav-justified { width: 100% } .nav-justified>li,.nav-tabs.nav-justified>li { float: none } .nav-justified>li>a,.nav-tabs.nav-justified>li>a { text-align: center; margin-bottom: 5px } .nav-justified>.dropdown .dropdown-menu { top: auto; left: auto } @media (min-width: 768px) { .nav-justified>li,.nav-tabs.nav-justified>li { display:table-cell; width: 1% } .nav-justified>li>a,.nav-tabs.nav-justified>li>a { margin-bottom: 0 } } .nav-tabs-justified,.nav-tabs.nav-justified { border-bottom: 0 } .nav-tabs-justified>li>a,.nav-tabs.nav-justified>li>a { margin-right: 0; border-radius: 4px } .nav-tabs-justified>.active>a,.nav-tabs.nav-justified>.active>a,.nav-tabs-justified>.active>a:hover,.nav-tabs.nav-justified>.active>a:hover,.nav-tabs-justified>.active>a:focus,.nav-tabs.nav-justified>.active>a:focus { border: 1px solid #ddd } @media (min-width: 768px) { .nav-tabs-justified>li>a,.nav-tabs.nav-justified>li>a { border-bottom:1px solid #ddd; border-radius: 4px 4px 0 0 } .nav-tabs-justified>.active>a,.nav-tabs.nav-justified>.active>a,.nav-tabs-justified>.active>a:hover,.nav-tabs.nav-justified>.active>a:hover,.nav-tabs-justified>.active>a:focus,.nav-tabs.nav-justified>.active>a:focus { border-bottom-color: #fff } } .tab-content>.tab-pane { display: none } .tab-content>.active { display: block } .nav-tabs .dropdown-menu { margin-top: -1px; border-top-right-radius: 0; border-top-left-radius: 0 } .navbar { position: relative; min-height: 60px; margin-bottom: 0; border: 0; border-radius: 0; } .navbar:before,.navbar:after { content: " "; display: table } .navbar:after { clear: both } @media (min-width: 768px) { .navbar { border-radius: 0; } } .navbar-header:before,.navbar-header:after { content: " "; display: table } .navbar-header:after { clear: both } @media (min-width: 768px) { .navbar-header { float:left } } .navbar-collapse { max-height: 340px; overflow-x: visible; padding-right: 15px; padding-left: 15px; border-top: 1px solid transparent; box-shadow: inset 0 1px 0 rgba(255,255,255,.1); -webkit-overflow-scrolling: touch } .navbar-collapse:before,.navbar-collapse:after { content: " "; display: table } .navbar-collapse:after { clear: both } .navbar-collapse.in { overflow-y: auto } @media (min-width: 768px) { .navbar-collapse { width:auto; border-top: 0; box-shadow: none } .navbar-collapse.collapse { display: block!important; height: auto!important; padding-bottom: 0; overflow: visible!important } .navbar-collapse.in { overflow-y: visible } .navbar-fixed-top .navbar-collapse,.navbar-static-top .navbar-collapse,.navbar-fixed-bottom .navbar-collapse { padding-left: 0; padding-right: 0 } } .container>.navbar-header,.container>.navbar-collapse { margin-right: -15px; margin-left: -15px } @media (min-width: 768px) { .container>.navbar-header,.container>.navbar-collapse { margin-right:0; margin-left: 0 } } .navbar-static-top { z-index: 1000; border-width: 0 0 1px } @media (min-width: 768px) { .navbar-static-top { border-radius:0 } } .navbar-fixed-top,.navbar-fixed-bottom { position: fixed; right: 0; left: 0; z-index: 1030 } @media (min-width: 768px) { .navbar-fixed-top,.navbar-fixed-bottom { border-radius:0 } } .navbar-fixed-top { top: 0; border-width: 0 0 1px } .navbar-fixed-bottom { bottom: 0; margin-bottom: 0; border-width: 1px 0 0 } .navbar-brand { float: left; font-size: 18px; line-height: 4rem; font-family: Glegoo,Helvetica,Arial,sans-serif; font-weight: 500; padding: 20px; text-transform: uppercase; text-decoration:none; } .navbar-brand:hover,.navbar-brand:focus { text-decoration: none } @media (min-width: 768px) { .navbar>.container .navbar-brand { margin-left:-15px } } .navbar-toggle { position: relative; float: right; margin-right: 15px; padding: 9px 10px; margin-top: 13px; margin-bottom: 13px; background-color: transparent; border: 1px solid transparent; border-radius: 4px } .navbar-toggle .icon-bar { display: block; width: 22px; height: 2px; border-radius: 1px } .navbar-toggle .icon-bar+.icon-bar { margin-top: 4px } @media (min-width: 768px) { .navbar-toggle { display:none } } .navbar-nav { margin: 10px -15px } .navbar-nav>li>a { padding-top: 1rem; padding-bottom: 1rem; line-height: 4rem } @media (max-width: 767px) { .navbar-nav .open .dropdown-menu { position:static; float: none; width: auto; margin-top: 0; background-color: transparent; border: 0; box-shadow: none } .navbar-nav .open .dropdown-menu>li>a,.navbar-nav .open .dropdown-menu .dropdown-header { padding: 5px 15px 5px 25px } .navbar-nav .open .dropdown-menu>li>a { line-height: 20px } .navbar-nav .open .dropdown-menu>li>a:hover,.navbar-nav .open .dropdown-menu>li>a:focus { background-image: none } } @media (min-width: 768px) { .navbar-nav { float:left; margin: 0 } .navbar-nav>li { float: left } .navbar-nav>li>a { padding-top: 20px; padding-bottom: 20px } .navbar-nav.navbar-right:last-child { margin-right: -15px } } @media (min-width: 768px) { .navbar-left { float:left!important } .navbar-right { float: right!important; } } .navbar-form { padding: 10px 15px; border-top: 1px solid transparent; border-bottom: 1px solid transparent; -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.1),0 1px 0 rgba(255,255,255,.1); box-shadow: inset 0 1px 0 rgba(255,255,255,.1),0 1px 0 rgba(255,255,255,.1); margin: 13px -15px; } @media (max-width: 767px) { .navbar-form .form-group { margin-bottom:5px } } @media (min-width: 768px) { .navbar-form { width:auto; border: 0; margin-left: 0; margin-right: 0; padding-top: 0; padding-bottom: 0; -webkit-box-shadow: none; box-shadow: none } .navbar-form.navbar-right:last-child { margin-right: -15px } } .navbar-nav>li>.dropdown-menu { margin-top: 0; border-top-right-radius: 0; border-top-left-radius: 0 } .navbar-fixed-bottom .navbar-nav>li>.dropdown-menu { border-bottom-right-radius: 0; border-bottom-left-radius: 0 } .navbar-nav.pull-right>li>.dropdown-menu,.navbar-nav>li>.dropdown-menu.pull-right { left: auto; right: 0 } .navbar-btn { margin-top: 13px; margin-bottom: 13px } .navbar-btn.btn-sm,.btn-group-sm>.navbar-btn.btn { margin-top: 15px; margin-bottom: 15px } .navbar-btn.btn-xs,.btn-group-xs>.navbar-btn.btn { margin-top: 19px; margin-bottom: 19px } .navbar-text { margin-top: 20px; margin-bottom: 20px } @media (min-width: 768px) { .navbar-text { float:left; margin-left: 15px; margin-right: 15px } .navbar-text.navbar-right:last-child { margin-right: 0 } } .navbar-default { background-color: #f8f8f8; border-color: #e7e7e7 } .navbar-default .navbar-brand { color: #777 } .navbar-default .navbar-brand:hover,.navbar-default .navbar-brand:focus { color: #5e5e5e; background-color: transparent } .navbar-default .navbar-text { color: #777 } .navbar-default .navbar-nav>li>a { color: #777 } .navbar-default .navbar-nav>li>a:hover,.navbar-default .navbar-nav>li>a:focus { color: #333; background-color: transparent } .navbar-default .navbar-nav>.active>a,.navbar-default .navbar-nav>.active>a:hover,.navbar-default .navbar-nav>.active>a:focus { color: #555; background-color: #e7e7e7 } .navbar-default .navbar-nav>.disabled>a,.navbar-default .navbar-nav>.disabled>a:hover,.navbar-default .navbar-nav>.disabled>a:focus { color: #ccc; background-color: transparent } .navbar-default .navbar-toggle { border-color: #ddd } .navbar-default .navbar-toggle:hover,.navbar-default .navbar-toggle:focus { background-color: #ddd } .navbar-default .navbar-toggle .icon-bar { background-color: #ccc } .navbar-default .navbar-collapse,.navbar-default .navbar-form { border-color: #e7e7e7 } .navbar-default .navbar-nav>.open>a,.navbar-default .navbar-nav>.open>a:hover,.navbar-default .navbar-nav>.open>a:focus { background-color: #e7e7e7; color: #555 } @media (max-width: 767px) { .navbar-default .navbar-nav .open .dropdown-menu>li>a { color:#777 } .navbar-default .navbar-nav .open .dropdown-menu>li>a:hover,.navbar-default .navbar-nav .open .dropdown-menu>li>a:focus { color: #333; background-color: transparent } .navbar-default .navbar-nav .open .dropdown-menu>.active>a,.navbar-default .navbar-nav .open .dropdown-menu>.active>a:hover,.navbar-default .navbar-nav .open .dropdown-menu>.active>a:focus { color: #555; background-color: #e7e7e7 } .navbar-default .navbar-nav .open .dropdown-menu>.disabled>a,.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:hover,.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:focus { color: #ccc; background-color: transparent } } .navbar-default .navbar-link { color: #777 } .navbar-default .navbar-link:hover { color: #333 } .navbar-inverse { background-color: #4c6eaf; border-color: #3d588b } .navbar-inverse .navbar-brand { color: #eee } .navbar-inverse .navbar-brand:hover,.navbar-inverse .navbar-brand:focus { color: #fff; background-color: transparent } .navbar-inverse .navbar-text { color: #999 } .navbar-inverse .navbar-nav>li>a { color: #eee; text-decoration: none; } .navbar-inverse .navbar-nav>li>a:hover,.navbar-inverse .navbar-nav>li>a:focus { color: #fff; background-color: transparent } .navbar-inverse .navbar-nav>.active>a,.navbar-inverse .navbar-nav>.active>a:hover,.navbar-inverse .navbar-nav>.active>a:focus { color: #fff; background-color: #3d588b } .navbar-inverse .navbar-nav>.disabled>a,.navbar-inverse .navbar-nav>.disabled>a:hover,.navbar-inverse .navbar-nav>.disabled>a:focus { color: #444; background-color: transparent } .navbar-inverse .navbar-toggle { border-color: #333 } .navbar-inverse .navbar-toggle:hover,.navbar-inverse .navbar-toggle:focus { background-color: #333 } .navbar-inverse .navbar-toggle .icon-bar { background-color: #fff } .navbar-inverse .navbar-collapse,.navbar-inverse .navbar-form { border-color: #415e96 } .navbar-inverse .navbar-nav>.open>a,.navbar-inverse .navbar-nav>.open>a:hover,.navbar-inverse .navbar-nav>.open>a:focus { background-color: #3d588b; color: #fff } @media (max-width: 767px) { .navbar-inverse .navbar-nav .open .dropdown-menu>.dropdown-header { border-color:#3d588b } .navbar-inverse .navbar-nav .open .dropdown-menu .divider { background-color: #3d588b } .navbar-inverse .navbar-nav .open .dropdown-menu>li>a { color: #eee } .navbar-inverse .navbar-nav .open .dropdown-menu>li>a:hover,.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:focus { color: #fff; background-color: transparent } .navbar-inverse .navbar-nav .open .dropdown-menu>.active>a,.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:hover,.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:focus { color: #fff; background-color: #3d588b } .navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a,.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:hover,.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:focus { color: #444; background-color: transparent } } .navbar-inverse .navbar-link { color: #eee } .navbar-inverse .navbar-link:hover { color: #fff } .close { float: right; font-size: 21px; font-weight: 700; line-height: 1; color: #000; text-shadow: 0 1px 0 #fff; opacity: .2; filter: alpha(opacity=20) } .close:hover,.close:focus { color: #000; text-decoration: none; cursor: pointer; opacity: .5; filter: alpha(opacity=50) } button.close { padding: 0; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none } .caret { display: inline-block; width: 0; height: 0; margin-left: 2px; vertical-align: middle; border-top: 4px solid; border-right: 4px solid transparent; border-left: 4px solid transparent } /******** * Typography *********/ h1, h2, h3, h4, h5, h6, label { font-family: Glegoo,Helvetica,Arial,sans-serif; border-bottom: 1px #c0cce4 solid; color:#333 } h1, h2{ padding-bottom: 9px; margin: 40px 0 20px; border-bottom: 1px solid #eee; } a { color: #4c6eaf; text-decoration: none; } .list-group-item:first-child { border-top-right-radius: 4px; border-top-left-radius: 4px; } .list-group-item { position: relative; display: block; padding: 10px 15px; margin-bottom: -1px; background-color: #fff; border: 1px solid #ddd; } .list-group-item ul{ list-style-position: inside; } /******* * CFP ********/ div.event--vote-form form{ width: auto; } div.event--vote-form label{ min-width: 150px; display:block } div.event--vote{ margin-top: 3rem; margin-bottom: 3rem; display: flex; } div.event--vote-details { width: 75%; font-family: serif; font-size: 137.5%; -webkit-font-smoothing: antialiased; } div.event--vote-meta { font-weight: bold; } div.event--vote-abstract{ font-size:75%; } div.event--vote-abstract h1{ font-size:1.9em; } @media (max-width: 767px) { div.event--vote-form label{ } } form[name="speaker"] label, form[name="speaker"] button, form[name="talk"] label, form[name="talk"] button{ margin: 0.5em 0.5em 0.5em; } form[name="speaker"] textarea, form[name="talk"] textarea{ font-size:1.2em; /** 100% - size of label - margin of label **/ width: calc(100% - 220px - 1em); min-height:200px; } #talk_staffNotes { min-height: 100px; } form[name="talk"] { width: 80%; } button[type=submit] { height: 3em; background-color: #3e3d40 !important; color: white; font-weight: bold; } button[type=submit].error { background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHhtbG5zOnhsaW5rPSdodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rJyB2ZXJzaW9uPScxLjEnIGlkPSdDYXBhXzEnIHg9JzBweCcgeT0nMHB4JyB3aWR0aD0nMS41ZW0nIGhlaWdodD0nMS41ZW0nIHZpZXdCb3g9JzAgMCAxMDYuMDU5IDEwNi4wNTknIHN0eWxlPSdlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDEwNi4wNTkgMTA2LjA1OTsnIHhtbDpzcGFjZT0ncHJlc2VydmUnPiA8Zz48cGF0aCBkPSdNOTAuNTQ2LDE1LjUxOEM2OS44NTgtNS4xNzIsMzYuMTk5LTUuMTcyLDE1LjUxNSwxNS41MTNDLTUuMTczLDM2LjE5OC01LjE3MSw2OS44NTgsMTUuNTE3LDkwLjU0NyAgIGMyMC42ODIsMjAuNjg0LDU0LjM0MSwyMC42ODQsNzUuMDI3LTAuMDA0QzExMS4yMyw2OS44NTgsMTExLjIyOSwzNi4yLDkwLjU0NiwxNS41MTh6IE04NC43NTcsODQuNzU4ICAgYy0xNy40OTQsMTcuNDk0LTQ1Ljk2LDE3LjQ5Ni02My40NTUsMC4wMDJjLTE3LjQ5OC0xNy40OTctMTcuNDk2LTQ1Ljk2NiwwLTYzLjQ2QzM4Ljc5NiwzLjgwNyw2Ny4yNjEsMy44MDUsODQuNzU5LDIxLjMwMiAgIEMxMDIuMjUzLDM4Ljc5NiwxMDIuMjUxLDY3LjI2NSw4NC43NTcsODQuNzU4eiBNNzcuMDE3LDc0LjAwMWMwLjY1OCwxLjUyMS0wLjA0MiwzLjI4Ni0xLjU2MiwzLjk0MyAgIGMtMS41MjEsMC42Ni0zLjI4Ni0wLjA0Mi0zLjk0NC0xLjU2MmMtMi44OTMtNi42ODktOS43My0xMS4wMTItMTcuNDIxLTExLjAxMmMtNy44NjgsMC0xNC43NDcsNC4zMTktMTcuNTIyLDExLjAwNCAgIGMtMC40NzksMS4xNTQtMS41OTYsMS44NTEtMi43NzEsMS44NTFjLTAuMzg0LDAtMC43NzMtMC4wNzQtMS4xNS0wLjIzYy0xLjUzLTAuNjM2LTIuMjU1LTIuMzkyLTEuNjItMy45MjEgICBjMy43MS04LjkzMiwxMi43NjQtMTQuNzAzLDIzLjA2My0xNC43MDNDNjQuMTc0LDU5LjM3MSw3My4xNzQsNjUuMTEzLDc3LjAxNyw3NC4wMDF6IE0zMy4yNCwzOC42NzEgICBjMC0zLjQyNCwyLjc3Ny02LjIwMSw2LjIwMS02LjIwMWMzLjQyMywwLDYuMiwyLjc3Niw2LjIsNi4yMDFjMCwzLjQyNi0yLjc3Nyw2LjIwMi02LjIsNi4yMDIgICBDMzYuMDE3LDQ0Ljg3MywzMy4yNCw0Mi4wOTcsMzMuMjQsMzguNjcxeiBNNjEuMzU3LDM4LjY3MWMwLTMuNDI0LDIuNzc5LTYuMjAxLDYuMjAzLTYuMjAxYzMuNDIzLDAsNi4yLDIuNzc2LDYuMiw2LjIwMSAgIGMwLDMuNDI2LTIuNzc2LDYuMjAyLTYuMiw2LjIwMlM2MS4zNTcsNDIuMDk3LDYxLjM1NywzOC42NzF6JyBmaWxsPScjRDgwMDI3Jy8+PC9nPjwvc3ZnPg==") no-repeat 1em; } button[type=submit].success { background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHhtbG5zOnhsaW5rPSdodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rJyB2ZXJzaW9uPScxLjEnIGlkPSdDYXBhXzEnIHg9JzBweCcgeT0nMHB4JyB3aWR0aD0nMS41ZW0nIGhlaWdodD0nMS41ZW0nIHZpZXdCb3g9JzAgMCAxMDYuMDU5IDEwNi4wNTknIHN0eWxlPSdlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDEwNi4wNTkgMTA2LjA1OTsnIHhtbDpzcGFjZT0ncHJlc2VydmUnPjxnPjxwYXRoIGQ9J005MC41NDYsMTUuNTE4QzY5Ljg1OC01LjE3MiwzNi4xOTktNS4xNzIsMTUuNTE1LDE1LjUxM0MtNS4xNzMsMzYuMTk4LTUuMTcxLDY5Ljg1OCwxNS41MTcsOTAuNTQ3ICAgYzIwLjY4MiwyMC42ODQsNTQuMzQxLDIwLjY4NCw3NS4wMjctMC4wMDRDMTExLjIzLDY5Ljg1OCwxMTEuMjI5LDM2LjIsOTAuNTQ2LDE1LjUxOHogTTg0Ljc1Nyw4NC43NTggICBjLTE3LjQ5NCwxNy40OTQtNDUuOTYsMTcuNDk2LTYzLjQ1NSwwLjAwMmMtMTcuNDk4LTE3LjQ5Ny0xNy40OTYtNDUuOTY2LDAtNjMuNDZDMzguNzk2LDMuODA3LDY3LjI2MSwzLjgwNSw4NC43NTksMjEuMzAyICAgQzEwMi4yNTMsMzguNzk2LDEwMi4yNTEsNjcuMjY1LDg0Ljc1Nyw4NC43NTh6IE0zMy4yNCwzOC42NzFjMC0zLjQyNCwyLjc3Ny02LjIwMSw2LjIwMS02LjIwMWMzLjQyMywwLDYuMiwyLjc3Niw2LjIsNi4yMDEgICBjMCwzLjQyNi0yLjc3Nyw2LjIwMi02LjIsNi4yMDJDMzYuMDE3LDQ0Ljg3MywzMy4yNCw0Mi4wOTcsMzMuMjQsMzguNjcxeiBNNjEuMzU3LDM4LjY3MWMwLTMuNDI0LDIuNzc5LTYuMjAxLDYuMjAzLTYuMjAxICAgYzMuNDIzLDAsNi4yLDIuNzc2LDYuMiw2LjIwMWMwLDMuNDI2LTIuNzc2LDYuMjAyLTYuMiw2LjIwMlM2MS4zNTcsNDIuMDk3LDYxLjM1NywzOC42NzF6IE03Ni4wMTcsNjQuMDY4ICAgYy0zLjg0Myw4Ljg4Ny0xMi44NDMsMTQuNjI5LTIyLjkyNywxNC42MjljLTEwLjMwMSwwLTE5LjM1NC01Ljc3MS0yMy4wNjQtMTQuNzAzYy0wLjYzNi0xLjUyOSwwLjA4OS0zLjI4NSwxLjYyLTMuOTIxICAgYzAuMzc2LTAuMTU1LDAuNzY2LTAuMjI5LDEuMTUtMC4yMjljMS4xNzYsMCwyLjI5MiwwLjY5NSwyLjc3MSwxLjg1YzIuNzc3LDYuNjg2LDkuNjU1LDExLjAwNCwxNy41MjMsMTEuMDA0ICAgYzcuNjksMCwxNC41MjgtNC4zMjEsMTcuNDItMTEuMDExYzAuNjU4LTEuNTIxLDIuNDI0LTIuMjIyLDMuOTQ0LTEuNTYzUzc2LjY3NSw2Mi41NDgsNzYuMDE3LDY0LjA2OHonIGZpbGw9JyM3RkMyNEYnLz48L2c+PC9zdmc+") no-repeat 1em; } div.errors { margin: 1em 0; border: 2px #ff356d solid; border-radius: 2px; padding: 1em; background-color: #ffdfe8; font-weight:bold; } div.errors p{ margin: 0; } div.errors ul li{ list-style: circle inside; } div.photo-container{ padding:5px; background: #eee; border: 1px solid #ccc; display: inline-block; } .navbar-right #logo { padding-top: 8px; padding-bottom: 8px; float: right; } /********* * HOME **********/ #countdown, #endTitle{ font-size: 5rem; font-family: Glegoo, Helvetica, Arial, sans-serif; text-align: center; } #countdown{ font-size: 2rem; } #cfp-body { border-top: 1px #c0cce4 solid; margin: auto; margin-top: 2rem; padding-top: 2rem; width: 75% } #date { text-align: center; font-size: 4rem; font-family: Glegoo, Helvetica, Arial, sans-serif; } #homeButtons { text-align:center; margin: 2em 0; } .event--stats{ text-align: center; font-family: Glegoo, Helvetica, Arial, sans-serif; width: 650px; margin: 0 auto; } .event--stats p{ width:300px; float:left; margin: 0 auto; } .event--stats p:first-child{ margin-right: 50px; } .event--stats-stat { display: block; } /************ * Invitation ************/ #talk_invitation button { margin: 1.5em 0; } /***************************************** * Affichage votes sur edition proposition ******************************************/ .cfp--votes ul { list-style-type: none; margin: 0; padding: 0; } .cfp--votes ul li{ margin: 2em 0; } .cfp--votes .cfp--vote-afup{ background-color:#4c6eaf; color:white; border-radius:2px; display:inline-block; padding:0.5em; } /************************************** * Pagination des votes ***************************************/ .event-pagination{ clear:both; margin: 2em 0; } .event-pagination div{ display:inline-block; } .event-pagination div a{ background-color:#4c6eaf; border: 1px #3d588b solid; color: white; text-decoration:none; padding: 1.5em; } .event-pagination--prev{ float:left; } .event-pagination--next{ float:right; } /** Responsive */ @media (max-width: 768px) { header { height: 80px !important; overflow: hidden; padding: 0; } [class^="nav-button"] { top:30px; right:30px; display: none; } .navbar-nav{ margin: 0 0.8em; } .navbar-nav>li{ border-top: 1px solid white; } .navbar-nav>li>a { line-height:1.5rem; } body:target header { height: 200px !important; } body:target { padding-top:200px; } .event--vote-form{ float:none !important; } div.event--vote{ margin-bottom: 3em; display: block; } div.event--vote-form form { margin-left: 0; } div.event--vote-details { width: 100%; } .event--vote-form textarea { width: 100%; } }