Advertisement
Guest User

Contest Blitz Modified CSS

a guest
Jan 21st, 2014
158
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 5.60 KB | None | 0 0
  1. html {
  2.     height: 100%;
  3. }
  4.  
  5. body {
  6.     height: 100%;
  7.     margin: 0;
  8.     padding: 0;
  9. }
  10.  
  11. /** Utility **/
  12. .clear, .contest-clear {
  13.     clear: both;
  14.     display: block;
  15. }
  16.  
  17. .contest-entry-error-text {
  18.     color: #cc0000;
  19. }
  20.  
  21. /** Main Page Structure **/
  22.  
  23. #contest-container {
  24.     margin: 0 auto;
  25.     min-height: 100%;
  26.     height: auto !important;
  27.     height: 100%;
  28.     position: relative;
  29. }
  30.  
  31. #contest-main, #contest-auxiliary {
  32.     top: 0;
  33.     bottom: 0;
  34.  
  35.     box-sizing: border-box;
  36.     -moz-box-sizing: border-box;
  37.     -webkit-box-sizing: border-box;
  38. }
  39.  
  40. #contest-main {
  41.     background: #e7e7e7;
  42.     border: 1px solid #ffffff;
  43.     border-width: 0 1px;
  44.     padding: 12px 33px 0;
  45.     width: 493px;
  46.     margin: 0px auto;
  47.     padding-bottom: 10px;
  48. }
  49.  
  50. #contest-auxiliary {
  51.     background: #e7e7e7;
  52.     border: 1px solid #ffffff;
  53.     border-width: 0 1px;
  54.     padding: 12px 33px 0;
  55.     width: 493px;
  56.     margin: 0px auto;
  57. }
  58.  
  59. #contest-rules-overlay {
  60.     border: 1px solid #cfcfcf;
  61.     background: #f7f7f7;
  62.     display: none;
  63.     margin: 0px auto;
  64.     width: 490px;
  65.     z-index: 10000;
  66.  
  67.     -webkit-box-shadow: 0px 0px 10px 0px rgba(195, 63, 63, .84);
  68.     -moz-box-shadow: 0px 0px 10px 0px rgba(195, 63, 63, .84);
  69.     box-shadow: 0px 0px 10px 0px rgba(195, 63, 63, .84);
  70.  
  71. }
  72.  
  73. #contest-rules-overlay-inner {
  74.     color: #b2313a;
  75.     font-size: 10px;
  76.     font-family: "Trebuchet MS", Arial;
  77.     height: 325px;
  78.     margin: 10px 5px 10px 20px;
  79.     overflow: auto;
  80.     text-shadow: #ffffff 0 1px 0;
  81. }
  82.  
  83. /** Typographical and Element Styling **/
  84.  
  85. .contest-branding {
  86.     background: transparent;
  87.     display: block;
  88.     margin: 0 auto;
  89. }
  90.  
  91. .contest-branding img {
  92.     display: block;
  93.     margin: 0 auto;
  94. }
  95.  
  96. .contest-entry-count {
  97.     background: transparent url(../img/want-more.png) no-repeat top right;
  98.     color: #575757;
  99.     font-family: "Myriad Pro";
  100.     font-size: 18px;
  101.     line-height: 1;
  102.     margin: 26px 0 0;
  103.     padding: 0 0 40px;
  104.     text-align: center;
  105. }
  106.  
  107. .contest-entry-count strong, .contest-title-get-friends strong {
  108.     color: #b2313a;
  109.     font-size: 24px;
  110. }
  111.  
  112. .contest-title {
  113.     font-size: 24px;
  114.     line-height: 30px;
  115.     text-align: center;
  116.     text-transform: uppercase;
  117.  
  118.     text-shadow: #ffffff 0 1px 0;
  119. }
  120.  
  121. .contest-title-get-friends {
  122.     margin-top: 0;
  123.     text-transform: none;
  124. }
  125.  
  126. .contest-description {
  127.     color: #888888;
  128.     font-family: Georgia;
  129.     font-size: 18px;
  130.     font-style: italic;
  131.     font-weight: normal;
  132.     line-height: 22px;
  133.  
  134.     text-shadow: #ffffff 0 1px 0;
  135. }
  136.  
  137. .contest-social, .contest-share {
  138.     color: #888888;
  139.     font-family: Georgia;
  140.     font-size: 18px;
  141.     font-style: italic;
  142.     line-height: 1;
  143.     margin-left: 25px;
  144.  
  145.     text-shadow: #ffffff 0 1px 0;
  146. }
  147.  
  148. .contest-share ul, .contest-share li, .contest-social ul, .contest-social li {
  149.     list-style: none;
  150.     margin: 0;
  151.     padding: 0;
  152. }
  153.  
  154. .contest-share li, .contest-social li {
  155.     margin-bottom: 16px;
  156. }
  157.  
  158. .contest-share li {
  159.  
  160. }
  161.  
  162. .contest-share-social-label {
  163.     display: block;
  164.     float: left;
  165.     width: 175px;
  166. }
  167.  
  168. .contest-share-social-widget {
  169.     background: #e7e7e7;
  170.     display: block;
  171.     float: left;
  172. }
  173.  
  174. .contest-fb-share {
  175.     text-decoration: none;
  176. }
  177.  
  178. .contest-share-social-widget-linkedin {
  179.     margin-top: -1px;
  180. }
  181.  
  182. #contest-referral-link-field {
  183.     font-size: 24px;
  184.     line-height: 24px;
  185. }
  186.  
  187. .contest-instructions {
  188.     font-size: 24px;
  189.     line-height: 1;
  190.  
  191.     text-shadow: #ffffff 0 1px 0;
  192. }
  193.  
  194. .contest-instructions-step-2 {
  195.     margin: 34px 0 27px;
  196. }
  197.  
  198. .contest-instructions-step-3 {
  199.     margin: 27px 0 15px;
  200. }
  201.  
  202. .contest-twitter-follow iframe {
  203.     position: relative;
  204.     top: 4px;
  205. }
  206.  
  207. .contest-fb-like iframe {
  208.     width: 74px !important;
  209. }
  210.  
  211. .contest-fb-subscribe iframe {
  212.     width: 118px !important;
  213. }
  214.  
  215. .contest-fb-like .fb_edge_comment_widget iframe, .contest-fb-subscribe .fb_edge_comment_widget iframe {
  216.     display: none !important;
  217. }
  218.  
  219. .contest-entry-form {
  220.     background: #ffffff;
  221.     padding: 25px 25px 4px;
  222.  
  223.     border-radius: 12px;
  224.     -moz-border-radius: 12px;
  225.     -webkit-border-radius: 12px;
  226. }
  227.  
  228. .contest-entry-form label {
  229.     color: #605d5c;
  230.     display: block;
  231.     font-size: 14px;
  232.     font-weight: bold;
  233.     line-height: 1;
  234.     margin-bottom: 10px;
  235. }
  236.  
  237. .contest-entry-form .contest-entry-error-text label {
  238.     color: #cc0000;
  239. }
  240.  
  241. .contest-entry-fieldbox {
  242.     margin-bottom: 20px;
  243. }
  244.  
  245. .contest-entry-fieldbox-submit {
  246.     margin-bottom: 0;
  247. }
  248.  
  249. .contest-entry-field-text {
  250.     border: 1px solid #808080;
  251.     color: #8a8a8a;
  252.     font-family: Georgia;
  253.     font-size: 14px;
  254.     font-style: italic;
  255.     height: 48px;
  256.     line-height: 48px;
  257.     padding: 0 18px;
  258.     width: 100%;
  259.  
  260.     box-sizing: border-box;
  261.     -moz-box-sizing: border-box;
  262.     -webkit-box-sizing: border-box;
  263.  
  264.     border-radius: 6px;
  265.     -moz-border-radius: 6px;
  266.     -webkit-border-radius: 6px;
  267. }
  268.  
  269. .contest-entry-field-submit {
  270.     background: transparent url(../img/enter-contest-button.png) no-repeat center center;
  271.     border: 0;
  272.     color: transparent;
  273.     display: block;
  274.     height: 96px;
  275.     margin: -18px auto 0;
  276.     width: 226px;
  277. }
  278.  
  279. .contest-date {
  280.     color: #8a8a8a;
  281.     font-size: 14px;
  282.     font-style: italic;
  283.     margin: 40px 0 40px;
  284.     text-align: center;
  285. }
  286.  
  287. .contest-date strong {
  288.     display: block;
  289.     font-size: 18px;
  290.     font-style: normal;
  291.     font-weight: normal;
  292. }
  293.  
  294. .contest-image {
  295.     margin-bottom: 35px;
  296. }
  297.  
  298. .contest-image img {
  299.     display: block;
  300.     margin: 0 auto;
  301.     max-width: 100%;
  302. }
  303.  
  304. .contest-disclaimer {
  305.     border-bottom: 1px solid #e7e7e7;
  306.     font-family: Georgia;
  307.     font-size: 11px;
  308.     font-style: italic;
  309.     padding-bottom: 40px;
  310.     text-align: center;
  311. }
  312.  
  313. .contest-disclaimer a {
  314.     text-decoration: underline;
  315. }
  316.  
  317. .contest-powered, .contest-powered a {
  318.     border-top: 1px solid #ffffff;
  319.     color: #a8a8a8;
  320.     font-family: Georgia;
  321.     font-size: 10px;
  322.     font-style: italic;
  323.     line-height: 15px;
  324.     padding-top: 10px;
  325.     text-align: center;
  326. }
  327.  
  328. .contest-powered a {
  329.     border: 0;
  330. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement