@@ -161,111 +161,115 @@ td ul.errorlist li {
div.system-message {
background: #ffc;
margin: 10px;
padding: 6px 8px;
font-size: .8em;
}
div.system-message p.system-message-title {
padding: 4px 5px 4px 25px;
margin: 0;
color: #c11;
background: #ffefef url(../img/icon-no.svg) 5px 5px no-repeat;
.description {
font-size: 12px;
padding: 5px 0 0 12px;
/**
* Stripe integration
*/
.StripeElement {
background-color: white;
padding: 8px 12px;
border-radius: 4px;
border: 3px solid transparent;
box-shadow: 1px 3px 5px 1px #e6ebf1;
-webkit-transition: box-shadow 150ms ease;
transition: box-shadow 150ms ease;
.StripeElement--focus {
box-shadow: 1px 3px 5px 1px #cfd7df;
.StripeElement--invalid {
border-color: #fa755a;
.StripeElement--webkit-autofill {
background-color: #fefde5 !important;
/* Schedule, proposal and presenter display */
/* Make sure twitter/link buttons get displayed */
.room {
.mw760, .room {
display: none;
.speaker {
display: block;
.endtime {
font-style: italic;
.presenters .btn-group {
display: inline-flex;
margin-left: 10px;
.presenters .btn-svg { width: 20px; }
@media all and (max-width: 760px) {
.room { display: block; }
.mw760, .room { display: block; }
.speaker { font-weight: bold; }
@media only screen and (max-width: 760px) {
/* Force table to not be like tables anymore */
table {
display: table-row;
thead {
tbody, th, td, tr {
td {
/* Behave like a "row" */
border: none;
position: relative;yes
padding-left: 50%;
td:before {
/* Now like a table header */
position: absolute;
/* Top/left values mimic padding */
top: 6px;
left: 6px;
width: 45%;
padding-right: 10px;
white-space: nowrap;
/* Navbar */
.logo {
padding-right: 32px;
.navbar {
padding-left: 0;
padding-top: 8px;
padding-bottom: 8px;
margin-bottom: 0;
font-size: 16px;
line-height: 24px;