Created
November 30, 2011 04:55
-
-
Save susanBuck/1408082 to your computer and use it in GitHub Desktop.
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
@charset "UTF-8"; | |
/* CSS Document */ | |
.centered { | |
text-align: center; | |
} | |
html { | |
height: 100%; | |
width: 100%; | |
} | |
body { | |
height: 100%; | |
width: 100%; | |
background-attachment: scroll; | |
background-image: url(../images/bg.jpg); | |
background-repeat: no-repeat; | |
background-position: center top; | |
background-color: #B6E1E8; | |
font-family: Arial, Helvetica, sans-serif; | |
font-size: 12px; | |
font-style: normal; | |
font-weight: normal; | |
text-decoration: none; | |
} | |
#wrapper { | |
height: auto; | |
width: 960px; | |
margin-right: auto; | |
margin-left: auto; | |
} | |
#header { | |
height: 150px; | |
width: 960px; | |
float: left; | |
clear: both; | |
} | |
#logo { | |
float: left; | |
height: 124px; | |
width: 700px; | |
} | |
#logo img { | |
float: left; | |
} | |
#login { | |
float: right; | |
width: 248px; | |
background-image: url(../images/login_02.png); | |
background-repeat: no-repeat; | |
background-position: center bottom; | |
color: #FFF; | |
font-size: 12px; | |
padding:0 0 15px; | |
} | |
#login-bg { | |
background: url(../images/login_01.png) no-repeat top center #000; | |
padding: 5px 10px 0 10px; | |
} | |
#login .login_help { | |
padding-bottom: 10px; | |
height: 40px; | |
width: 228px; | |
} | |
#login .login_help a img { | |
margin: 0px; | |
padding: 3px; | |
float: left; | |
} | |
#login a:link, #login a:visited, #login a:active { | |
color: #FFF; | |
text-decoration: none; | |
font-size: 12px; | |
} | |
#login a:hover { | |
color: #FFF; | |
text-decoration: underline; | |
} | |
#login .login_social { | |
overflow:hidden; | |
font-weight:bold; | |
} | |
#login .login_social a.newsletter { | |
background: url(../images/email_s.png) no-repeat left center; | |
display:block; | |
padding-left: 20px; | |
margin-top: 5px; | |
} | |
#top_content { | |
height: 330px; | |
width: 960px; | |
float: left; | |
clear: both; | |
} | |
#hero { | |
height: 310px; | |
width: 621px; | |
float: left; | |
background-color: #FFF; | |
padding-top: 10px; | |
padding-bottom: 10px; | |
padding-right: 10px; | |
padding-left: 10px; | |
} | |
#switch-container { | |
height: 310px; | |
width: 621px; | |
} | |
#hero #switch-container #kids-content { | |
background-image: url(../images/images/img1.jpg); | |
background-repeat: no-repeat; | |
background-position: center center; | |
} | |
#kids-panel, #parents-panel, #grandparents-panel { | |
height: 310px; | |
width: 621px; | |
} | |
#kids-panel { | |
background-image: url(../images/images/img2.jpg); | |
} | |
#parents-panel { | |
background-image: url(../images/images/img4.jpg); | |
} | |
#grandparents-panel { | |
background-image: url(../images/images/img3.jpg); | |
} | |
#content_container { | |
height: auto; | |
width: 960px; | |
background-color: #FFF; | |
float:left; | |
clear:both; | |
} | |
#familycorner { | |
float: right; | |
width: 319px; | |
position: relative; | |
} | |
#familycorner a { | |
color: #0073ad; | |
} | |
#familycorner-details { | |
background: url(../images/familycorner-bg.png) left top repeat-y #fff; | |
height: 279px; | |
} | |
#familycorner p.family { | |
color: #5D9716; | |
font-size: 22px; | |
font-weight: bold; | |
padding: 5px 20px; | |
margin: 0; | |
} | |
#familycorner p.family span { | |
display: block; | |
margin-bottom: 5px; | |
color: #999; | |
font-size: 15px; | |
font-weight: normal; | |
} | |
#familycorner .winners { | |
display: block; | |
margin: 5px auto 10px; | |
} | |
#familycorner-photo { | |
float: left; | |
width: 100px; | |
padding: 0 20px 9px; | |
} | |
#familycorner-info { | |
float: left; | |
width: 160px; | |
padding-right: 19px; | |
} | |
#familycorner .question { | |
font-weight: bold; | |
font-size: 15px; | |
margin-bottom: 0; | |
} | |
#familycorner .answer { | |
margin-bottom: .75em; | |
} | |
#familycorner .profile { | |
text-align: center; | |
clear: both; | |
font-size: 14px; | |
font-weight: bold; | |
} | |
#cloud_container { | |
width: 940px; | |
height: 120px; | |
background-image: url(../images/tabs-bg.png); | |
background-repeat: no-repeat; | |
background-position: center top; | |
padding-right: 10px; | |
padding-left: 10px; | |
float: left; | |
} | |
#cloud_container_sub { | |
width: 940px; | |
height: 89px; | |
background-image: url(../images/sub-top-bg.png); | |
background-repeat: no-repeat; | |
background-position: center top; | |
padding-right: 10px; | |
padding-left: 10px; | |
float: left; | |
} | |
#cloud_container .cloud_title { | |
float: left; | |
height: 66px; | |
width: 300px; | |
margin-top: 54px; | |
font-size: 18px; | |
font-weight: bold; | |
text-transform: uppercase; | |
color: #000; | |
text-align: center; | |
overflow: hidden; | |
} | |
#wrapper #cloud_container .cloud_title h2 { | |
font-size: 14px; | |
font-weight: bold; | |
color: #000; | |
padding: 0px; | |
margin: 0px; | |
} | |
#content_cols { | |
width: 940px; | |
height: auto; | |
background-image: url(../images/content-gradient.jpg); | |
background-repeat: no-repeat; | |
background-position: 315px top; | |
padding-left: 10px; | |
padding-right: 10px; | |
} | |
#content_cols .columns { | |
height: auto; | |
width: 290px; | |
float: left; | |
padding-top: 15px; | |
padding-right: 5px; | |
padding-left: 5px; | |
} | |
.columns ul li { | |
list-style-position: outside; | |
list-style-type: none; | |
background-image: url(../images/check.gif); | |
background-repeat: no-repeat; | |
background-position: left top; | |
margin: 0px; | |
padding-left: 40px; | |
} | |
.columns ul { | |
margin: 0px; | |
padding: 0px; | |
width: 290px; | |
} | |
.columns h3 { | |
font-family: Arial, Helvetica, sans-serif; | |
font-size: 14px; | |
color: #5D9716; | |
margin: 0px; | |
padding: 0px; | |
font-weight: bold; | |
} | |
.columns object { | |
margin-bottom: 15px; | |
} | |
.columns .badges { | |
text-align:center; | |
} | |
.badges a { | |
display:inline-block; | |
margin: 0 10px 10px; | |
vertical-align: middle; | |
} | |
.quote { | |
width:290px; | |
height:auto; | |
clear: left; | |
float: left; | |
margin-bottom: 10px; | |
} | |
.quote .quote_pic { | |
width:72px; | |
height:72px; | |
float: left; | |
} | |
.quote .quote_text { | |
width:200px; | |
float: right; | |
} | |
.quote p { | |
font-weight: bold; | |
} | |
.quote .source { | |
font-weight: normal; | |
} | |
#contest { | |
height: 140px; | |
width: 285px; | |
float: right; | |
margin-right: 10px; | |
margin-top: 180px; | |
text-align: center; | |
font-size: 20px; | |
line-height: 22px; | |
} | |
#contest p { | |
margin-bottom: 5px; | |
color: #ee5a26; | |
font-size:14px; | |
font-weight:bold; | |
line-height: 1.5em; | |
} | |
#contest a { | |
color: #0073ad; | |
} | |
#contest a:hover { | |
color: #930; | |
} | |
#contest strong { | |
color: #F00; | |
font-size: 1.3em; | |
} | |
#contest .learnmorebtn { | |
background-repeat: no-repeat; | |
background-position: center top; | |
height: 36px; | |
width: 196px; | |
margin-right: auto; | |
margin-left: auto; | |
} | |
#contest .learnmorebtn a:link { | |
background-image: url(../images/click-here-to-learn-more-btn.png); | |
background-repeat: no-repeat; | |
background-position: center top; | |
display: block; | |
height: 36px; | |
width: 196px; | |
} | |
#contest .learnmorebtn a:hover { | |
background-image: url(../images/click-here-to-learn-more-btn.png); | |
background-repeat: no-repeat; | |
background-position: center -36px; | |
display: block; | |
height: 36px; | |
width: 196px; | |
} | |
#contest #contest-title { | |
padding-top:20px; | |
padding-bottom:10px; | |
} | |
#contest .contest-btn { | |
background-repeat: no-repeat; | |
background-position: center top; | |
height: 45px; | |
width: 186px; | |
margin-right: auto; | |
margin-left: auto; | |
} | |
#contest .contest-btn a { | |
background-image: url(../images/btn-joinohanarama-sprite.png); | |
background-repeat: no-repeat; | |
background-position: center top; | |
display: block; | |
padding-top: 45px; | |
width: 100%; | |
} | |
#contest .contest-btn a:hover { | |
background-position: center -45px; | |
} | |
#content_container a:link { | |
color: #06C; | |
text-decoration: underline; | |
} | |
#tagline { | |
float: left; | |
height: 126px; | |
width: 391px; | |
background-image: url(../images/tagline.png); | |
} | |
.facebook_l { | |
background-image: url(../images/social-large.png); | |
background-position: left -28px; | |
padding-left: 22px; | |
background-repeat: no-repeat; | |
height: 12px; | |
} | |
.twitter_l { | |
background-image: url(../images/social-large.png); | |
background-position: left top; | |
padding-left: 22px; | |
background-repeat: no-repeat; | |
height: 12px; | |
} | |
.nav_buttons a { | |
height: 32px; | |
width: 207px; | |
} | |
nav_buttons img , nav_buttons a:link{ | |
margin: 0px; | |
padding: 0px; | |
float: left; | |
border-top-width: 0px; | |
border-right-width: 0px; | |
border-bottom-width: 0px; | |
border-left-width: 0px; | |
border-top-style: none; | |
border-right-style: none; | |
border-bottom-style: none; | |
border-left-style: none; | |
height: 32px; | |
width: 207px; | |
} | |
.panel-quote { | |
float: right; | |
height: 250px; | |
width: 210px; | |
margin-right: 15px; | |
line-height: 26px; | |
text-decoration: none; | |
margin-top: 15px; | |
} | |
.panel-quote h2 { | |
font-size: 22px; | |
font-weight: bold; | |
color: #FFF; | |
} | |
#content_container .sub_col { | |
width: 440px; | |
padding: 10px; | |
float: left; | |
margin-top: 25px; | |
margin-right: 10px; | |
margin-bottom: 10px; | |
margin-left: 10px; | |
} | |
#cloud_container_sub .cloud_title_sub { | |
height: 64px; | |
width: 904px; | |
margin-right: auto; | |
margin-left: auto; | |
margin-top: 25px; | |
} | |
#content_container .sub_col ul { | |
padding: 0px; | |
margin-top: 0px; | |
margin-right: 0px; | |
margin-bottom: 15px; | |
margin-left: 0px; | |
} | |
#content_container .sub_col ol { | |
padding: 0px; | |
margin-top: 0px; | |
margin-right: 0px; | |
margin-bottom: 15px; | |
margin-left: 0px; | |
list-style-type: decimal; | |
} | |
#wrapper #content_container .sub_col ul li { | |
padding-top: 0px; | |
padding-right: 0px; | |
padding-bottom: 3px; | |
padding-left: 0px; | |
margin-top: 0px; | |
margin-right: 0px; | |
margin-bottom: 0px; | |
margin-left: 35px; | |
} | |
#wrapper #content_container .sub_col ol li { | |
padding: 0 0 5px; | |
margin: 0 0 0 35px; | |
} | |
.sub_col h1 { | |
font-size: 16px; | |
font-weight: bold; | |
color: #069; | |
} | |
.sub_col h2 { | |
font-size: 14px; | |
font-weight: bold; | |
color: #069; | |
margin: 1.75em 0 5px; | |
} | |
.sub_col h3 { | |
font-weight: bold; | |
font-size: 12px; | |
} | |
#wrapper #content_container .sub_col ul li p { | |
margin: 0px; | |
padding: 0px; | |
} | |
#wrapper #content_container .sub_col ol li ol { | |
padding-bottom: 0px; | |
padding-top: 0px; | |
margin-bottom: 0px; | |
} | |
.sub_col .headshot { | |
float:left; | |
padding: 0 20px 20px 0; | |
} | |
.news .sub_col h2 , .news .sub_col h3 , .news .sub_col h4 { | |
clear: none; | |
} | |
.news .sub_col p { | |
margin-bottom:2em; | |
} | |
.news .sub_col img { | |
float:left; | |
margin: 0 10px 5px 0; | |
} | |
#content_container .pressrelease-header { | |
padding: 50px 80px 0; | |
text-align: center; | |
} | |
#content_container .pressrelease-header h2 { | |
font-size: 24px; | |
font-weight: bold; | |
color: #069; | |
line-height: normal; | |
margin-bottom: 1em; | |
} | |
#content_container .pressrelease-header h3 { | |
font-size:18px; | |
font-style: italic; | |
line-height: normal; | |
color: #666; | |
} | |
#footer { | |
height: auto; | |
width: 960px; | |
background-color: #000; | |
clear: both; | |
float: left; | |
} | |
#footer #footer_links { | |
height: auto; | |
width: 800px; | |
margin-right: auto; | |
margin-left: auto; | |
color: #FFF; | |
padding-bottom: 15px; | |
margin-top: 20px; | |
} | |
#footer #copyright { | |
height: 16px; | |
width: 940px; | |
padding-top: 7px; | |
padding-right: 10px; | |
padding-bottom: 7px; | |
padding-left: 10px; | |
background-color: #9C3; | |
border-top-width: 1px; | |
border-top-style: solid; | |
border-top-color: #cf9; | |
clear: both; | |
text-align: center; | |
font-size: 10px; | |
} | |
#footer_links .links_col { | |
height: auto; | |
width: 190px; | |
padding-top: 10px; | |
padding-right: 5px; | |
padding-bottom: 10px; | |
padding-left: 5px; | |
float: left; | |
} | |
.facebook_s { | |
background-image: url(../images/social-s.png); | |
background-position: left top; | |
padding-left: 17px; | |
background-repeat: no-repeat; | |
width: 100px; | |
} | |
.twitter_s { | |
background-image: url(../images/social-s.png); | |
background-position: left -22px; | |
padding-left: 17px; | |
background-repeat: no-repeat; | |
width: 100px; | |
} | |
#footer h5 { | |
font-weight: bold; | |
color: #06C; | |
margin: 0px; | |
line-height: 0px; | |
padding-top: 0px; | |
padding-right: 0px; | |
padding-bottom: 8px; | |
padding-left: 0px; | |
} | |
#footer a:link, #footer a:visited, #footer a:active { | |
color: #FFF; | |
text-decoration: none; | |
} | |
#footer a:hover { | |
color: #FFF; | |
text-decoration: underline; | |
} | |
#footer .shop img , | |
#footer .shop p { | |
float:left; | |
} | |
#footer .shop p { | |
width:92px; | |
} | |
/* ---------- Family Profile page ---------- */ | |
#content_container.transparent { | |
background-color: transparent; | |
} | |
.infocard { | |
padding: 10px; | |
background-color: #fff; | |
border: 1px solid #bbb; | |
-webkit-box-shadow: 1px 2px 5px #666; | |
-moz-box-shadow: 1px 2px 5px #666; | |
box-shadow: 1px 2px 5px #666; | |
} | |
#left-card-column { | |
width:374px; | |
float:left; | |
} | |
#right-card-column { | |
width:560px; | |
float:right; | |
} | |
#cardfront { | |
margin-right: 20px; | |
} | |
#cardback { | |
margin-bottom: 30px; | |
} | |
.cardinner { | |
border: 1px solid #fbb03b; | |
} | |
#cardfront h1 { | |
color: #f05b26; | |
font-size: 32px; | |
font-weight: bold; | |
line-height: normal; | |
text-align: center; | |
padding-bottom: 10px; | |
} | |
#cardback .cardinner { | |
padding: 5px 5px 75px 20px; | |
background: url(../images/family-infocardbottom.png) no-repeat center bottom; | |
overflow: hidden; | |
} | |
#cardback .network { | |
display: block; | |
float: right; | |
margin-left: 20px; | |
} | |
#cardback h2 , #cardback h3 { | |
clear: none; | |
font-weight: bold; | |
line-height: normal; | |
} | |
#cardback h2 { | |
color: #ff9b00; | |
font-size: 32px; | |
} | |
#cardback h3 { | |
color: #88c13d; | |
font-size: 18px; | |
margin: 1em 0 .5em; | |
} | |
#cardback .favgames { | |
border-top: 1px solid #fbb03b; | |
border-bottom: 1px solid #fbb03b; | |
margin: 10px 0 10px -10px; | |
padding: 10px; | |
} | |
#cardback .favgames h3 { | |
margin-top: 0; | |
} | |
.favgames ul { | |
margin: 0; | |
list-style-type: none; | |
} | |
.favgames li { | |
margin-bottom: 10px; | |
color: #29a9e1; | |
font-size: 16px; | |
font-weight: bold; | |
line-height: 50px; | |
padding-left: 60px; | |
background-repeat: no-repeat; | |
background-position: left; | |
} | |
.favgames li:last-child { | |
margin-bottom: 0; | |
} | |
.favgames li.alphaswap { background-image: url(../images/games/AlphaSwap_small.png);} | |
.favgames li.checkers { background-image: url(../images/games/Checkers_small.png);} | |
.favgames li.chess { background-image: url(../images/games/Chess_small.png);} | |
.favgames li.coinconfusion { background-image: url(../images/games/CoinConfusion_small.png);} | |
.favgames li.crazycritters { background-image: url(../images/games/CrazyCritters_small.png);} | |
.favgames li.cubist { background-image: url(../images/games/Cubist_small.png);} | |
.favgames li.doublebubbletrouble{ background-image: url(../images/games/DoubleBubbleTrouble_small.png);} | |
.favgames li.drop3 { background-image: url(../images/games/Drop3_small.png);} | |
.favgames li.flowerpower { background-image: url(../images/games/FlowerPower3_small.png);} | |
.favgames li.giantproblem { background-image: url(../images/games/GiantProblem_small.png);} | |
.favgames li.ginrummy { background-image: url(../images/games/GinRummy_small.png);} | |
.favgames li.hungrymonkey { background-image: url(../images/games/HungryMonkey_small.png);} | |
.favgames li.jigglesaw { background-image: url(../images/games/JiggleSaw_small.png);} | |
.favgames li.junglejons { background-image: url(../images/games/JungleJons_small.png);} | |
.favgames li.lineupfour { background-image: url(../images/games/LineupFour_small.png);} | |
.favgames li.mancala { background-image: url(../images/games/Mancala_small.png);} | |
.favgames li.maxdamage { background-image: url(../images/games/MaxDamage_small.png);} | |
.favgames li.memorymaster { background-image: url(../images/games/MemoryMaster_small.png);} | |
.favgames li.piratepoopdeck { background-image: url(../images/games/PiratePoopDeckPeril_small.png);} | |
.favgames li.pizzapartyanimals { background-image: url(../images/games/PizzaPartyAnimals_small.png);} | |
.favgames li.snakesinthegrass { background-image: url(../images/games/SnakesintheGrass_small.png);} | |
.favgames li.superpopandstop { background-image: url(../images/games/SuperPopandStop_small.png);} | |
.favgames li.tictactoe { background-image: url(../images/games/TicTacToe_small.png);} | |
.favgames li.tiptoptower { background-image: url(../images/games/TipTopTower_small.png);} | |
.favgames li.travelbug { background-image: url(../images/games/TravelBug_small.png);} | |
.favgames li.whenwordscollide { background-image: url(../images/games/WhenWordsCollide_small.png);} | |
.favgames li.wildwildtaxi { background-image: url(../images/games/WildWildTaxi_small.png);} | |
.favgames li.wordup { background-image: url(../images/games/WordUp_small.png);} |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment