Advertisement
Guest User

Untitled

a guest
May 4th, 2015
210
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 2.36 KB | None | 0 0
  1. /* Select 3! */
  2.  
  3. .lobby .tablesNav {
  4.     padding: 0 10px 0 0;
  5. }
  6.  
  7. .lobby .tablesOption {
  8.     padding: 0 0 0 10px;
  9. }
  10.  
  11. @media(max-width: 1200px) {
  12.     .lobby .tablesOption, .lobby .tablesNav {
  13.         padding: 0;
  14.     }
  15.  
  16.     .lobby .tablesOption {
  17.         margin: 20px 0 0 0;
  18.     }
  19. }
  20.  
  21. .lobby .tablesNav .select {
  22.     height: 40px;
  23.     line-height: 40px;
  24.     background: #1c1a1a;
  25.     color: #d9d9d9;
  26.     font-family: "robofan";
  27.     font-weight: bold;
  28.     font-style: italic;
  29.     font-size: 22.6px;
  30.     text-transform: uppercase;
  31.     padding: 0;
  32.     z-index: 200;
  33.     float: right;
  34. }
  35.  
  36. @media(max-width: 370px) {
  37.     .lobby .tablesNav .select {
  38.         width: 58%;
  39.         float: right;
  40.     }
  41. }
  42.  
  43. .lobby .tablesNav .select .selected {
  44.     background: #1c1a1a;
  45.     height: 40px;
  46.     line-height: 40px;
  47.     background: #1c1a1a;
  48.     color: #d9d9d9;
  49.     font-family: "robofan";
  50.     font-weight: 200;
  51.     font-style: italic;
  52.     font-size: 22.6px;
  53.     text-transform: uppercase;
  54.     text-align: left;
  55.     padding: 0 20px;
  56.     background: url('../images/icons/arrowBottom.png') no-repeat right;
  57.     overflow: hidden;
  58. }
  59.  
  60. .lobby .tablesNav .select .options {
  61.     height: 0;
  62.     overflow: hidden;
  63.     transition: all 0.5s linear;
  64.     -webkit-transition: all 0.5s linear;
  65.     width: 100%;
  66.     position: absolute;
  67.     top: 100%;
  68. }
  69.  
  70. .lobby .tablesNav .select .options.active, .lobby .tablesNav .select:hover .options {
  71.     height: 360px;
  72. }
  73.  
  74. .lobby .tablesNav .select .option {
  75.     color: #272424;
  76.     font-size: 18px;
  77.     background: #c7c7c7;
  78.     font-family: "Open Sans";
  79.     font-style: normal;
  80.     text-align: left;
  81.     padding: 0 20px;
  82.     height: 40px;
  83.     text-transform: none;
  84.     font-weight: 500;
  85.     width: 100%;
  86. }
  87.  
  88. .lobby .tablesNav .select .option .strong {
  89.     color: inherit;
  90.     font-size: inherit;
  91.     font-weight: 900;
  92.     margin: 0 5px 0 0;
  93. }
  94.  
  95. .lobby .tablesNav .select .strong {
  96.     color: inherit;
  97.     font-size: inherit;
  98.     margin: 0 5px 0 0;
  99. }
  100.  
  101. .lobby .tablesNav .select .text {
  102.     margin: 0 5px 0 0;
  103. }
  104.  
  105. .lobby .tablesNav .selected .currency {
  106.     font-weight: 700;
  107.     color: inherit;
  108.     font-size: 15px !important;
  109.     margin: -2px 0 0 0;
  110. }
  111.  
  112. .lobby .tablesNav .option .currency {
  113.     font-weight: 700;
  114.     color: inherit;
  115.     font-size: 15px !important;
  116.     margin: 0 0 0 0;
  117. }
  118.  
  119. .lobby .tablesNav .select .option:nth-child(even) {
  120.     background: #bdbdbd;
  121. }
  122.  
  123. .lobby .tablesNav .select .option:hover {
  124.     background: #dc465b;
  125.     color: #ffffff;
  126. }
  127.  
  128. .lobby .tablesNav .select span {
  129.     float: left;
  130. }
  131.  
  132. /* End Select 3 */
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement