-
-
Save JulianMiller/1142404 to your computer and use it in GitHub Desktop.
CSS
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| .container { | |
| width: 960px; | |
| margin:auto; | |
| } | |
| container { | |
| width:960px; | |
| margin:auto; | |
| } | |
| #wrapper{ | |
| width:960px; | |
| margin:auto; | |
| } | |
| body { | |
| background: #FFFFFF; | |
| color:#000000; | |
| font-family:Georgia, sans-serif; | |
| line-height:21px; | |
| font-size:13px | |
| } | |
| header { | |
| background: #ffffff; | |
| background-image: url('/images/headerbg.png'); | |
| background-repeat:repeat-x; | |
| padding-top: 0px; | |
| height:162px; | |
| } | |
| header img { | |
| padding: 1em; | |
| background: transparent; | |
| margin-top:-5px; | |
| } | |
| #headercont{ | |
| width:960px; | |
| margin:auto; | |
| } | |
| #content{ | |
| float:left; | |
| width:550px; | |
| } | |
| #sidebar | |
| { | |
| float:right; | |
| width:350px; | |
| } | |
| section { | |
| margin-top: 1em; | |
| font-size: 120%; | |
| padding: 20px; | |
| background: #fff; | |
| } | |
| section h1 { | |
| font-size: 200%; | |
| } | |
| /* Links */ | |
| a { | |
| color: #09c; | |
| text-decoration: none; | |
| } | |
| a:hover { | |
| color: #069; | |
| text-decoration: underline; | |
| } | |
| a:visited { | |
| color: #069; | |
| } | |
| /* Navigation */ | |
| nav { | |
| float: right; | |
| margin-top:42px; | |
| margin-right:200px; | |
| } | |
| nav { | |
| background-color: transparent; | |
| padding: 0 0.7em; | |
| white-space: nowrap; | |
| font-size:14px; | |
| } | |
| nav ul { | |
| margin: 0; | |
| padding: 0; | |
| } | |
| nav ul li { | |
| list-style-type: none; | |
| display: inline-block; | |
| padding: 0.2em 0; | |
| } | |
| nav ul li a { | |
| padding: 0 5px; | |
| font-weight: bold; | |
| } | |
| nav ul li a:visited { | |
| color: #ffffff; | |
| } | |
| nav ul li a:hover { | |
| text-decoration: underline; | |
| } | |
| /* User Navigation */ | |
| .usernav { | |
| float: right; | |
| margin-top:-20; | |
| width:269px; | |
| height:35px; | |
| text-align:center; | |
| } | |
| .usernav { | |
| background-color: transparent; | |
| background-image: url('/images/userbg.png'); | |
| padding: 0 0.7em; | |
| white-space: nowrap; | |
| } | |
| usernav ul { | |
| margin: 0; | |
| padding: 0; | |
| } | |
| usernav ul li { | |
| list-style-type: none; | |
| display: inline-block; | |
| padding: 0.2em 0; | |
| } | |
| usernav ul li a { | |
| padding: 0 5px; | |
| font-weight: bold; | |
| } | |
| usernav ul li a:visited { | |
| color: #ffffff; | |
| } | |
| usernav ul li a:hover { | |
| text-decoration: underline; | |
| } | |
| /* Round corners */ | |
| .round { | |
| -moz-border-radius: 7px; | |
| -webkit-border-radius: 7px; | |
| border-radius: 7px; | |
| } | |
| footer { | |
| background: #a7d2ea; | |
| text-align: center; | |
| margin-top: 10px; | |
| min-height:300px; | |
| } | |
| footer nav { | |
| float: none; | |
| } | |
| div.field, div.actions { | |
| margin-bottom: 10px; | |
| } | |
| .field_with_errors { | |
| margin-top: 10px; | |
| padding: 2px; | |
| background-color: red; | |
| display: table; | |
| } | |
| .field_with_errors label { | |
| color: #fff; | |
| } | |
| #error_explanation { | |
| width: 400px; | |
| border: 2px solid red; | |
| padding: 7px; | |
| padding-bottom: 12px; | |
| margin-bottom: 20px; | |
| background-color: #f0f0f0; | |
| } | |
| #error_explanation h2 { | |
| text-align: left; | |
| font-weight: bold; | |
| padding: 5px 5px 5px 15px; | |
| font-size: 12px; | |
| margin: -7px; | |
| background-color: #c00; | |
| color: #fff; | |
| } | |
| #error_explanation p { | |
| color: #333; | |
| margin-bottom: 0; | |
| padding: 5px; | |
| } | |
| #error_explanation ul li { | |
| font-size: 12px; | |
| list-style: square; | |
| } | |
| /* User show page */ | |
| table.profile { | |
| width: 100%; | |
| margin-bottom: 0; | |
| } | |
| td.main { | |
| width: 70%; | |
| padding: 1em; | |
| } | |
| td.sidebar { | |
| width: 30%; | |
| padding: 1em; | |
| vertical-align: top; | |
| background: #ffc; | |
| } | |
| .profile img.gravatar { | |
| border: 1px solid #999; | |
| margin-bottom: -15px; | |
| } | |
| .subjectbanner { | |
| float:right; | |
| } | |
| .sidebar { | |
| float: right; | |
| width: 300px; | |
| padding: 4px; | |
| } | |
| #sidebar #spiffs | |
| { | |
| background-color:#e2f2ff; | |
| padding:12px 16px; | |
| color:#000000; | |
| margin-bottom:30px | |
| } | |
| #spiffs .item | |
| { | |
| padding:10px 0; | |
| border-top:1px solid #93adc8 | |
| } | |
| #spiffs .item.first | |
| { | |
| padding:0 0 10px 0; | |
| border-top:none | |
| } | |
| #spiffs a | |
| { | |
| display:block; | |
| font-size:11px; | |
| font-weight:bold | |
| } | |
| #spiffs .item p | |
| { | |
| font-size:12px; | |
| font-style:italic; | |
| font-weight:normal; | |
| color:#000000; | |
| line-height:16px | |
| } | |
| #spiffs form | |
| { | |
| padding-top:10px | |
| } | |
| #spiffs form select | |
| { | |
| width:210px | |
| } | |
| .divClear { | |
| clear:both; | |
| } | |
| .featured_deal | |
| { | |
| padding-bottom:20px; | |
| background:transparent url(../images/divider.gif) bottom left repeat-x | |
| } | |
| .featured_deal img.carousel | |
| { | |
| padding:4px; | |
| margin-bottom:14px; | |
| border:1px solid #cfcfcf; | |
| display:none | |
| } | |
| .featured_deal img.carousel.active | |
| { | |
| display:block | |
| } | |
| .summary | |
| { | |
| padding-top:30px | |
| } | |
| .featured_deal p | |
| { | |
| padding-bottom:20px | |
| } | |
| .featured_details .details | |
| { | |
| width:320px; | |
| float:left; | |
| padding-right:17px | |
| } | |
| .featured_details .details .review | |
| { | |
| margin-bottom:20px | |
| } | |
| .featured_details .location | |
| { | |
| width:250px; | |
| float:left; | |
| padding-top:30px; | |
| padding-bottom:20px; | |
| background:transparent url(../images/divider.gif) bottom left repeat-x | |
| } | |
| .featured_details .location .map | |
| { | |
| overflow:hidden; | |
| width:250px; | |
| height:160px; | |
| background-color:gray; | |
| position:relative; | |
| border:1px solid #ddd | |
| } | |
| #get_the_deal | |
| { | |
| clear:both; | |
| overflow:hidden; | |
| margin-bottom:20px; | |
| padding:23px 30px 8px 30px; | |
| background:transparent url(../images/buy_bg.jpg) top left repeat-x | |
| } | |
| #buy_now | |
| { | |
| display:block; | |
| height:46px; | |
| text-decoration:none; | |
| width:184px; | |
| padding:3px 20px 5px 16px; | |
| background:transparent url(../images/buy_now_bg.gif) top left no-repeat | |
| } | |
| #buy_now * | |
| { | |
| white-space:nowrap; | |
| display:block; | |
| float:left | |
| } | |
| .buynow | |
| { | |
| font-family:"trebuchet ms", verdana, sans-serif; | |
| color:#76acd6; | |
| font-style:italic; | |
| font-size:23px; | |
| line-height:51px; | |
| padding-left:5px | |
| } | |
| .currency | |
| { | |
| font-family:"Georgia", Times, serif; | |
| color:#ffffff; | |
| font-size:18px; | |
| line-height:48px; | |
| padding-right:5px | |
| } | |
| .price | |
| { | |
| font-family:"Georgia", Times, serif; | |
| color:#ffffff; | |
| font-size:32px; | |
| line-height:46px; | |
| padding-right:5px | |
| } | |
| .buynow | |
| { | |
| color:#4781af | |
| } | |
| .savings | |
| { | |
| font-family:"Georgia", Times, serif; | |
| font-size:18px; | |
| padding:10px 5px 20px 5px; | |
| width:200px; | |
| float:left | |
| } | |
| .col_left div,.col_right div,.col_center div | |
| { | |
| display:block | |
| } | |
| .col_left | |
| { | |
| float:left; | |
| width:33%; | |
| display:block | |
| } | |
| .col_center | |
| { | |
| text-align:center; | |
| width:33%; | |
| float:left; | |
| display:block | |
| } | |
| .col_right | |
| { | |
| float:left; | |
| text-align:right; | |
| width:34%; | |
| display:block | |
| } | |
| .transaction_error | |
| { | |
| margin-bottom:15px; | |
| padding:6px 10px 5px 10px; | |
| background:#FFFCD7; | |
| border:1px solid #F20538 | |
| } | |
| .transaction_error .formError | |
| { | |
| color:#F20538 | |
| } | |
| .expired | |
| { | |
| margin-left:-4px; | |
| width:215px; | |
| margin-bottom:10px; | |
| height:50px; | |
| text-indent:-99999px; | |
| background:url(../images/expired.gif) | |
| } | |
| .sold-out | |
| { | |
| margin-left:-4px; | |
| width:215px; | |
| margin-bottom:10px; | |
| height:50px; | |
| text-indent:-99999px; | |
| background:url(../images/sold-out.gif) | |
| } | |
| .not-begun | |
| { | |
| margin-left:-4px; | |
| width:215px; | |
| margin-bottom:10px; | |
| height:50px; | |
| text-indent:-99999px; | |
| background:url(../images/not-begun.gif) | |
| } | |
| .time_left | |
| { | |
| border-top:1px solid #a6b6c8; | |
| border-bottom:1px solid #a6b6c8; | |
| color:#255279; | |
| clear:both; | |
| margin-top:10px; | |
| margin-bottom:20px; | |
| padding:10px 0 10px 65px; | |
| font-style:italic; | |
| font-family:"Georgia", Times, serif; | |
| font-size:13px; | |
| background:transparent url(../images/clock.gif) 15px 18px no-repeat | |
| } | |
| .time_left .time | |
| { | |
| font-family:Helvetica, Arial, sans-serif; | |
| font-size:29px; | |
| padding-top:4px; | |
| display:block; | |
| font-weight:bold; | |
| font-style:normal | |
| } | |
| .additional-deal | |
| { | |
| background-color:#EDE6D8; | |
| padding:10px 15px 15px 15px; | |
| margin-bottom:30px | |
| } | |
| .additional-deal a | |
| { | |
| text-decoration:none | |
| } | |
| .additional-deal a img | |
| { | |
| padding-bottom:10px | |
| } | |
| .additional-deal a span | |
| { | |
| font-size:16px; | |
| font-weight:bold | |
| } | |
| .total_bought | |
| { | |
| padding-top:10px; | |
| font-family:"trebuchet ms", verdana,sans-serif; | |
| color:#003366; | |
| font-size:21px; | |
| text-align:center | |
| } | |
| .total_bought .remaining | |
| { | |
| color:#4987bb; | |
| font-style:italic; | |
| font-size:13px | |
| } | |
| #sidebar #spiffs | |
| { | |
| background-color:#a7d05b; | |
| padding:12px 16px; | |
| color:#000000; | |
| margin-bottom:30px | |
| } | |
| #spiffs .item | |
| { | |
| padding:10px 0; | |
| border-top:1px solid #93adc8 | |
| } | |
| #spiffs .item.first | |
| { | |
| padding:0 0 10px 0; | |
| border-top:none | |
| } | |
| #spiffs a | |
| { | |
| display:block; | |
| font-size:11px; | |
| font-weight:bold | |
| } | |
| #spiffs .item p | |
| { | |
| font-size:12px; | |
| font-style:italic; | |
| font-weight:normal; | |
| color:#000000; | |
| line-height:16px | |
| } | |
| #spiffs form | |
| { | |
| padding-top:10px | |
| } | |
| #spiffs form select | |
| { | |
| width:210px | |
| } | |
| .steps | |
| { | |
| float:left; | |
| clear:both; | |
| width:570px; | |
| padding-bottom:10px | |
| } | |
| .steps div | |
| { | |
| float:left; | |
| width:370px; | |
| display:block | |
| } | |
| #content .steps img | |
| { | |
| float:left; | |
| padding:0 40px 40px 0 | |
| } | |
| .steps p | |
| { | |
| clear:both | |
| } | |
| #email_alerts | |
| { | |
| background-color:#e2f2ff; | |
| padding:15px 12px; | |
| float:left; | |
| width:226px | |
| } | |
| #quotes | |
| { | |
| width:270px | |
| } | |
| .individual_quotes | |
| { | |
| border-top:1px solid #95c3db; | |
| font-family:"trebuchet ms", verdana, sans-serif; | |
| padding-top:10px | |
| } | |
| .individual_quotes p | |
| { | |
| font-style:italic; | |
| font-size:12px; | |
| line-height:19px; | |
| padding-bottom:10px | |
| } | |
| .individual_quotes p.citation | |
| { | |
| font-weight:bold; | |
| font-size:14px; | |
| font-style:normal | |
| } | |
| .individual_quotes p.citation span | |
| { | |
| clear:both; | |
| display:block; | |
| font-weight:normal; | |
| font-size:12px; | |
| font-style:normal | |
| } | |
| #quotes h4 | |
| { | |
| padding:0 0 10px 45px; | |
| background:transparent url(../images/quote.jpg) top left no-repeat | |
| } | |
| #email_alerts h4 | |
| { | |
| padding:2px 0 10px 45px; | |
| background:transparent url(../images/email_icon.jpg) top left no-repeat | |
| } | |
| #email_alerts h4 span | |
| { | |
| display:block; | |
| clear:both; | |
| font-style:italic; | |
| font-size:12px | |
| } | |
| #still_have_questions | |
| { | |
| padding-bottom:10px; | |
| padding-bottom:10px | |
| } | |
| #still_have_questions h4 | |
| { | |
| padding:2px 0 10px 45px; | |
| background:transparent url(../images/question.gif) top left no-repeat | |
| } | |
| #still_have_questions h4 span | |
| { | |
| display:block; | |
| clear:both; | |
| font-style:italic; | |
| font-size:12px | |
| } | |
| #still_have_questions h4 span a | |
| { | |
| color:#b22600 | |
| } | |
| strong | |
| { | |
| font-weight:bold | |
| } | |
| .create_account | |
| { | |
| border-bottom:1px solid #95c3db; | |
| padding-bottom:10px; | |
| margin-bottom:10px | |
| } | |
| .create_account h4 | |
| { | |
| padding:2px 0 10px 0 | |
| } | |
| .create_account h4 span | |
| { | |
| display:block; | |
| clear:both; | |
| font-style:italic; | |
| font-size:12px | |
| } | |
| .create_account h4 span a | |
| { | |
| color:#b22600 | |
| } | |
| form#email_alert | |
| { | |
| width:220px; | |
| float:left | |
| } | |
| form#email_alert label | |
| { | |
| display:none | |
| } | |
| form#email_alert p | |
| { | |
| float:left | |
| } | |
| form#email_alert input | |
| { | |
| background:transparent url(../images/email_input.jpg) top left no-repeat; | |
| width:142px; | |
| height:12px; | |
| padding:10px 5px 10px 10px; | |
| border:none; | |
| font-size:12px; | |
| color:#000000; | |
| font-family:Arial, sans-serif; | |
| font-weight:bold | |
| } | |
| form#email_alert button | |
| { | |
| text-indent:-9999px; | |
| text-transform:uppercase; | |
| outline:none; | |
| cursor:pointer; | |
| float:left; | |
| width:62px; | |
| height:33px; | |
| border:none; | |
| background:transparent url(../images/join.jpg) top left no-repeat | |
| } | |
| #referalls | |
| { | |
| background-color:#def8b1; | |
| padding:15px 12px | |
| } | |
| .spiff | |
| { | |
| background-color:#E2F2FF; | |
| padding:20px | |
| } | |
| .spiff p | |
| { | |
| padding-bottom:10px | |
| } | |
| #feature_business.spiff | |
| { | |
| float:left; | |
| width:270px | |
| } | |
| #common_questions.spiff | |
| { | |
| width:220px; | |
| font-family:"trebuchet ms", verdana, sans-serif; | |
| font-size:12px; | |
| line-height:20px | |
| } | |
| #common_questions.spiff p | |
| { | |
| padding-bottom:20px | |
| } | |
| #common_questions.spiff p a | |
| { | |
| color:#b31a00; | |
| font-weight:bold | |
| } | |
| .sub_spiff | |
| { | |
| background:#def8b1; | |
| padding:18px 20px; | |
| margin-top:20px; | |
| float:left; | |
| clear:both; | |
| width:220px | |
| } | |
| .sub_spiff#referrals | |
| { | |
| background:#EDE6D8 | |
| } | |
| #the_team.sub_spiff | |
| { | |
| margin:0; | |
| padding:18px 20px 18px 30px; | |
| width:270px | |
| } | |
| ul.follow_us li | |
| { | |
| float:left; | |
| font-size:15px; | |
| font-weight:bold; | |
| padding-right:5px; | |
| font-family:"trebuchet ms", verdana, sans-serif; | |
| } | |
| ul.follow_us li img | |
| { | |
| padding-top:3px | |
| } | |
| .sub_spiff p | |
| { | |
| font-style:italic; | |
| font-family:"trebuchet ms", verdana; | |
| font-size:12px; | |
| line-height:16px; | |
| padding-bottom:10px | |
| } | |
| .spiff a.learn_more | |
| { | |
| text-indent:-9999px; | |
| text-transform:uppercase; | |
| outline:none; | |
| cursor:pointer; | |
| display:block; | |
| float:left; | |
| width:90px; | |
| height:31px; | |
| background:transparent url(../images/learn_more_2.gif) top left no-repeat | |
| } | |
| .sub_spiff a.learn_more | |
| { | |
| text-indent:-9999px; | |
| text-transform:uppercase; | |
| outline:none; | |
| cursor:pointer; | |
| display:block; | |
| float:left; | |
| width:90px; | |
| height:31px; | |
| background:transparent url(../images/learn_more.jpg) top left no-repeat | |
| } | |
| ul.team_members | |
| { | |
| width:267px; | |
| padding-bottom:10px; | |
| float:left | |
| } | |
| ul.team_members li | |
| { | |
| padding:0 5px 5px 0; | |
| float:left | |
| } | |
| ul.team_members li a | |
| { | |
| display:block; | |
| float:left; | |
| background-color:#ffffff; | |
| padding:3px; | |
| border:1px solid #bbd195; | |
| text-decoration:none | |
| } | |
| ul.team_members li a span | |
| { | |
| background-color:#000000; | |
| color:#ffffff; | |
| display:block; | |
| clear:both; | |
| padding:0 5px; | |
| font-weight:bold; | |
| font-size:12px | |
| } | |
| h1,h2,h3,h4,h5,h6 | |
| { | |
| font-family:"trebuchet ms", verdana, sans-serif; | |
| } | |
| h2 | |
| { | |
| background:transparent url(../images/page_header_dots.gif) center left repeat-x; | |
| color:#00487a; | |
| margin-bottom:10px; | |
| font-size:18px; | |
| font-weight:bold; | |
| font-family:"Myriad Pro", Helvetica, Arial, sans-serif; | |
| } | |
| h2 span | |
| { | |
| background-color:white; | |
| padding-right:20px | |
| } | |
| h3 | |
| { | |
| font-size:37px; | |
| font-weight:bold; | |
| line-height:40px | |
| } | |
| .steps h3 | |
| { | |
| font-size:32px; | |
| float:left | |
| } | |
| .blocks h3 | |
| { | |
| font-size:32px | |
| } | |
| .blocks p | |
| { | |
| padding-bottom:10px | |
| } | |
| .faq_items p | |
| { | |
| padding-bottom:20px | |
| } | |
| .faq_items a | |
| { | |
| font-family:Georgia, sans-serif; | |
| } | |
| h4 | |
| { | |
| font-size:22px; | |
| line-height:1.3; | |
| font-weight:bold; | |
| padding-bottom:10px | |
| } | |
| #sidebar h4 | |
| { | |
| font-size:17px | |
| } | |
| .blocks h4 | |
| { | |
| font-size:24px | |
| } | |
| .blocks h4 a | |
| { | |
| font-size:12px | |
| } | |
| #common_questions.spiff h4 | |
| { | |
| border-bottom:1px solid #95c3db; | |
| margin-bottom:10px | |
| } | |
| h5 | |
| { | |
| font-size:18px; | |
| padding-bottom:5px; | |
| color:#000000; | |
| font-weight:bold | |
| } | |
| .details h5 | |
| { | |
| clear:both; | |
| padding-top:30px | |
| } | |
| .location h5 | |
| { | |
| font-size:22px; | |
| padding-top:20px; | |
| color:#b54400; | |
| font-weight:normal | |
| } | |
| .blocks h5 | |
| { | |
| font-size:16px | |
| } | |
| #common_questions.spiff h5 | |
| { | |
| font-size:14px | |
| } | |
| #referral.spiff h5 | |
| { | |
| font-size:14px; | |
| font-weight:bold | |
| } | |
| h6 | |
| { | |
| font-style:italic; | |
| font-weight:bold; | |
| font-size:16px | |
| } | |
| .additional-deal h6 | |
| { | |
| padding:5px 0 20px 40px; | |
| font-style:normal; | |
| background:transparent url(../images/bonus_deal_icon.gif) top left no-repeat | |
| } | |
| #sidebar h7 | |
| { | |
| color:#003366; | |
| font-size:13px; | |
| font-family:"trebuchet ms", verdana; | |
| font-weight:bold | |
| } | |
| #sidebar .savings h6 | |
| { | |
| font-style:normal; | |
| color:#003366; | |
| font-size:13px; | |
| font-family:"trebuchet ms", verdana; | |
| font-weight:bold | |
| } | |
| h7#business_on_wedeal | |
| { | |
| background:transparent url(../images/business.gif) top left no-repeat | |
| } | |
| h7#referrals | |
| { | |
| padding-left:18px; | |
| background:transparent url(../images/beige-dollaz.gif) top left no-repeat | |
| } | |
| h7#partner_of_the_week | |
| { | |
| background:transparent url(../images/partners.gif) top left no-repeat | |
| } | |
| h7#planning_a_trip | |
| { | |
| background:transparent url(../images/planning.gif) top left no-repeat | |
| } | |
| #sidebar #spiffs h7 | |
| { | |
| padding:0 0 0 20px; | |
| color:#000000 | |
| } | |
| a | |
| { | |
| font-family:"trebuchet ms", verdana, sans-serif; | |
| color:#00649a | |
| } | |
| ol li | |
| { | |
| list-style:none; | |
| padding-left:10px | |
| } | |
| form.page_forms | |
| { | |
| padding-top:20px; | |
| float:left; | |
| padding-bottom:40px | |
| } | |
| form.page_forms ul | |
| { | |
| padding-bottom:10px; | |
| display:block; | |
| float:left | |
| } | |
| .blocks form.page_forms ul li | |
| { | |
| padding-left:0; | |
| background:none | |
| } | |
| .flash.error | |
| { | |
| margin-bottom:12px; | |
| padding:4px 10px; | |
| width:300px; | |
| border:1px solid red; | |
| font-family:sans-serif; | |
| color:red; | |
| background:#fff | |
| } | |
| form .formError | |
| { | |
| color:red | |
| } | |
| form.page_forms ul li | |
| { | |
| padding-bottom:10px; | |
| float:left; | |
| display:block; | |
| clear:both; | |
| font-family:"trebuchet ms", verdana, sans-serif; | |
| } | |
| form.page_forms ul li span | |
| { | |
| display:block; | |
| padding-right:20px; | |
| float:left | |
| } | |
| form#login_form | |
| { | |
| padding-top:0 | |
| } | |
| form#login_form ul li a | |
| { | |
| clear:left | |
| } | |
| form.page_forms ul li a | |
| { | |
| display:block; | |
| float:left; | |
| font-weight:bold; | |
| font-size:11px; | |
| text-decoration:none; | |
| font-family:"trebuchet ms", verdana, sans-serif; | |
| } | |
| form.page_forms ul li.check_radio label | |
| { | |
| float:left; | |
| font-style:italic; | |
| padding:0 0 0 10px; | |
| margin-top:-4px | |
| } | |
| form.page_forms ul li label | |
| { | |
| float:left | |
| } | |
| form.page_forms ul li.toggle_subscription | |
| { | |
| margin:20px 0 | |
| } | |
| form.page_forms ul li.inline label | |
| { | |
| float:left; | |
| width:120px; | |
| padding-top:5px | |
| } | |
| form.page_forms ul li.inline .text_field_l | |
| { | |
| clear:none; | |
| width:180px | |
| } | |
| form.page_forms ul li.inline .text_field_l input | |
| { | |
| clear:none; | |
| width:180px | |
| } | |
| form.page_forms ul li.inline .formError,form.page_forms ul li.inline .fieldWithErrors | |
| { | |
| display:inline | |
| } | |
| form.page_forms ul li .cols | |
| { | |
| float:left; | |
| padding-right:10px | |
| } | |
| form.page_forms ul li .cols.monthyear | |
| { | |
| width:200px | |
| } | |
| form.page_forms ul li .cols.monthyear label | |
| { | |
| width:200px | |
| } | |
| form.page_forms ul li .cols.monthyear div | |
| { | |
| width:84px; | |
| float:left; | |
| margin-right:10px | |
| } | |
| form.page_forms ul li .cols select#cardmonth | |
| { | |
| width:84px; | |
| float:left | |
| } | |
| form.page_forms ul li .cols select#cardyear | |
| { | |
| width:80px; | |
| float:left | |
| } | |
| form.page_forms ul li select | |
| { | |
| margin-top:10px; | |
| display:block; | |
| clear:left; | |
| display:block; | |
| width:200px | |
| } | |
| form.page_forms ul li .checkbox | |
| { | |
| float:left; | |
| position:relative; | |
| top:4px; | |
| margin-right:5px | |
| } | |
| form.page_forms ul li .cols select | |
| { | |
| width:100px; | |
| padding:6px 6px 6px 4px | |
| } | |
| form.page_forms ul li .cols.city input | |
| { | |
| width:115px | |
| } | |
| form.page_forms ul li .cols.zip input | |
| { | |
| width:50px | |
| } | |
| form.page_forms ul li .cols.card input | |
| { | |
| width:200px | |
| } | |
| form.page_forms ul li .cols.cvv input | |
| { | |
| width:30px | |
| } | |
| form.page_forms ul li .cols a | |
| { | |
| padding-left:10px; | |
| width:40px; | |
| line-height:12px; | |
| text-decoration:underline | |
| } | |
| .two_cols | |
| { | |
| width:280px; | |
| float:left | |
| } | |
| .two_cols_wide | |
| { | |
| width:560px; | |
| float:left | |
| } | |
| .two_cols .text_field_r input | |
| { | |
| width:240px | |
| } | |
| form.page_forms ul li .cols label.inline | |
| { | |
| padding-top:16px | |
| } | |
| .card_summary | |
| { | |
| padding-bottom:20px; | |
| float:left; | |
| display:block | |
| } | |
| .card_summary p | |
| { | |
| font-family:"trebuchet ms", verdana, sans-serif; | |
| font-size:12px; | |
| padding:0 | |
| } | |
| #edit_card | |
| { | |
| text-indent:-9999px; | |
| outline:none; | |
| display:block; | |
| margin-top:20px; | |
| float:left; | |
| width:50px; | |
| height:33px; | |
| background:transparent url(../images/edit_form.jpg) top left no-repeat | |
| } | |
| #delete_card | |
| { | |
| text-indent:-9999px; | |
| outline:none; | |
| display:block; | |
| margin-top:20px; | |
| float:left; | |
| width:76px; | |
| height:33px; | |
| background:transparent url(../images/delete_form.jpg) top left no-repeat | |
| } | |
| .text_field_l | |
| { | |
| clear:both; | |
| background:transparent url(../images/all_forms_left_1.gif) top left no-repeat; | |
| padding-left:8px; | |
| float:left | |
| } | |
| .text_field_r | |
| { | |
| padding-right:8px; | |
| float:left; | |
| background:transparent url(../images/all_forms_right_1.gif) top right no-repeat | |
| } | |
| .text_field_r input | |
| { | |
| border:none; | |
| margin-top:-0px; | |
| padding:9px 0; | |
| width:300px; | |
| height:14px; | |
| background:transparent url(../images/all_forms_center_1.gif) top left repeat-x | |
| } | |
| form.page_forms ul li input[type="checkbox"] | |
| { | |
| float:left | |
| } | |
| form.page_forms button | |
| { | |
| text-indent:-9999px; | |
| text-transform:uppercase; | |
| outline:none; | |
| cursor:pointer; | |
| float:left; | |
| width:79px; | |
| height:33px; | |
| border:none; | |
| clear:both; | |
| background:transparent url(../images/submit_form.jpg) top left no-repeat | |
| } | |
| form.page_forms button#update | |
| { | |
| background:transparent url(../images/update.jpg) top left no-repeat | |
| } | |
| form.page_forms button#send_invitations | |
| { | |
| width:230px; | |
| height:46px; | |
| background:transparent url(../images/send_my_invitations.jpg) top left no-repeat | |
| } | |
| .thank_you_message | |
| { | |
| font-family:"trebuchet ms", verdana, sans-serif; | |
| } | |
| #start_buying | |
| { | |
| text-indent:-9999px; | |
| outline:none; | |
| display:block; | |
| margin-top:20px; | |
| float:left; | |
| width:118px; | |
| height:33px; | |
| border:none; | |
| clear:both; | |
| background:transparent url(../images/start_buying.jpg) top left no-repeat | |
| } | |
| #order_history_on_success | |
| { | |
| text-indent:-9999px; | |
| outline:none; | |
| display:block; | |
| margin-top:20px; | |
| float:left; | |
| width:115px; | |
| height:32px; | |
| border:none; | |
| clear:both; | |
| background:transparent url(../images/order-history.jpg) top left no-repeat | |
| } | |
| #submit_order | |
| { | |
| text-indent:-9999px; | |
| outline:none; | |
| display:block; | |
| margin-top:20px; | |
| float:left; | |
| width:118px; | |
| height:33px; | |
| border:none; | |
| clear:both; | |
| background:transparent url(../images/submit_order.jpg) top left no-repeat | |
| } | |
| #order_history | |
| { | |
| font-family:"trebuchet ms", verdana, sans-serif; | |
| float:left | |
| } | |
| #order_history h4 | |
| { | |
| border-bottom:1px solid #95c3db; | |
| padding-bottom:10px; | |
| margin-bottom:10px | |
| } | |
| #order_history h4 span a | |
| { | |
| float:right; | |
| font-size:12px | |
| } | |
| .order_item | |
| { | |
| clear:both; | |
| padding-bottom:20px; | |
| float:left | |
| } | |
| .order_item img | |
| { | |
| padding:4px; | |
| border:1px solid #cfcfcf; | |
| background-color:#ffffff | |
| } | |
| .order_thumb | |
| { | |
| float:left | |
| } | |
| .order_thumb a | |
| { | |
| text-decoration:none; | |
| display:block; | |
| float:left | |
| } | |
| #sidebar .order_details | |
| { | |
| padding-left:10px; | |
| float:left; | |
| display:block; | |
| width:165px | |
| } | |
| .order_date | |
| { | |
| font-size:12px | |
| } | |
| .order_title a | |
| { | |
| font-size:14px; | |
| line-height:21px; | |
| color:#000000; | |
| font-weight:bold | |
| } | |
| .order_price | |
| { | |
| font-size:18px; | |
| font-family:Georgia, sans-serif; | |
| } | |
| .order_links a | |
| { | |
| font-size:11px; | |
| color:#00649a; | |
| font-weight:bold; | |
| padding:0 0 10px 0 | |
| } | |
| .order_number | |
| { | |
| width:100%; | |
| float:left; | |
| font-weight:bold; | |
| font-size:13px; | |
| font-family:"trebuchet ms", verdana, tahoma, sans-serif; | |
| color:#b31a00 | |
| } | |
| #content .order_item | |
| { | |
| width:585px; | |
| border-bottom:1px solid #e5e5e5; | |
| margin-bottom:20px | |
| } | |
| #content .order_date | |
| { | |
| font-family:"trebuchet ms", verdana,sans-serif; | |
| } | |
| #content .order_title a | |
| { | |
| font-size:20px; | |
| text-decoration:none; | |
| color:#00649a | |
| } | |
| #content .order_title a span | |
| { | |
| font-size:12px; | |
| color:#000000 | |
| } | |
| #content .order_details | |
| { | |
| padding-left:10px; | |
| float:left; | |
| width:480px | |
| } | |
| #content .order_price | |
| { | |
| float:left; | |
| width:100% | |
| } | |
| #content .order_number | |
| { | |
| width:100%; | |
| float:left; | |
| font-weight:bold; | |
| font-size:13px; | |
| font-family:"trebuchet ms", verdana, tahoma, sans-serif; | |
| color:#b31a00 | |
| } | |
| form#checkout | |
| { | |
| width:580px; | |
| padding-bottom:20px | |
| } | |
| form#checkout table | |
| { | |
| border-bottom:1px solid #ddd | |
| } | |
| form table | |
| { | |
| width:100%; | |
| margin-bottom:20px | |
| } | |
| form table th | |
| { | |
| background-color:#def8b1; | |
| color:#000000; | |
| padding:5px 0 5px 10px; | |
| font-family:"trebuchet ms", verdana, sans-serif; | |
| font-weight:bold; | |
| font-size:12px | |
| } | |
| form table th.price | |
| { | |
| background-color:#def8b1; | |
| color:#000000; | |
| padding:5px 0 5px 10px; | |
| font-family:"trebuchet ms", verdana, sans-serif; | |
| font-weight:bold; | |
| font-size:12px | |
| } | |
| table td | |
| { | |
| padding:10px 0 10px 10px; | |
| line-height:24px | |
| } | |
| table td.item_description | |
| { | |
| font-size:16px; | |
| font-weight:bold; | |
| font-family:"trebuchet ms", verdana, sans-serif; | |
| } | |
| table td.price | |
| { | |
| color:#000000; | |
| font-size:20px | |
| } | |
| table td.final_amount | |
| { | |
| text-align:right; | |
| font-weight:bold; | |
| color:#000; | |
| padding:18px 10px 18px 0; | |
| font-family:"trebuchet ms", verdana, sans-serif; | |
| } | |
| table td.total | |
| { | |
| font-size:28px; | |
| color:#b31a00 | |
| } | |
| table td.deductions | |
| { | |
| color:#b31a00; | |
| font-size:14px | |
| } | |
| table td.quantity | |
| { | |
| font-size:10px; | |
| font-weight:bold | |
| } | |
| table td.quantity .fieldWithErrors | |
| { | |
| display:inline | |
| } | |
| table td.quantity input | |
| { | |
| margin-top:4px; | |
| border:1px solid #cccccc; | |
| padding:5px; | |
| font-weight:bold | |
| } | |
| .referrals | |
| { | |
| width:400px; | |
| float:left; | |
| padding:0 0 0 20px | |
| } | |
| .referrals h3 | |
| { | |
| font-size:34px | |
| } | |
| .referrals p.intro | |
| { | |
| color:#7e7e7e; | |
| font-size:17px; | |
| font-family:"trebuchet ms", verdana, sans-serif; | |
| } | |
| .referrals form.page_forms ul li label span | |
| { | |
| font-family:Georgia, sans-serif; | |
| display:inline; | |
| float:none; | |
| font-size:11px | |
| } | |
| .referrals form.page_forms ul li label span a | |
| { | |
| display:inline; | |
| float:none; | |
| font-family:Georgia, sans-serif; | |
| font-weight:normal | |
| } | |
| .referrals form .text_area_t | |
| { | |
| width:372px; | |
| float:left; | |
| padding-top:8px; | |
| background:transparent url(../images/all_forms_textarea_top.gif) top left no-repeat | |
| } | |
| .referrals form textarea | |
| { | |
| width:356px; | |
| padding:0 8px; | |
| border:none; | |
| display:block; | |
| background:transparent url(../images/all_forms_textarea_middle.gif) top left repeat-y; | |
| float:left | |
| } | |
| .referrals form .text_area_b | |
| { | |
| width:372px; | |
| padding-bottom:8px; | |
| float:left; | |
| background:transparent url(../images/all_forms_textarea_bottom.gif) bottom left no-repeat | |
| } | |
| button#copy | |
| { | |
| width:67px; | |
| height:35px; | |
| margin-top:20px; | |
| margin-left:10px; | |
| background:transparent url(../images/copy.jpg) bottom left no-repeat | |
| } | |
| form#share_email | |
| { | |
| margin-top:10px; | |
| padding-bottom:30px; | |
| margin-bottom:30px | |
| } | |
| form#share_link | |
| { | |
| clear:both; | |
| padding-bottom:0; | |
| width:400px | |
| } | |
| form#share_link ul li | |
| { | |
| float:left; | |
| clear:none | |
| } | |
| #referral.spiff | |
| { | |
| float:left; | |
| width:250px; | |
| background-color:white; | |
| font-family:"trebuchet ms", verdana, sans-serif; | |
| font-size:12px | |
| } | |
| #order_is_processing | |
| { | |
| background:url('/images/ajax-loader.gif') no-repeat scroll 0px 10px; | |
| padding:8px 0px; | |
| padding-left:25px; | |
| float:left; | |
| margin-top:16px; | |
| font-weight:normal; | |
| font-size:14px; | |
| display:none | |
| } | |
| img,ol,ul,li,p,form,h1,h2,h3,h4,h5,h6,fieldset { | |
| border: none; | |
| margin: 0; | |
| padding: 0; | |
| list-style: none; | |
| } | |
| a:hover,a:visited:hover,img:hover { | |
| -khtml-opacity: 1; | |
| -moz-opacity: 1; | |
| -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; | |
| filter: alpha(opacity=100); | |
| opacity: 1; | |
| } | |
| .center { | |
| text-align: center; | |
| } | |
| .auto-center { | |
| margin: 0 auto; | |
| } | |
| .left { | |
| text-align: left; | |
| } | |
| .right { | |
| text-align: right; | |
| } | |
| .underlined { | |
| text-decoration: underline; | |
| } | |
| .hr { | |
| border-bottom: 1px solid #B8B898; | |
| margin: 10px 40px 20px 0; | |
| } | |
| .rounded { | |
| -khtml-border-radius: 3px; | |
| -moz-border-radius: 3px; | |
| -webkit-border-radius: 3px; | |
| border-radius: 3px; | |
| } | |
| .rounded_top { | |
| -moz-border-radius-topleft: 3px; | |
| -moz-border-radius-topright: 3px; | |
| -webkit-border-top-left-radius: 3px; | |
| -webkit-border-top-right-radius: 3px; | |
| } | |
| .rounded_bottom { | |
| -moz-border-radius-bottomleft: 3px; | |
| -moz-border-radius-bottomright: 3px; | |
| -webkit-border-bottom-left-radius: 3px; | |
| -webkit-border-bottom-right-radius: 3px; | |
| } | |
| .rounded_bottom-10 { | |
| -moz-border-radius-bottomleft: 10px; | |
| -moz-border-radius-bottomright: 10px; | |
| -webkit-border-bottom-left-radius: 10px; | |
| -webkit-border-bottom-right-radius: 10px; | |
| } | |
| .capitalize { | |
| text-transform: capitalize; | |
| } | |
| .padd-10-15 { | |
| padding: 10px 15px; | |
| } | |
| p,.deal_description { | |
| font: normal 12px/20px "Lucida Sans Unicode","Lucida Grande",Arial,Helvetica,sans-serif; | |
| } | |
| .deal_description p { | |
| margin: 0 0 10px; | |
| } | |
| .deal_description p.last { | |
| margin: 0; | |
| } | |
| .deal_description ul li { | |
| list-style: disc inside none; | |
| margin: 3px 0 0 10px; | |
| } | |
| .txt-trans-up { | |
| text-transform: uppercase; | |
| } | |
| .txt-bold { | |
| font-weight: bold!important; | |
| } | |
| .lh-55 { | |
| line-height: 55px!important; | |
| } | |
| #TB_closeAjaxWindow { | |
| text-indent: -5000px; | |
| } | |
| .w-60 { | |
| width: 60px!important; | |
| } | |
| .daily_alerts_top { | |
| float: left; | |
| width: 470px; | |
| } | |
| .subscribe-top { | |
| width: 245px; | |
| margin: 2px 0 0; | |
| } | |
| .subscribe { | |
| min-height: 22px; | |
| height: auto!important; | |
| height: 22px; | |
| } | |
| .subscribe div.input,.subscribe-top div.input { | |
| float: left; | |
| } | |
| .subscribe input,.subscribe-top input { | |
| width: 190px; | |
| height: 20px; | |
| margin: 0; | |
| padding: 2px 5px 0; | |
| border: none; | |
| font: normal 14px Arial,Helvetica,sans-serif; | |
| color: #534741; | |
| } | |
| .subscribe-top input { | |
| width: 155px; | |
| } | |
| .subscribe .btn,.subscribe-top .btn,.subscribe-modal .btn { | |
| border: none; | |
| padding: 3px 4px; | |
| width: auto; | |
| overflow: visible; | |
| font: bold 11px/15px Georgia,"Times New Roman",Times,serif; | |
| color: #204858; | |
| cursor: pointer; | |
| } | |
| .subscribe label.error,.subscribe-top label.error { | |
| font: bold 11px/14px Arial,Helvetica,sans-serif; | |
| color: #FFF; | |
| display: block; | |
| margin: 2px 0 0; | |
| } | |
| .ui-dialog { | |
| width: 540px!important; | |
| background: #FFF; | |
| padding: 0!important; | |
| border: 4px solid #EEE5E0!important; | |
| border: 4px solid rgba(238,229,224,0.5)!important; | |
| font: normal 14px/18px georgia; | |
| position: absolute; | |
| color: #736357; | |
| text-align: left; | |
| box-shadow: 0 0 15px #555; | |
| -webkit-box-shadow: 0 0 15px #555; | |
| -moz-box-shadow: 0 0 15px #555; | |
| border: 10px solid #4E8298; | |
| border: 10px solid rgba(51,86,101,0.3); | |
| -khtml-border-radius: 5px; | |
| -moz-border-radius: 5px; | |
| -webkit-border-radius: 5px; | |
| border-radius: 5px; | |
| } | |
| .ui-dialog-titlebar { | |
| font: bold 19px/24px "Lucida Sans Unicode","Lucida Grande",Arial,Helvetica,sans-serif; | |
| color: #FFF; | |
| padding: 15px 60px; | |
| border: none; | |
| background-color: #FF931E; | |
| text-shadow: 0 0 2px #333; | |
| text-transform: none; | |
| text-align: center; | |
| -moz-border-radius-topleft: 3px; | |
| -moz-border-radius-topright: 3px; | |
| -webkit-border-top-left-radius: 3px; | |
| -webkit-border-top-right-radius: 3px; | |
| } | |
| a.ui-dialog-titlebar-close { | |
| position: absolute; | |
| text-indent: -5000px; | |
| background: url(/images/close.png) left top no-repeat; | |
| height: 47px; | |
| width: 47px; | |
| top: -26px; | |
| right: -26px; | |
| } | |
| .error-message { | |
| font: bold 12px Arial,Helvetica,sans-serif; | |
| color: #F00; | |
| margin: 5px 0 0; | |
| } | |
| .subscribe-top .error-message,.subscribe .error-message { | |
| display: none; | |
| } | |
| #flashMessage.message,#flashMessage.error,#authMessage.message { | |
| background: #ffff6e; | |
| margin: 10px 0; | |
| padding: 10px 40px; | |
| color: #5a0094; | |
| font: bold 18px/22px Rockwell,Arial,Helvetica; | |
| text-align: center; | |
| box-shadow: 0 0 15px #888; | |
| z-index: 1000000; width: 560px;} | |
| #flashMessage.error,#authMessage.message { | |
| background: #de4006; | |
| color: #FFF; | |
| line-height: 30px; | |
| } | |
| #dd_close_btn { | |
| position: absolute; | |
| top: 2px; | |
| right: 3px; | |
| cursor: pointer; font-size: 14px; color: #87876d;} | |
| #dd_close_btn span {display: none;} | |
| #dd_close_btn:hover span {display: inline;} | |
| .social { | |
| float: right; | |
| width: 195px; | |
| } | |
| .social ul { | |
| float: right; | |
| } | |
| .social ul li,.follow-us li { | |
| float: left; | |
| display: block; | |
| margin: 0 0 0 5px; | |
| } | |
| .follow-us li { | |
| margin: 0 0 0 20px; | |
| } | |
| .nav { | |
| margin: 14px -7px 0; | |
| position: absolute; | |
| } | |
| .nav li { | |
| float: left; | |
| display: block; | |
| padding: 0 7px 10px; | |
| } | |
| .nav li a,.nav li a:visited { | |
| display: block; | |
| padding: 10px; | |
| background-color: #64A4BC; | |
| font: bold 15px Rockwell,Arial,Helvetica; | |
| color: #3D2457; | |
| text-align: center; | |
| width: 139px; | |
| text-transform: uppercase; | |
| -khtml-border-radius: 3px; | |
| -moz-border-radius: 3px; | |
| -webkit-border-radius: 3px; | |
| border-radius: 3px; | |
| text-decoration: none; | |
| } | |
| .nav li a:hover { | |
| background-color: #6BB1CD; | |
| } | |
| .nav li a.faqs { | |
| width: 45px; | |
| } | |
| .nav li a.contact { | |
| width: 102px; | |
| } | |
| .nav li.first { | |
| padding-left: 0; | |
| } | |
| .nav li.last { | |
| padding-right: 0; | |
| } | |
| .nav li.current,.nav_settings li.current { | |
| background: url(/images/nav_arrow.png) center bottom no-repeat; | |
| } | |
| .nav li.current a,.nav_settings li.current a { | |
| background-color: #C4E8F7!important; | |
| } | |
| .bot_nav li { | |
| float: left; | |
| border-right: 1px solid #F5F5EA; | |
| } | |
| .bot_nav li a,.bot_nav li a:visited { | |
| font: bold 13px/17px "Lucida Sans Unicode","Lucida Grande",Arial,Helvetica,sans-serif; | |
| color: #F5F5EA; | |
| padding: 0 15px 0; | |
| } | |
| .bot_nav li.last { | |
| border: none; | |
| } | |
| .brand_nav { | |
| width: auto; | |
| } | |
| .brand_nav li { | |
| float: left; | |
| } | |
| .brand_nav li a,.brand_nav li a:visited { | |
| display: block; | |
| padding: 0 15px; | |
| } | |
| .nav_settings { | |
| margin: 0 0 10px -7px; | |
| } | |
| .nav_settings li { | |
| float: left; | |
| display: block; | |
| padding: 0 7px 10px; | |
| } | |
| .nav_settings li a,.nav_settings li a:visited { | |
| display: block; | |
| padding: 7px; | |
| background-color: #64A4BC; | |
| font: bold 12px Rockwell,Arial,Helvetica; | |
| color: #3D2457; | |
| text-align: center; | |
| width: 100px; | |
| text-transform: uppercase; | |
| -khtml-border-radius: 3px; | |
| -moz-border-radius: 3px; | |
| -webkit-border-radius: 3px; | |
| border-radius: 3px; | |
| text-decoration: none; | |
| } | |
| .nav_settings li a:hover { | |
| background-color: #6BB1CD; | |
| } | |
| .nav_settings li.first { | |
| padding-left: 0; | |
| } | |
| .faq-txt p { | |
| padding: 10px 0; | |
| font: normal 13px/20px Arial,Helvetica,sans-serif; | |
| border-bottom: 1px dashed #C7C8A6; | |
| } | |
| .faq-txt p.last { | |
| padding-bottom: 0; | |
| border: none; | |
| } | |
| .faq-txt p a,.faq-txt p a:visited,.how p a,.how p a:visited { | |
| display: inline; | |
| padding: 0; | |
| color: #736357; | |
| text-decoration: underline; | |
| font-weight: normal; | |
| } | |
| .faq-txt p a:hover,.how p a:hover { | |
| background: none; | |
| color: #FF7800; | |
| } | |
| .grid-580 { | |
| width: 580px; | |
| margin: 0 auto; | |
| } | |
| .grid-640 { | |
| width: 640px; | |
| } | |
| .grid-350 { | |
| width: 350px; | |
| } | |
| .grid-180 { | |
| width: 180px; | |
| } | |
| .content_wrapper { | |
| padding: 0 0 25px; | |
| background: url(/images/shadow_darkbrown_big.png) center bottom no-repeat; | |
| } | |
| .content { | |
| position: relative; | |
| z-index: 10; | |
| margin: -6px 0 0; | |
| } | |
| .todays_scp { | |
| margin: 10px 0 0; | |
| } | |
| .todays_scp span { | |
| text-transform: uppercase; | |
| } | |
| .the_deal { | |
| background: url(/images/shadow_white_small_top.png) right top no-repeat; | |
| } | |
| .the_deal_snap { | |
| float: left; | |
| width: 348px; | |
| border: 1px solid #71449C; | |
| overflow: hidden; | |
| position: relative; | |
| } | |
| .the_deal_snap img { | |
| height: 275px; | |
| } | |
| .deal_overlay { | |
| width: 348px; | |
| height: 185px; | |
| padding: 90px 0 0; | |
| font: bold 24px/24px Rockwell,Arial,Helvetica; | |
| color: #FFF; | |
| position: absolute; | |
| top: 0; | |
| left: 0; | |
| background: url(/images/overlay.png) repeat; | |
| background: rgba(0,0,0,0.7); | |
| } | |
| .deal_overlay div { | |
| font: bold 20px/24px Rockwell,Arial,Helvetica; | |
| color: #DC5421; | |
| } | |
| .the_deal_info { | |
| float: right; | |
| width: 198px; | |
| overflow: visible; | |
| } | |
| .the_deal-small { | |
| background: url(/images/shadow_white_sidebar.png) right top no-repeat; | |
| } | |
| .the_deal_snap-small { | |
| width: 128px; | |
| border: 1px solid #71449C; | |
| overflow: hidden; | |
| } | |
| .the_deal_snap-small img { | |
| width: 128px; | |
| } | |
| .the_deal_info-small { | |
| width: 141px; | |
| overflow: visible; | |
| } | |
| .time_wrapper { | |
| width: 200px; | |
| margin: 0 auto; | |
| } | |
| .value_info,.value_info-small { | |
| border-top: 2px solid #E9E9D9; | |
| } | |
| .value_info li,.value_info-small li { | |
| background: url(/images/info.png) left top no-repeat; | |
| width: 60px; | |
| height: 52px; | |
| margin: 0 3px; | |
| padding: 10px 0 0; | |
| font: bold 18px/20px Arial,Helvetica,sans-serif; | |
| color: #87876D; | |
| float: left; | |
| } | |
| .value_info li span,.value_info-small li span { | |
| display: block; | |
| font-size: 11px; | |
| text-transform: uppercase; | |
| } | |
| .value_info-small li { | |
| background: url(/images/info_small.png) left top no-repeat; | |
| width: 43px; | |
| height: 45px; | |
| margin: 0 2px; | |
| padding: 8px 0 0; | |
| font: bold 12px/12px Arial,Helvetica,sans-serif; | |
| } | |
| .value_info-small li.last { | |
| margin-right: 0; | |
| } | |
| .value_info-small li span { | |
| font-size: 8px; | |
| } | |
| .the_time { | |
| padding: 0 3px; | |
| } | |
| .the_time .timer { | |
| margin: 0 0 5px; | |
| padding: 0 0 2px; | |
| min-height: 20px; | |
| height: auto!important; | |
| height: 20px; | |
| } | |
| .the_time .timer span,.the_time span { | |
| width: 40px; | |
| display: inline-block; | |
| } | |
| .some_info { | |
| background: url(/images/shadow_white_small_bot.png) right top no-repeat; | |
| } | |
| .deal_on,.deal_off,.deal_sould_out { | |
| float: left; | |
| width: 350px; | |
| height: 55px; | |
| text-indent: 170px; | |
| background: url(/images/deal_on.png) left top no-repeat; | |
| } | |
| .deal_off { | |
| background: url(/images/deal_off.png) left top no-repeat; | |
| } | |
| .deal_sould_out { | |
| background: url(/images/deal_sold_out.png) left top no-repeat; | |
| } | |
| .deal_on .purchases,.deal_off .purchases,.deal_sould_out .purchases { | |
| font: bold 22px/35px Arial,Helvetica,sans-serif; | |
| } | |
| .tell_friends,.tell_friends-small { | |
| width: 180px; | |
| } | |
| .tell_friends ul { | |
| padding: 0 10px; | |
| } | |
| .tell_friends ul li,.tell_friends-small ul li { | |
| float: left; | |
| display: block; | |
| margin: 0 8px; | |
| } | |
| .tell_friends-small ul li { | |
| margin: 0 16px; | |
| } | |
| .comp_info { | |
| background: url(/images/shadow_brown.png) center top no-repeat; | |
| margin-top: -20px; | |
| } | |
| .the_deal_details_wrapper { | |
| background: url(/images/details_line.png) 374px top repeat-y; | |
| } | |
| .read_more,.read_more:hover { | |
| display: inline-block!important; | |
| margin: 0 0 0 10px; | |
| padding: 5px 10px 5px 25px!important; | |
| font: bold 12px/14px Arial,Helvetica,sans-serif; | |
| background: url(/images/plus.png) 10px 7px no-repeat #B8B898!important; | |
| color: #534741!important; | |
| } | |
| .sep_white { | |
| background: url(/images/shadow_white_big.png) center top no-repeat; | |
| } | |
| .sep_beige { | |
| background: url(/images/sep_beige.png) center top no-repeat; | |
| height: 10px; | |
| } | |
| .sep_beige2 { | |
| background: url(/images/sep_beige2.png) center top no-repeat; | |
| height: 10px; | |
| } | |
| .deals_list li { | |
| border: 1px solid #BCBC9D; | |
| background-color: #FFF; | |
| float: left; | |
| margin: 0 15px 15px 0; | |
| width: 290px; | |
| height: 213px; | |
| } | |
| .deals_list li.last { | |
| margin-right: 0; | |
| } | |
| .deals_list li.last-items { | |
| margin-bottom: 5px; | |
| } | |
| .thumb,.item_info { | |
| width: 130px; | |
| } | |
| .expired { | |
| background: url(/images/expired_banner.png) left top no-repeat #EBECEC; | |
| } | |
| .pag span { | |
| float: left; | |
| display: inline-block; | |
| } | |
| .pag span a,.pag span a:visited,.pag span.current { | |
| display: block; | |
| padding: 5px 8px; | |
| font: normal 13px/16px "Lucida Sans Unicode","Lucida Grande",Arial,Helvetica,sans-serif; | |
| color: #9D9E84; | |
| } | |
| .pag span a:hover { | |
| background-color: #DEDECF; | |
| } | |
| .pag span.current { | |
| background-color: #B8B898; | |
| color: #FFF; | |
| } | |
| .current_deal { | |
| margin: -21px 0 10px; | |
| position: relative; | |
| } | |
| .dd_nodeal { | |
| background: url(/images/no_deal.jpg) left top no-repeat; | |
| width: 580px; | |
| height: 419px; | |
| position: relative; | |
| } | |
| .dd_nodeal a,.dd_nodeal a:visited { | |
| position: absolute; | |
| display: block; | |
| width: 220px; | |
| height: 55px; | |
| top: 340px; | |
| left: 340px; | |
| } | |
| .we_believe { | |
| background: url(/images/char_arrow.png) 125px bottom no-repeat; | |
| padding: 0 0 12px; | |
| position: relative; | |
| z-index: 10500; | |
| } | |
| .terms { | |
| font: normal 13px/20px Arial,Helvetica,sans-serif; | |
| width: 600px; | |
| } | |
| ul.terms_list li { | |
| margin: 15px 0 0; | |
| font-weight: bold; | |
| } | |
| ol.terms_list li { | |
| list-style: decimal inside none; | |
| margin: 15px 0 0; | |
| font-weight: bold; | |
| } | |
| ol.terms_list li span,ul.terms_list span { | |
| font-weight: normal; | |
| display: inline; | |
| padding: 0; | |
| } | |
| ol.terms_list ol li,ol.terms_list ul li,ul.terms_list ul li { | |
| padding: 0 0 0 30px; | |
| } | |
| ol.terms_list ol li { | |
| list-style: lower-alpha inside none; | |
| } | |
| ul.terms_list li ul li { | |
| font-weight: normal; | |
| list-style: disc inside none; | |
| margin: 5px 0 0; | |
| float: none; | |
| } | |
| #ContactAddForm fieldset legend,#SendEmailForm fieldset legend,#UserRegisterForm fieldset legend { | |
| display: none; | |
| } | |
| #ContactAddForm div.input,#SendEmailForm div.input,.content #SubscribeAddForm div.input,#signIn #UserLoginForm div.input #UserEmail,#signIn #UserLoginForm div.password,#UserSettingsForm div.select select { | |
| margin-bottom: 10px; | |
| } | |
| #ContactAddForm label,#SendEmailForm label,#signIn #UserLoginForm label,#UserSettingsForm label,#registr #UserRegisterForm label { | |
| display: block; | |
| margin: 0 0 2px; | |
| font: normal 11px/16px Arial,Helvetica,sans-serif; | |
| color: #998675; | |
| } | |
| #ContactAddForm div.input input,#ContactAddForm textarea#ContactDetails,#SendEmailForm div.input input,#SendEmailForm textarea#SendDetails,#SendEmailForm div.input textarea,.content #SubscribeAddForm div.input input,#signIn #UserLoginForm div.input input,#UserSettingsForm div.input input,#registr #UserRegisterForm div.input input { | |
| width: 400px; | |
| height: 23px; | |
| padding: 3px 0 0; | |
| display: block; | |
| border: 1px solid #D0D2B2; | |
| background-color: #FFF; | |
| text-indent: 7px; | |
| font: normal 12px Arial,Helvetica,sans-serif; | |
| color: #000; | |
| -khtml-border-radius: 3px; | |
| -moz-border-radius: 3px; | |
| -webkit-border-radius: 3px; | |
| border-radius: 3px; | |
| } | |
| #ContactAddForm textarea#ContactDetails,#SendEmailForm textarea#SendDetails,#SendEmailForm div.input textarea { | |
| height: 160px; | |
| } | |
| #ContactAddForm div.submit input,#SendEmailForm div.submit input,#SubscribeAddForm div.submit input,#signIn #UserLoginForm div.submit input { | |
| width: auto; | |
| padding: 4px 10px; | |
| overflow: visible; | |
| border: none; | |
| background-color: #64A4BC; | |
| font: bold 13px Arial,Helvetica,sans-serif; | |
| color: #FFF; | |
| -khtml-border-radius: 3px; | |
| -moz-border-radius: 3px; | |
| -webkit-border-radius: 3px; | |
| border-radius: 3px; | |
| cursor: pointer; | |
| } | |
| #ContactAddForm div.submit input:focus,#SendEmailForm div.submit input:focus,#SubscribeAddForm div.submit input:focus { | |
| padding: 5px 10px 3px; | |
| } | |
| #UserSettingsForm #UserZip { | |
| width: 100px; | |
| } | |
| #registr #UserRegisterForm #UserPassword,#registr #UserRegisterForm #UserPasswordConfirm { | |
| width: 180px; | |
| } | |
| #UserSettingsForm #UserSubscribe { | |
| width: auto; | |
| float: left; | |
| } | |
| #UserSettingsForm div.checkbox label { | |
| float: left; | |
| margin: 4px 0 0 5px; | |
| } | |
| #ContactAddForm div.error-message,#SendEmailForm div.error-message,#registr #UserRegisterForm label.error { | |
| font: bold 11px Arial,Helvetica,sans-serif; | |
| color: #F00; | |
| margin: 3px 0 0; | |
| padding: 0; | |
| } | |
| #registr #UserRegisterForm label.error { | |
| margin: 0 0 10px; | |
| } | |
| .sidebar #SubscribeAddForm div.input { | |
| float: left; | |
| } | |
| #UserSettingsForm div.input { | |
| margin: 0 0 0 150px; | |
| } | |
| .sidebar { | |
| float: right; | |
| width: 300px; | |
| padding: 15px 0 0; | |
| } | |
| .daily_alerts,.peep_tweets { | |
| background: url(/images/arrow_alerts.png) 250px bottom no-repeat; | |
| margin: 0 0 5px; | |
| padding: 0 0 12px; | |
| } | |
| .daily_alerts_email,.peep_tweets_box { | |
| background: url(/images/email_24x24.png) 263px 11px no-repeat; | |
| } | |
| .peep_tweets_box { | |
| background: url(/images/twitter_26x26.png) 263px 11px no-repeat; | |
| } | |
| .char_header { | |
| background: url(/images/char_arrow2.png) 250px bottom no-repeat!important; | |
| } | |
| .char_body { | |
| background: url(/images/charity_bg.png) 10px 10px no-repeat; | |
| padding: 67px 15px 15px 85px; | |
| } | |
| .char_count { | |
| background: url(/images/char_counter_bg.jpg) 2px 2px repeat-x #464437; | |
| height: 32px; | |
| font: bold 22px/32px Arial,Helvetica,sans-serif; | |
| color: #464437; | |
| text-indent: 7px; | |
| letter-spacing: 11.4px; | |
| } | |
| .sidebar_separator { | |
| background: url(/images/shadow_darkbrown_small.png) center bottom no-repeat; | |
| padding-bottom: 15px; | |
| } | |
| .the_footer { | |
| margin-top: 20px; | |
| } | |
| .scissors { | |
| background: url(/images/scissors.png) 840px bottom no-repeat; | |
| padding: 0 0 15px; | |
| } | |
| .legal,.footer_ad { | |
| background: url(/images//dash.png) left top repeat-x; | |
| } | |
| .footer_ad { | |
| margin: -19px 0 0; | |
| } | |
| .legal a,.legal a:visited { | |
| color: #515043; | |
| } | |
| #progress_bar_wrapper { | |
| width: 350px; | |
| } | |
| #progress_bar { | |
| position: relative; | |
| width: 350px; | |
| margin: 0 auto; | |
| background: url(/images/progress_bar_bg.png) left top no-repeat; | |
| } | |
| #progress_bar .indicator { | |
| height: 20px; | |
| text-indent: -10000px; | |
| background: url(/images/progress_bar.png) left top no-repeat; | |
| } | |
| #progress_bar .step_1 { | |
| width: 50px; | |
| } | |
| #progress_bar .step_2 { | |
| width: 300px; | |
| background-position: 0 -20px; | |
| } | |
| #progress_bar .step_3 { | |
| width: 350px; | |
| background-position: 0 -40px; | |
| } | |
| #progress_bar_wrapper .activation { | |
| padding: 14px 0 0; | |
| font: normal 12px Arial,Helvetica,sans-serif; | |
| background: url(/images/line.png) 49px top no-repeat; | |
| text-indent: 15px; | |
| } | |
| .status { | |
| line-height: 33px!important; | |
| } | |
| h1 { | |
| padding: 5px 0 15px; | |
| } | |
| h2 { | |
| font: normal 18px/20px "Lucida Sans Unicode","Lucida Grande",Arial,Helvetica,sans-serif; | |
| padding: 35px 0 15px; | |
| } | |
| h3 { | |
| padding: 35px 0 15px; | |
| font: bold 15px/20px Arial,Helvetica,sans-serif; | |
| } | |
| h4 { | |
| font: bold 16px/22px Arial,Helvetica,sans-serif; | |
| color: #555; | |
| } | |
| .txt1 { | |
| font: bold 14px/26px Rockwell,Arial,Helvetica; | |
| } | |
| .txt1-small { | |
| font: bold 13px/26px Rockwell,Arial,Helvetica; | |
| } | |
| .txt2 { | |
| font: bold 22px/28px Arial,Helvetica,sans-serif; | |
| } | |
| .txt2-small { | |
| font: bold 13px/18px Arial,Helvetica,sans-serif; | |
| } | |
| .txt3 { | |
| font: bold 28px/36px "Lucida Sans Unicode","Lucida Grande",Arial,Helvetica,sans-serif; | |
| letter-spacing: -1.6px; | |
| } | |
| .txt3-small { | |
| font: bold 20px/22px "Lucida Sans Unicode","Lucida Grande",Arial,Helvetica,sans-serif; | |
| letter-spacing: -1.6px; | |
| } | |
| .txt4 { | |
| font: normal 16px/20px Arial,Helvetica,sans-serif; | |
| } | |
| .txt5 { | |
| font: italic bold 17px/20px Georgia,"Times New Roman",Times,serif; | |
| } | |
| .txt6 { | |
| font: normal 11px/14px Verdana,Arial,Helvetica,sans-serif; | |
| } | |
| .txt7 { | |
| font: italic 15px/22px Georgia,"Times New Roman",Times,serif; | |
| } | |
| .txt8 { | |
| font: bold 13px/18px "Lucida Sans Unicode","Lucida Grande",Arial,Helvetica,sans-serif; | |
| } | |
| .txt9,.txt9 a { | |
| font: italic bold 13px/15px Georgia,"Times New Roman",Times,serif; | |
| text-decoration: underline; | |
| } | |
| .txt10 { | |
| font: italic 13px/18px Georgia,"Times New Roman",Times,serif; | |
| } | |
| .txt10-u,.txt10-u a,.txt10-u a:visited { | |
| font: italic 13px/18px Georgia,"Times New Roman",Times,serif; | |
| text-decoration: underline; | |
| color: #FFB162; | |
| } | |
| .txt11 { | |
| font: normal 11px/15px Arial,Helvetica,sans-serif; | |
| } | |
| .txt12 { | |
| font: normal 11px/18px "Lucida Sans Unicode","Lucida Grande",Arial,Helvetica,sans-serif; | |
| } | |
| .txt13 { | |
| font: bold 18px/26px Rockwell,Arial,Helvetica; | |
| } | |
| .txt14 { | |
| font: bold 11px/14px Rockwell,Arial,Helvetica; | |
| letter-spacing: -0.2px; | |
| } | |
| .txt15 { | |
| font: bold 13px/26px "Lucida Sans Unicode","Lucida Grande",Arial,Helvetica,sans-serif; | |
| } | |
| .txt16 { | |
| font: italic 15px/18px Georgia,"Times New Roman",Times,serif; | |
| } | |
| .txt17 { | |
| font: bold 24px/28px Rockwell,Arial,Helvetica; | |
| } | |
| .txt18 { | |
| font: normal 12px/16px Georgia,"Times New Roman",Times,serif; | |
| } | |
| .scp_color0 { | |
| color: #3D2457; | |
| } | |
| .scp_color1 { | |
| color: #83B71F; | |
| } | |
| .scp_color2 { | |
| color: #71449C; | |
| } | |
| .scp_color3 { | |
| color: #87876D; | |
| } | |
| .scp_color4 { | |
| color: #998675; | |
| } | |
| .scp_color5 { | |
| color: #534741; | |
| } | |
| .scp_color6 { | |
| color: #736357; | |
| } | |
| .scp_color7 { | |
| color: #B8B898; | |
| } | |
| .scp_color8 { | |
| color: #FBAF5D; | |
| } | |
| .scp_color9 { | |
| color: #777; | |
| } | |
| .scp_color10 { | |
| color: #515043; | |
| } | |
| .scp_color11 { | |
| color: #FF7800; | |
| } | |
| .scp_color12 { | |
| color: #fbaf5d; | |
| } | |
| .scp_color13 { | |
| color: #59A6B0; | |
| } | |
| .scp_color14 { | |
| color: #C03F22; | |
| } | |
| .scp_color15 { | |
| color: #9C9C83; | |
| } | |
| .scp_bg-color1 { | |
| background-color: #64A4BC; | |
| } | |
| .scp_bg-color2 { | |
| background-color: #AADC74; | |
| } | |
| .scp_bg-color3 { | |
| background-color: #A7D05B; | |
| } | |
| .scp_bg_color4 { | |
| background-color: #B8B898; | |
| } | |
| .scp_bg_color5 { | |
| background-color: #E9E9D9; | |
| } | |
| .scp_bg_color6 { | |
| background-color: #75755E; | |
| } | |
| .scp_bg_color7 { | |
| background-color: #EBECEC; | |
| } | |
| .scp_bg_color8 { | |
| background-color: #7AAACC; | |
| } | |
| .scp_bg_color9 { | |
| background-color: #74BBD6; | |
| } | |
| .scp_bg_color10 { | |
| background-color: #464437; | |
| } | |
| .mod-reg { | |
| padding: 10px 20px; | |
| background: url(/img/monster_modal.png) right -20px no-repeat; | |
| } | |
| .mod-reg label { | |
| color: #71449c; | |
| font-weight: bold; | |
| font-size: 14px; | |
| display: block; | |
| margin-bottom: 6px; | |
| } | |
| .mod-reg input { | |
| margin-bottom: 12px; | |
| border: 1px solid #898989; | |
| font-size: 14px; | |
| color: #71449c; | |
| padding: 5px 8px; | |
| width: 282px; | |
| height: 17px; | |
| } | |
| .light { | |
| font-weight: normal; | |
| } | |
| .mod-reg .submit { | |
| padding: 6px 18px; | |
| font: bold 17px Arial,Helvetica,sans-serif; | |
| border: none; | |
| color: #FFF; | |
| cursor: pointer; | |
| } | |
| #registr #UserRegisterForm div.password { | |
| width: 200px; | |
| float: left; | |
| } | |
| #registr #UserRegisterForm div.password.required { | |
| width: 220px; | |
| } | |
| .mod-reg .password { | |
| width: 140px; | |
| float: left; | |
| } | |
| .mod-reg .password.required { | |
| width: 160px; | |
| } | |
| .mod-reg .password input { | |
| width: 122px; | |
| } | |
| .grn-gradient { | |
| background: #76b11d; | |
| background: -webkit-gradient(linear,left top,left bottom,from(#a4c723),to(#76b11d)); | |
| background: -moz-linear-gradient(top,#a4c723,#76b11d); | |
| filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a4c723',endColorstr='#76b11d'); | |
| } | |
| .clear.divider { | |
| height: 1px; | |
| padding-top: 10px; | |
| margin-bottom: 10px; | |
| border-bottom: 1px solid #ff921c; | |
| width: 100%; | |
| visibility: visible; | |
| } | |
| .mod-reg input.checkbox { | |
| width: auto; | |
| border: 0; | |
| padding: 0; | |
| margin: 0 4px 0 0; | |
| vertical-align: middle; | |
| } | |
| .mod-reg small { | |
| font-weight: normal; | |
| } | |
| .blue { | |
| color: #036; | |
| font-weight: normal; | |
| font-size: 12px; | |
| } | |
| .mod-reg label.error { | |
| font: bold 11px/14px Arial,Helvetica,sans-serif; | |
| color: red; | |
| display: block; | |
| margin: -8px 0 0 0; | |
| padding-left: 0; | |
| } | |
| .userDealsList li { | |
| display: block; | |
| padding: 15px 0; | |
| border-bottom: 1px dashed #B8B898; | |
| } | |
| #UserStatusNo,#UserStatusYes { | |
| width: auto; | |
| float: left; | |
| margin: 0 10px 0 0; | |
| } | |
| .cc_type { | |
| width: 58px; | |
| height: 35px; | |
| margin-right: 15px; | |
| background: url(/images/cc_type.jpg) no-repeat; | |
| } | |
| #delcc { | |
| padding: 10px; | |
| line-height: 40px; | |
| text-align: center; | |
| } | |
| .btn_no,.btn_yes { | |
| background-color: #B8B898; | |
| color: #FFF; | |
| cursor: pointer; | |
| display: inline-block; | |
| font: 15px Arial,Helvetica,sans-serif; | |
| overflow: visible; | |
| padding: 10px 20px; | |
| text-transform: uppercase; | |
| width: auto; | |
| -khtml-border-radius: 5px; | |
| -moz-border-radius: 5px; | |
| -webkit-border-radius: 5px; | |
| border-radius: 5px; | |
| text-decoration: none!important; | |
| } | |
| .btn_yes { | |
| background-color: #F00; | |
| } | |
| /* capture page */ | |
| #capturecontainer { | |
| width: 800px; | |
| height: 472px; | |
| background: url(/img/capture/form-background.png) no-repeat 0 0; | |
| margin-left: 50px; | |
| margin-top:20px; | |
| position: static; | |
| } | |
| #monster { | |
| position: relative; | |
| top: 70px; | |
| left: 60px; | |
| float: left; | |
| z-index: 100; | |
| } | |
| #monster:hover { | |
| -webkit-transform: rotate(-2deg) scale(1.03); | |
| -moz-transform: rotate(-2deg) scale(1.03); | |
| -o-transform: rotate(-2deg) scale(1.03); | |
| } | |
| #actiontext { | |
| position: relative; | |
| top: 57px; | |
| left: 81px; | |
| } | |
| #capturecontainer form { | |
| position: relative; | |
| top: 70px; | |
| left: 81px; | |
| color: #71449c; | |
| font-weight: bold; | |
| font-size: 14px; | |
| } | |
| #capturecontainer form label { | |
| display: block; | |
| } | |
| #capturecontainer form input#SubscribeEmail { | |
| font-size: 16px; | |
| border: 1px solid #444; | |
| padding: 4px; | |
| width: 300px; | |
| margin: 9px 11px 11px 0; | |
| display: block; | |
| color: #512f73; | |
| } | |
| #capturecontainer form #submitemailcapture input { | |
| -moz-border-radius:4px 4px 4px 4px; | |
| background:-moz-linear-gradient(center top , #BED588, #829E4D) repeat scroll 0 0 transparent; | |
| border:1px hidden; | |
| color:white; | |
| cursor:pointer; | |
| float:left; | |
| font-size:16px; | |
| font-weight:bold; | |
| margin-bottom:12px; | |
| margin-top:21px; | |
| padding:10px 16px; | |
| } | |
| #capturecontainer form #submitemailcapture input:hover { | |
| background: -moz-linear-gradient(top,#c4da8e,#91ae5c); | |
| background: -webkit-gradient(linear,left top, left bottom,from(#c4da8e),to(#91ae5c));} | |
| #capturecontainer form #submitemailcapture input:active { | |
| background: #91ae5c; | |
| } | |
| #capturecontainer span { | |
| color:#71449C; | |
| display:block; | |
| font-size:14px; | |
| font-weight:bold; | |
| height:41px; | |
| left:82px; | |
| overflow:hidden; | |
| position:relative; | |
| text-align:center; | |
| top:90px; | |
| width:150px; | |
| } | |
| #capturecontainer span a { display: block;} | |
| #capturecontainer form span { | |
| display: block; | |
| text-align: center; | |
| } | |
| #subscribe_layout #flashMessage { margin-left: 104px; margin-bottom: -50px; width: 640px; padding: 10px;} |
OMG!!!!!😯
How do I do this....
@littlebear321 ...dont
body{
margin:0px;
}
.site{
display:grid;
place-items:center;
font-family:vandana, sans-serif;
width:100vw;
height:100vh;
}
#container{
display:grid;
border:1px solid ivory;
width:80vw;
height:80vh;
place-items:center;
}
#small-container{
display:grid;
width:75vw;
height:70vh;
border:1px solid orange;
grid-template-columns:1fr auto;
grid-template-rows:1fr;
grid-template-areas:"input result";
background-color:ivory;
border-radius:5px;
box-shadow:5px 5px beige;
}
#input{
width:50vw;
height:50vh;
grid-area:"input";
display:grid;
grid-template-columns:1fr;
grid-template-rows:auto 1fr;
grid-gap:5vh;
grid-template-areas:"screen"
"btn-box";
}
#result{
grid-area:"result";
margin-right:2vw;
display:grid;
place-items:center;
grid-gap:2vh;
grid-template-columns:1fr;
grid-template-rows:1fr 1fr;
grid-template-areas:"real"
"key";
width:20vw;
height:50vh;
}
#guage{
display:flex;
flex-direction:columns;
justify-content:space-between;
}
#screen{
grid-area:"screen";
width:40vw;
height:10vh;
margin-top:5vh;
margin-left:2vw;
border-radius:5px;
background-color:white;
border:1px solid orange;
position:relative;
}
#screen p{
position:absolute;
right:5vw;
font-size:2em;
top:0.2vh;
}
#btn-box{
grid-area:"btn-box";
width:45vw;
height:45vh;
grid-template-columns:1fr 10vw;
grid-template-rows:1fr;
grid-template-areas:"number control";
display:grid;
grid-gap:2vw;
}
#num-box{
grid-area:"number";
width:35vw;
height:40vh;
margin-left:2vw;
border:1px solid orange;
border-radius:5px;
background-color:beige;
display:grid;
place-items:center;
grid-template-columns:repeat(1fr,3);
grid-template-rows:repeat(1fr,4);
grid-template-areas:"seven eight nine"
"four five six"
"one two three"
"two-zero point zero";
}
#two-zero{
grid-area:"two-zero";
}
#point{
grid-area:"point";
}
#zero{
grid-area:"zero";
}
#num-box button{
width:7vw;
height:7vh;
text-align:center;
border:1px solid orange;
background-color:ivory;
font-size:1.5rem;
color:orange;
}
#num-box button:hover{
background-color:white;
color:black;
}
#one{
grid-area:one;
}
#two{
grid-area:two;
}
#three{
grid-area:three;
}
#four{
grid-area:four;
}
#five{
grid-area:five;
}
#six{
grid-area:six;
}
#seven{
grid-area:seven;
}
#eight{
grid-area:eight;
}
#nine{
grid-area:nine;
}
#control-box{
height:40vh;
width:10vw;
grid-area:"control";
display:grid;
grid-template-columns:1fr;
grid-template-rows:repeat(1fr,4);
background-color:beige;
place-items:center;
border:1px solid orange;
border-radius:10px;
}
#control-box button{
width:50px;
height:50px;
border:1px solid;
border-radius:5px;
color:white;
}
#control-box button:hover{
background-color:white;
color:black;
}
#clear{
background-color:red;
}
#weight{
background-color:blue;
}
#height{
background-color:orange;
}
#enter{
background-color:green;
}
meter{
width:20vw;
height:30px;
}
#real-result{
grid-area:"real";
text-align:center;
}
#key{
grid-area:"key";
color:midnightblue;
font-size:0.7em;
}
#guage p{
color:orange;
font-size:0.5em;
}
output{
color:orange;
font-size:2.5em;
}
#real-result h1{
color:midnightblue;
font-size:3em;
}
a{
text-decoration:none;
color:white;
}
@media only screen and (max-width:768px){
.site{
height:200vh;
display:grid;
place-items:center;
}
#container{
width:80vw;
height:180vh;
display:grid;
place-items:center;
}
#small-container{
width:70vw;
height:150vh;
display:grid;
grid-template-rows:repeat(2,auto);
grid-template-columns:1fr;
grid-template-areas:"input"
"result";
}
#input{
grid-area:"input";
width:95vh;
height:60vw;
display:grid;
grid-template-areas:"screen"
"btn-box"
grid-template-rows:repeat(2,auto);
grid-template-columns:1fr;
grid-gap:2.5vh;
}
#btn-box{
grid-area:"btn-box";
width:60vw;
height:50vw;
display:grid;
grid-template-areas:"num-box control";
grid-template-rows:repeat(2,auto);
grid-template-columns:1fr;
grid-gap:2.5vh;
}
#screen{
width:60vw;
height:20vh;
grid-area:"screen";
}
#num-box{
grid-area:"btn-box";
height:50vh;
}
#control-box{
width:20vw;
height:50vh;
grid-area:"control";
}
#result{
width:60vw;
height:40vh;
grid-area:"result";
}
meter{
width:40vw;
height:30px;
}
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
font-family: arial;
list-style: none;
font-size: 12px;
line-height: 25px;
cursor: pointer;
color: #aaa;
font-weight: bold;