Advertisement
BaneD

Kara - custom CSS [594726]

Jun 25th, 2015
15
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 2.52 KB | None | 0 0
  1. html.supernova {
  2.     background-position: 0 192px;
  3. }
  4. html.supernova > body {
  5.     background-image: url("http://www.jotform.com/uploads/Ben/form_files/heading-text.png");
  6.     background-position: 0 top;
  7.     background-repeat: no-repeat;
  8.     background-size: 100% auto;
  9. }
  10. @media screen and (min-width:320px) {
  11.  html.supernova {
  12.      background-position: 0px 50px;
  13.    background-size: auto 230px;
  14.  }
  15.  #id_5, #id_6 {
  16.     left: -46%;
  17.     top: -400px;
  18.     width: 150%;
  19.  }
  20.  #cid_6 img {
  21.     height: auto;
  22.     left: 24px;
  23.     min-width: 200px;
  24.     position: relative;
  25.     top: 45px;
  26.  }
  27.  #cid_5 img {
  28.     height: auto;
  29.     min-width: 130%;
  30.  }
  31.  #id_5 {
  32.     left: -58%;
  33.  }
  34.  #id_6 {
  35.     top: -455px;
  36.  }
  37.  ul#section_7 {
  38.     left: 73px;
  39.     top: 30px;
  40.  }
  41. }
  42. @media screen and (min-width:360px) {
  43.   html.supernova {
  44.      background-position: 0px 50px;
  45.    background-size: auto 230px;
  46.  }
  47.  #id_5, #id_6 {
  48.     left: -46%;
  49.     top: -400px;
  50.     width: 150%;
  51.  }
  52.  #id_5 {
  53.     left: -53%;
  54.  }
  55.  #id_6 {
  56.     top: -455px;
  57.  }
  58.  #cid_6 img {
  59.     height: auto;
  60.     left: 35px;
  61.     min-width: 230px;
  62.     position: relative;
  63.     top: 45px;
  64.  }
  65.  ul#section_7 {
  66.     left: 60px;
  67.     top: 95px;
  68.     width: 240px;
  69.  }
  70. }
  71. @media screen and (min-width:768px) {
  72.  html.supernova {
  73.     background-position: 25% 50px;
  74.     background-size: auto 314px;
  75.  }
  76.  #id_5 {
  77.     left: -80px;
  78.     top: -326px;
  79.     width: 55%;
  80.  }
  81.  #id_6 {
  82.     left: 330px;
  83.     top: -638px;
  84.  }
  85.  #cid_6 img {
  86.     width: 255px;
  87.  }
  88.  ul#section_7 {
  89.     left: 489px;
  90.     top: -183px;
  91.     width: 168px;
  92.  }
  93. }
  94. @media screen and (min-width:800px) {
  95.  #id_5 {
  96.     left: -80px;
  97.     top: -399px;
  98.     width: 55%;
  99.  }
  100.  #id_6 {
  101.     left: 360px;
  102.     top: -708px;
  103.  }
  104.  ul#section_7 {
  105.     left: 519px;
  106.     top: -238px;
  107.     width: 168px;
  108.  }
  109. }
  110. @media screen and (min-width:980px) {
  111.  html.supernova {
  112.     background-position: 25% 50px;
  113.     background-size: auto 400px;
  114.  }
  115.  #id_5 {
  116.     left: -70px;
  117.     top: -356px;
  118.     width: 50%;
  119.  }
  120.  #id_6 {
  121.     left: 450px;
  122.     top: -718px;
  123.  }
  124.  #cid_6 img {
  125.     width: 300px;
  126.  }
  127.  ul#section_7 {
  128.     left: 630px;
  129.     top: -170px;
  130.     width: 168px;
  131.  }
  132. }
  133. @media screen and (min-width:1280px) {
  134.  html.supernova {
  135.     background-position: 25% 50px;
  136.     background-size: auto 550px;
  137.  }
  138.  #id_5 {
  139.     left: -100px;
  140.     top: -347px;
  141.     width: 50%;
  142.  }
  143.  #id_6 {
  144.     left: 630px;
  145.     top: -818px;
  146.  }
  147.  #cid_6 img {
  148.     width: 400px;
  149.  }
  150.  ul#section_7 {
  151.     left: 860px;
  152.     top: -80px;
  153.     width: 168px;
  154.  }
  155. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement