SHARE
TWEET

Untitled

a guest Dec 15th, 2019 57 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. #header {
  2.     text-align: center;
  3.     padding: 6px;
  4. }
  5. cell-time {
  6.     word-break: normal;
  7. }
  8. #main-content {
  9.     overflow: unset;
  10.     position: relative;
  11.     word-break: break-word;
  12.     hyphens:auto;
  13. }
  14.  
  15. #main-content:after {
  16.     content: '';
  17.     display: block;
  18. }
  19. #footer {
  20.     box-sizing: border-box;
  21.     clear: both;
  22.     padding: 10px;
  23.     width: 100%;
  24.     text-align: center;
  25.     color: grey;
  26. }
  27. .column#basic {
  28.     min-width: 340px;
  29. }
  30. table.rooms-table tbody:before {
  31.     content: "@";
  32.     display: block;
  33.     line-height: 20px;
  34.     text-indent: -99999px;
  35. }
  36. thead th {
  37.     position: sticky;
  38.     top: 0;
  39. }
  40. th {
  41.     background: white;
  42.     box-shadow: 0px 17px 12px -12px rgba(0, 0, 0, 0.23);
  43.     z-index: 2;
  44. }
  45. tbody {
  46.     margin-top: 20px;
  47. }
  48.  
  49. th:first-of-type {
  50.     box-shadow: none;
  51.     border: none !important;
  52. }
  53.  
  54. p.release {
  55.     background-color: #e7f5ff !important;
  56.     font-size: 12px !important;
  57.     padding: 3px !important;
  58.     padding-left: 7px !important;
  59.     padding-right: 7px !important;
  60.     color: grey !important;
  61. }
  62.  
  63. tr h2 {
  64.     padding: 0 !important;
  65. }
  66.  
  67.  
  68. table.rooms-table,
  69. table.list {
  70.     background-color: white;
  71. }
  72.  
  73. table.rooms-table *,
  74. table.list * {
  75.     border: none
  76. }
  77.  
  78. table.rooms-table th,
  79. table.list th {
  80.     color: black !important;
  81.     background-color: white !important;
  82. }
  83. table.list td {
  84.     color: black !important;
  85.     background-color: white !important;
  86. }
  87. table.list td {
  88.     border-bottom: 1px solid #e9e9e9;
  89. }
  90. table.rooms-table td {
  91.     border-bottom: 1px solid #e9e9e9;
  92. }
  93.  
  94. table.list th {
  95.     text-align: left !important;
  96.     padding: 10px;
  97. }
  98.  
  99.  
  100. .event-wrapper {
  101.     background: rgba(255, 255, 255, .56);
  102. }
  103. .event-wrapper .event-details,
  104. .event-wrapper .event-header {
  105.     padding: 7px !important;
  106.     box-sizing: border-box;
  107. }
  108.  
  109. p.tracks {
  110.     font-style: italic;
  111.     margin-bottom: -5px;
  112. }
  113. p.tracks::after {
  114.     content: ":"
  115. }
  116.  
  117.  
  118. .tracks .event {
  119.     box-sizing: border-box;
  120.     padding: 3px;
  121.     margin-bottom: 4px;
  122.     color: white
  123. }
  124.  
  125.  
  126. .track-art-culture,
  127. .event.track-art-culture div.event-header {
  128.     background-color: #e08241 !important;
  129.     border-color: #e08241 !important;
  130. }
  131. .track-ccc,
  132. .track-ccc div.event-header {
  133.     background-color: #c2b519 !important;
  134.     border-color: #c2b519 !important;
  135. }
  136. .track-entertainment,
  137. .track-entertainment div.event-header {
  138.     background-color: #57b73a !important;
  139.     border-color: #57b73a !important;
  140. }
  141. .track-ethics-society-politics,
  142. .track-ethics-society-politics div.event-header {
  143.     background-color: #3caea5 !important;
  144.     border-color: #3caea5 !important;
  145. }
  146. .track-hardware-making,
  147. .track-hardware-making div.event-header {
  148.     background-color: #3fafd8 !important;
  149.     border-color: #3fafd8 !important;
  150. }
  151. .track-resilience-sustainability,
  152. .track-resilience-sustainability div.event-header {
  153.     background-color: #8194e6 !important;
  154.     border-color: #8194e6 !important;
  155. }
  156. .track-science,
  157. .track-science div.event-header {
  158.     background-color: #cf87d9 !important;
  159.     border-color: #cf87d9 !important;
  160. }
  161. .track-security,
  162. .track-security div.event-header {
  163.     background-color: #de697e !important;
  164.     border-color: #de697e !important;
  165. }
  166.  
  167.  
  168. .event.track-art-culture div.event-header a,
  169. .event.track-resilience-sustainability div.event-header a {
  170.     color: white;
  171. }
  172.  
  173. .favor_favable::after {
  174.     content: " ★";
  175.     display: inline-block;
  176.     color: #fff;
  177.     opacity: .5;
  178. }
  179. .favor_faved::after {
  180.     content: " ★";
  181.     color: #ffea00;
  182. }
  183. .favor_favable,
  184. .favor_faved {
  185.     font-size: 1rem;
  186.     box-sizing: border-box;
  187.     display: inline-block;
  188.     margin-top: -20px;
  189.     margin-left: .2rem;
  190.     text-shadow: 0px 0px 2px rgba(0, 0, 0, 1);
  191.     transform: translateY(5%);
  192. }
  193. #main-content > h2 {
  194.  
  195.     display: inline-block;
  196. }
  197. #main-content > .favor_favable,
  198. #main-content > .favor_faved {
  199.     font-size: 3em;
  200. }
  201.  
  202. .event-navigation ul li {
  203.     background: #e8f5fe;
  204. }
  205.  
  206.  
  207.  
  208. /********* Flexbox **********/
  209. #wrapper {
  210.     display: flex;
  211.     flex-wrap: wrap;
  212. }
  213. #header,
  214. #banner {
  215.     flex: 1 100%;
  216. }
  217. #navigation {
  218.     flex: 0;
  219. }
  220. #main-content {
  221.     flex: 1;
  222.     display: flex;
  223.     flex-wrap: wrap;
  224. }
  225. #main-content > * {
  226.     flex: 1 100%;
  227.     float: none !important;
  228. }
  229. #main-content > p.release {
  230.     flex: 0;
  231.     white-space: nowrap;
  232.     height: 1rem;
  233.     order: -1;
  234. }
  235. #main-content > h2:first-of-type {
  236.     order: -2;
  237.     flex: 0;
  238.     flex-grow: 1;
  239. }
  240.  
  241. #main-content > h2 ~ #details.column {
  242.     order: -1;
  243.     flex: 1 100%;
  244. }
  245. #main-content > h3 ~ #details.column {
  246.     order: 0;
  247.     flex: 0;
  248.     flex-basis: 20%;
  249. }
  250.  
  251. #main-content > .favor_favable,
  252. #main-content > .favor_faved {
  253.     flex: 0;
  254.     order: -3;
  255.     margin-top: 0px;
  256. }
  257.  
  258. #main-content > .column {
  259.     flex: 0;
  260.     flex-basis: 20%;
  261. }
  262. #main-content > .column:first-of-type {
  263.     flex: 1;
  264. }
  265.  
  266. .event-book {
  267.     height: auto;
  268. }
  269.  
  270. /*this only fires on events*/
  271. /* #main-content h3 ~ #basic.column {
  272.     background-color: red;
  273.     flex: 1;
  274.     flex-basis: 20%;
  275. }*/
  276. #main-content > .event-list {
  277.     display: flex;
  278.     flex-wrap: wrap;
  279.     justify-content: flex-start;
  280.     position: relative;
  281. }
  282. .event-list > * {
  283.     height: auto !important;
  284.     float: none !important;
  285.     flex: 0;
  286.     flex-basis: 182px;
  287.     margin: 0;
  288.     min-width: 22%;
  289.     box-sizing: border-box;
  290. }
  291. .event-list .event-wrapper {
  292.     max-height: 200px;
  293. }
  294. .qr {
  295.     flex: 0 !important;
  296.     margin: auto;
  297.     padding: 20px;
  298. }
  299. table.rooms-table {
  300.     min-width: 615px;
  301. }
  302. /********* Mobile (below 980px width) ***********/
  303. @media only screen and (max-width: 980px) {
  304.     #main-content {
  305.         border: none;
  306.     }
  307.  
  308.  
  309.     #main-content > .column {
  310.         flex: 1;
  311.     }
  312.     #main-content > .column:first-of-type {
  313.         flex: 1 100%;
  314.     }
  315.  
  316.  
  317.     @viewport {
  318.         zoom: 1.0;
  319.     }
  320.     #navigation > * {
  321.         display: none;
  322.     }
  323.     #navigation {
  324.         flex: 1 100%;
  325.         height: 0;
  326.         padding: 0;
  327.     }
  328.     #navigation:active > *,
  329.     #navigation:hover > * {
  330.         display: block;
  331.     }
  332.     #navigation:active,
  333.     #navigation:hover {
  334.  
  335.         height: auto;
  336.         display: inline-block;
  337.         position: fixed;
  338.         top: 0px;
  339.         bottom: 0px;
  340.         left: 0px;
  341.         padding: 30px;
  342.         z-index: 3;
  343.         overflow: auto;
  344.         background-color: white;
  345.         box-shadow: -7px 0px 58px 0px rgba(0, 0, 0, 0.54);
  346.     }
  347.     #header,
  348.     #banner {
  349.         box-sizing: border-box;
  350.         padding-left: 110px
  351.     }
  352.     #header {
  353.         box-shadow: 320px 0px 0px 0px #41afff;
  354.     }
  355.     #navigation::before {
  356.         content: "☰";
  357.         text-align: center;
  358.         white-space: pre;
  359.         display: block;
  360.         font-weight: bold;
  361.         font-size: 30px;
  362.         position: fixed;
  363.         top: 0px;
  364.         left: 22px;
  365.         z-index: 3;
  366.         /*box-sizing:border-box;*/
  367.         margin-bottom: -220px;
  368.     }
  369.     #navigation:hover:before {
  370.         content: "[menu]";
  371.         font-size: 20px;
  372.         top: 3px;
  373.         left: 14px;
  374.     }
  375. }
RAW Paste Data
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy. OK, I Understand
 
Top