Pastebin launched a little side project called VERYVIRAL.com, check it out ;-) Want more features on Pastebin? Sign Up, it's FREE!
Guest

devices.css

By: a guest on Jul 17th, 2013  |  syntax: CSS  |  size: 2.48 KB  |  views: 43  |  expires: Never
download  |  raw  |  embed  |  report abuse  |  print
Text below is selected. Please press Ctrl+C to copy to your clipboard. (⌘+C on Mac)
  1. .bg1 { background-image: url(../img/bg/bg1.jpg) }
  2. .bg2 { background-image: url(../img/bg/bg2.jpg) }
  3. .bg3 { background-image: url(../img/bg/bg3.jpg) }
  4. .bg4 { background-image: url(../img/bg/bg4.jpg) }
  5. .bg5 { background-image: url(../img/bg/bg5.jpg) }
  6. .bg6 { background-image: url(../img/bg/bg6.jpg) }
  7. .bg7 { background-image: url(../img/bg/bg7.jpg) }
  8. .bg8 { background-image: url(../img/bg/bg8.jpg) }
  9. .bg9 { background-image: url(../img/bg/bg9.jpg) }
  10. .bg10 { background-image: url(../img/bg/bg10.jpg) }
  11. .bg11 { background-image: url(../img/bg/bg11.jpg) }
  12. .bg12 { background-image: url(../img/bg/bg12.jpg) }
  13.  
  14. @media all and (max-width: 1439px),
  15.            all and (max-device-width: 1439px) {
  16.                    
  17.         #bottom { height: 320px }
  18.        
  19.         #social {
  20.                 margin: 65px auto 30px;
  21.                 text-align: center;
  22.                 height: 35px;
  23.                 float: none;
  24.         }
  25.        
  26.         #countdown {
  27.                 margin: 0 auto;
  28.                 text-align: center;
  29.                 float: none;
  30.         }
  31.        
  32.         #social > div,
  33.         #countdown > div {
  34.                 display: inline-block;
  35.         }
  36.        
  37.         #countdown > div > div > p.label {
  38.                 margin-top: 135px;
  39.                 opacity: 1;
  40.         }
  41.  
  42. }
  43.  
  44. @media all and (max-width: 660px),
  45.            all and (max-device-width: 660px) {
  46.        
  47.         header { top: 5% }
  48.        
  49.         header > h3 {
  50.                 text-indent: 0;
  51.                 text-align: center;
  52.                 font-style: normal;
  53.                 font-weight: 600;
  54.         }
  55.        
  56.         #bottom { height: 150px }
  57.        
  58.         #social {
  59.                 font-size: 1.1em;
  60.                 margin: 0px auto 30px;
  61.         }
  62.        
  63.         #social > div > ul {
  64.                 margin: 10px 0;
  65.                 display: block;
  66.                 float: none;
  67.         }
  68.        
  69.         #social > div > span {
  70.                 margin: 10px 0;
  71.                 float: none;
  72.                 display: block;
  73.         }
  74.        
  75.         #social > div > span:first-child {
  76.                 margin-top: 15px;
  77.         }
  78.        
  79.         #countdown {
  80.                 display: none;
  81.                 font: 400 4em 'Rambla';
  82.         }
  83.        
  84.         #feedback {
  85.                 position: absolute;
  86.                 padding: 20px 0;
  87.                 width: 100%;
  88.         }
  89.        
  90.         #feedback h2,
  91.         #feedback .descr,
  92.         #feedback .body {
  93.                 padding: 0 20px;
  94.         }
  95.        
  96.         #feedback h2 {
  97.                 font-size: 1.2em
  98.         }
  99.        
  100.         #feedback > .descr {
  101.                 font-size: .85em;
  102.         }      
  103.        
  104.         #feedback > .body {
  105.                 height: 68px;
  106.                 overflow: hidden;
  107.         }
  108.  
  109.        
  110.         #feedback > .close {
  111.                 margin-top: -35px;
  112.                 margin-right: 10px;    
  113.         }
  114.        
  115.         #feedback form > div.inp {
  116.                 width: 100%;
  117.                 text-align: center;
  118.                 float: none;
  119.         }
  120.        
  121.         #feedback form > div.btn {
  122.                 margin-top: 5px;
  123.                 width: 100%;
  124.                 float: none;
  125.                 text-align: center;
  126.         }
  127.        
  128.         #feedback form button {
  129.                 margin: 0;
  130.                 float: none;
  131.         }
  132.        
  133.         span.email-no {
  134.                 position: absolute;
  135.                 margin-top: -23px;
  136.                 right: 30px;
  137.                 white-space: nowrap;
  138.         }
  139.        
  140.         #feedback .feedback-arr {
  141.                 left: 50%;
  142.                 margin-left: -25px;
  143.         }
  144. }
clone this paste RAW Paste Data