SHARE
TWEET

Untitled

a guest Dec 10th, 2019 83 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. html {
  2.     width: 100%;
  3. }
  4.  
  5. .tower {
  6.     font-family: Verdana, sans-serif;
  7.     width: 100%;
  8.     background-color: rgba(249, 246, 244, 0.9);
  9.     margin: 0;
  10.     padding: 0;
  11.     box-sizing: border-box;
  12.     -moz-box-sizing: border-box;
  13. }
  14.  
  15. .floor {
  16.     width: 90%;
  17.     opacity: 0.9;
  18.     margin: 0 5% 0 5%;
  19.     background-color: rgb(204,204,204);
  20. }
  21.  
  22. .control-panel {
  23.     display: flex;
  24.     justify-content: flex-start;
  25.     height: 11%;
  26.     background-color: rgb(250,240,230);
  27.     padding: 0 1em 0 0;
  28. }
  29.  
  30.     .control-panel .banner {
  31.         margin-left: auto;
  32.     }
  33.  
  34. a.tile {
  35.     text-decoration: none;
  36. }
  37.  
  38. .control-panel .tile {
  39.     margin: 2px;
  40.     padding: 4px 4px 0 4px;
  41.     overflow: hidden;
  42.     background-color: #3b444b; /*arsenic*/
  43.     font-size: 6.5vh;
  44.     color: rgb(249,246,244); /* orange red peach spring wood */
  45.     align-self: center;
  46. }
  47.  
  48.     .control-panel .tile:hover {
  49.         color: rgb(226,69,16); /* realgar */
  50.         cursor: pointer;
  51.     }
  52.  
  53. .screen-reader-text {
  54.     position: absolute;
  55.     top: -9999px;
  56.     left: -9999px;
  57. }
  58.  
  59. .show-room.index {
  60.     display: flex;
  61.     width: 100%;
  62. }
  63.     .show-room.index .tile {
  64.         margin: 0.5% 1%;
  65.         color: white;
  66.         height: 11em;
  67.         display: flex;
  68.         align-items: center;
  69.         justify-content: center;
  70.         flex-direction: column;
  71.         /* all the last times by mierlagypsy */
  72.         background-color: rgb(195,94,77);
  73.         overflow: hidden;
  74.         text-shadow: 2px 1px #0c0c0c;
  75.     }
  76.  
  77. @media (orientation: landscape) {
  78.     .show-room.index {
  79.         flex-wrap: wrap;
  80.         width: 100%;
  81.     }
  82.  
  83.         .show-room.index .tile {
  84.             flex: 1 0 23%;
  85.         }
  86.  
  87.             .show-room.index .tile:nth-child(3) {
  88.                 flex-basis: 48%;
  89.             }
  90. }
  91.  
  92. @media (orientation: portrait) {
  93.     .show-room.index {
  94.         flex-direction: column;
  95.     }
  96.  
  97.         .show-room.index .tile:nth-child(3) {
  98.             order: 8;
  99.         }
  100.  
  101.         .show-room.index .tile:nth-child(4) {
  102.             order: 9;
  103.         }
  104.  
  105.         .show-room.index .tile:nth-child(7) {
  106.             order: 10;
  107.         }
  108. }
  109.  
  110.         .show-room.index .tile .fas {
  111.             font-size: 8vh;
  112.         }
  113.  
  114.     .show-room.index a.tile {
  115.         background-color: rgb(222, 184, 135);
  116.     }
  117.         .show-room.index a.tile:hover {
  118.             color: rgb(249,246,244); /* orange red peach spring wood */
  119.             background-color: rgb(65,74,76); /* outer space */
  120.         }
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