symposion_app File Diff · Conservancy Kallithea

File diff 54f53cd2c655 → ffe0f64182ac

static/src/css/app.css

➞

Show inline comments

@@ ... / @@ -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 {
         display: none;
+    }
     tbody, th, td, tr {
 		display: block;
+	}
     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;
+}