/* ----------------------------------------------- Blogger Template Name: Lusciously Girlish Designer: Sappie URL: http://cherishing.blogspot.com E-mail: Cherishing4eva@hotmail.com Date: 09 June 2007 ----------------------------------------------- */ body { background-image: url('http://i20.photobucket.com/albums/b225/sapphlyn/blogskins/lusciouslygirlish/sub/main.gif'); background-repeat: repeat-x; font-family: Verdana; font-size: 12px; color: #5C4B58; cursor: default; } html { scrollbar-face-color: #DEA4F4; scrollbar-highlight-color: #FFFFFF; scrollbar-3dlight-color: #E4B7F5; scrollbar-darkshadow-color: #C080FF; scrollbar-shadow-color: #D994F2; scrollbar-arrow-color: #FFFFFF; scrollbar-track-color: #E4B7F5; } body { scrollbar-face-color: #F2C0E7; scrollbar-highlight-color: #FFFFFF; scrollbar-3dlight-color: #F2CEEA; scrollbar-darkshadow-color: #ECA4DC; scrollbar-shadow-color: #EFB3E2; scrollbar-arrow-color: #FFFFFF; scrollbar-track-color: #F2CEEA; } a:link {text-decoration: none; color: #13C4A5;} a:visited {text-decoration: none; color: #13C4A5;} a:active {text-decoration: none; color: #13C4A5;} a:hover {text-decoration: underline; color: #FF1493; background: #EDF7F3;} a.title:link {text-decoration: none; color: #FF00FF;} a.title:visited {text-decoration: none; color: #FF00FF;} a.title:active {text-decoration: none; color: #FF00FF;} a.title:hover {text-decoration: underline; color: #FF1493; background: #EDF7F3;} li {list-style: square outside;} li.sp { font-family: Georgia; font-size: 90%; font-weight: 400; color: #FF55A5; margin-left: 40%; margin-right: 35%; text-align: left; list-style: square outside url('http://i20.photobucket.com/albums/b225/sapphlyn/blogskins/lusciouslygirlish/bullet.gif') } li.strike { font-family: Georgia; font-size: 90%; font-weight: 400; color: #FF55A5; margin-left: 40%; margin-right: 35%; text-align: left; text-decoration: line-through; list-style: square outside url('http://i20.photobucket.com/albums/b225/sapphlyn/blogskins/lusciouslygirlish/bullet.gif') } div.p {margin: 10px;} /* Content Structure ----------------------------------------------- */ #content { width: 470px; height: 320px; position: absolute; top: 225px; left: 355px; overflow: auto; text-align: center; z-index: 4; } .cMenu { font-family: New Times Roman; font-size: 85%; font-weight: 600; color: #FF0060; padding: 1px 5px 1px 5px; border: 3px double #FEA8E1; } #profile, #tagboard, #misc, #archives, #links, #credits { width: 470px; height: 320px; display: none; overflow: auto; } #profile-title { background-image: url('http://i20.photobucket.com/albums/b225/sapphlyn/blogskins/lusciouslygirlish/sub/aboutme.gif'); background-repeat: no-repeat; background-position: top center; width: 100%; height: 33px; border-bottom: 3px dotted #fEA8E1; margin-top: 8px; margin-bottom: 15px; } #tagboard-title { background-image: url('http://i20.photobucket.com/albums/b225/sapphlyn/blogskins/lusciouslygirlish/sub/chatbox.gif'); background-repeat: no-repeat; background-position: top center; width: 100%; height: 33px; border-bottom: 3px dotted #fEA8E1; margin-top: 8px; margin-bottom: 15px; } #misc-title { background-image: url('http://i20.photobucket.com/albums/b225/sapphlyn/blogskins/lusciouslygirlish/sub/misc.gif'); background-repeat: no-repeat; background-position: top center; width: 100%; height: 33px; border-bottom: 3px dotted #fEA8E1; margin-top: 8px; margin-bottom: 15px; } #archives-title { background-image: url('http://i20.photobucket.com/albums/b225/sapphlyn/blogskins/lusciouslygirlish/sub/archives.gif'); background-repeat: no-repeat; background-position: top center; width: 100%; height: 33px; border-bottom: 3px dotted #fEA8E1; margin-top: 8px; margin-bottom: 15px; } #links-title { background-image: url('http://i20.photobucket.com/albums/b225/sapphlyn/blogskins/lusciouslygirlish/sub/link.gif'); background-repeat: no-repeat; background-position: top center; width: 100%; height: 33px; border-bottom: 3px dotted #fEA8E1; margin-top: 8px; margin-bottom: 15px; } #credits-title { background-image: url('http://i20.photobucket.com/albums/b225/sapphlyn/blogskins/lusciouslygirlish/sub/credits.gif'); background-repeat: no-repeat; background-position: top center; width: 100%; height: 33px; border-bottom: 3px dotted #fEA8E1; margin-top: 8px; margin-bottom: 15px; } /* Post Structure ----------------------------------------------- */ #post { width: 470px; height: 320px; overflow: auto; z-index: 4; display: none; } .post-date { font-family: Sans-serif; font-size: 95%; font-weight: 600; color: #FF1493; text-transform: uppercase; letter-spacing: 0.2em; vertical-align: middle; text-align: center; border: 1px dashed #CF45FC; padding-top: 3px; padding-bottom: 2px; margin-top: 10px; } .post-title { font-family: Tahoma; font-size: 95%; font-weight: 600; color: #FF00FF; text-transform: capitalize; text-align: left; vertical-align: middle; margin-left: 8px; margin-right: 8px; } .post-body { font-family: Cursive; font-size: 97%; color: #732697; margin-left: 8px; margin-right: 8px; text-align: left; } .post-author { font-family: Cursive; font-size: 97%; color: #732697; text-align: left; color: #FA2667; } .post-footer { font-family: Cursive; font-size: 97%; color: #FF7DD0; text-align: center; margin-top: 15px; margin-bottom: 20px; } /* Basic Structure ----------------------------------------------- */ #bee { background-image: url('http://i20.photobucket.com/albums/b225/sapphlyn/blogskins/lusciouslygirlish/sub/flybee.gif'); background-repeat: no-repeat; width: 109px; height: 271px; position: absolute; top: 110px; left: 860px; } #bird { background-image: url('http://i20.photobucket.com/albums/b225/sapphlyn/blogskins/lusciouslygirlish/sub/bird.gif'); background-repeat: no-repeat; width: 86px; height: 290px; position: absolute; top: 250px; left: 880px; } #raincloud { background-image: url('http://i20.photobucket.com/albums/b225/sapphlyn/blogskins/lusciouslygirlish/sub/rainbow.gif'); background-repeat: no-repeat; width: 150px; height: 91px; position: absolute; top: 40px; left: 575px; } #house { background-image: url('http://i20.photobucket.com/albums/b225/sapphlyn/blogskins/lusciouslygirlish/house.gif'); background-repeat: no-repeat; width: 800px; height: 525px; position: absolute; top: 50px; left: 100px; z-index: 2; } #birdfly { background-image: url('http://i20.photobucket.com/albums/b225/sapphlyn/blogskins/lusciouslygirlish/sub/flybird.gif'); background-repeat: no-repeat; width: 250px; height: 100px; position: absolute; top: 50px; left: 400px; z-index: 3; } #catfly { background-image: url('http://i20.photobucket.com/albums/b225/sapphlyn/blogskins/lusciouslygirlish/sub/flycat.gif'); background-repeat: no-repeat; width: 150px; height: 193px; position: absolute; top: 0px; left: 145px; z-index: 3; } #catprint { background-image: url('http://i20.photobucket.com/albums/b225/sapphlyn/blogskins/lusciouslygirlish/sub/catprint.gif'); background-repeat: no-repeat; width: 74px; height: 74px; position: absolute; top: 133px; left: 650px; z-index: 3; } #catlove { background-image: url('http://i20.photobucket.com/albums/b225/sapphlyn/blogskins/lusciouslygirlish/sub/meowluv.gif'); background-repeat: no-repeat; width: 62px; height: 290px; position: absolute; top: 133px; left: 340px; z-index: 3; } #rabbit { background-image: url('http://i20.photobucket.com/albums/b225/sapphlyn/blogskins/lusciouslygirlish/sub/rabbit.gif'); background-repeat: no-repeat; width: 150px; height: 290px; position: absolute; top: 257px; left: 235px; z-index: 6; } #penguin { background-image: url('http://i20.photobucket.com/albums/b225/sapphlyn/blogskins/lusciouslygirlish/penguin.gif'); background-repeat: no-repeat; width: 134px; height: 32px; position: absolute; top: 515px; left: 615px; z-index: 6; } #footer { background-image: url('http://i20.photobucket.com/albums/b225/sapphlyn/blogskins/lusciouslygirlish/sub/footer.gif'); background-repeat: no-repeat; width: 900px; height: 64px; position: absolute; top: 511px; left: 50px; z-index: 7; } #flower1 { background-image: url('http://i20.photobucket.com/albums/b225/sapphlyn/blogskins/lusciouslygirlish/sub/flower.gif'); background-repeat: no-repeat; width: 94px; height: 84px; position: absolute; top: 491px; left: 56px; z-index: 8; } #flower2 { background-image: url('http://i20.photobucket.com/albums/b225/sapphlyn/blogskins/lusciouslygirlish/sub/flower.gif'); background-repeat: no-repeat; width: 94px; height: 84px; position: absolute; top: 491px; left: 844px; z-index: 8; } #butterfly { background-image: url('http://i20.photobucket.com/albums/b225/sapphlyn/blogskins/lusciouslygirlish/sub/flybutter.gif'); background-repeat: no-repeat; width: 80px; height: 80px; position: absolute; top: 450px; left: 50px; z-index: 9; } /* MainPage Structure ----------------------------------------------- */ #mainbg { background-image: url('http://i857.photobucket.com/albums/ab133/madamemogani/Picture1.jpg'); background-repeat: no-repeat; width: 690px; height: 360px; position: absolute; top: 210px; left: 155px; z-index: 3; } #mainborder { background-image: url('http://i20.photobucket.com/albums/b225/sapphlyn/blogskins/lusciouslygirlish/sub/mainborder.gif'); background-repeat: no-repeat; width: 690px; height: 360px; position: absolute; top: 210px; left: 155px; z-index: 4; } #curtain { background-image: url('http://i20.photobucket.com/albums/b225/sapphlyn/blogskins/lusciouslygirlish/sub/curtain.gif'); background-repeat: no-repeat; width: 690px; height: 360px; position: absolute; top: 210px; left: 155px; z-index: 5; } #beary { background-image: url('http://i20.photobucket.com/albums/b225/sapphlyn/blogskins/lusciouslygirlish/sub/beary.gif'); background-repeat: no-repeat; width: 55px; height: 90px; position: absolute; top: 380px; left: 300px; z-index: 5; } /* Home Structure ----------------------------------------------- */ #home {display: none;} #contentbg { background-image: url('http://i20.photobucket.com/albums/b225/sapphlyn/blogskins/lusciouslygirlish/sub/content.gif'); background-repeat: no-repeat; width: 480px; height: 330px; position: absolute; top: 220px; left: 350px; z-index: 3; } #sidebar { background-image: url('http://i20.photobucket.com/albums/b225/sapphlyn/blogskins/lusciouslygirlish/sub/sidebar.gif'); background-repeat: no-repeat; width: 160px; height: 330px; position: absolute; top: 220px; left: 170px; z-index: 3; } #dolly { width: 150px; height: 290px; position: absolute; top: 255px; left: 175px; z-index: 3; } #piggy { background-image: url('http://i20.photobucket.com/albums/b225/sapphlyn/blogskins/lusciouslygirlish/sub/piggy.gif'); background-repeat: no-repeat; width: 68px; height: 54px; position: absolute; top: 211px; left: 156px; z-index: 4; } #ribbon { background-image: url('http://i20.photobucket.com/albums/b225/sapphlyn/blogskins/lusciouslygirlish/ribbon.gif'); background-repeat: no-repeat; width: 691px; height: 30px; position: absolute; top: 210px; left: 155px; z-index: 5; } #time-border { background-image: url('http://i20.photobucket.com/albums/b225/sapphlyn/blogskins/lusciouslygirlish/sub/timeborder.gif'); background-repeat: no-repeat; width: 100px; height: 25px; color: #FF1493; font-size: 90%; font-family: Tahoma; font-weight: 600; text-align: center; padding: 4px; position: absolute; top: 226px; left: 225px; z-index: 6; } /* Menu Structure ----------------------------------------------- */ #menu { background-image: url('http://i20.photobucket.com/albums/b225/sapphlyn/blogskins/lusciouslygirlish/menubg.gif'); background-repeat: no-repeat; width: 158px; height: 488px; position: absolute; top: 47px; left: 10px; visibility: hidden; } .mBlog {position: absolute; top: 136px; left: 49px; z-index: 10;} .mBlog span {display: none;} .mBlog a {display: block; width: 77px; height: 19px; text-decoration: none;} .mBlog a:hover {background: transparent; border: 2px solid #FB3FDA; text-decoration: none;} .mBlog a:hover span { display: block; color: #FF0000; font-size: 80%; font-weight: bold; position: absolute; bottom: 50%; left: 110%; border: 2px dotted #FF69B4; padding: 1px 3px 1px 3px; } .mProfile {position: absolute; top: 182px; left: 49px; z-index: 10;} .mProfile span {display: none;} .mProfile a {display: block; width: 77px; height: 19px; text-decoration: none;} .mProfile a:hover {background: transparent; border: 2px solid #FB3FDA; text-decoration: none;} .mProfile a:hover span { display: block; color: #FF0000; font-size: 80%; font-weight: bold; position: absolute; bottom: 50%; left: 110%; border: 2px dotted #FF69B4; padding: 1px 3px 1px 3px; } .mChat {position: absolute; top: 228px; left: 49px; z-index: 10;} .mChat span {display: none;} .mChat a {display: block; width: 77px; height: 19px; text-decoration: none;} .mChat a:hover {background: transparent; border: 2px solid #FB3FDA; text-decoration: none;} .mChat a:hover span { display: block; color: #FF0000; font-size: 80%; font-weight: bold; position: absolute; bottom: 50%; left: 110%; border: 2px dotted #FF69B4; padding: 1px 3px 1px 3px; } .mMisc {position: absolute; top: 274px; left: 49px; z-index: 10;} .mMisc span {display: none;} .mMisc a {display: block; width: 77px; height: 19px; text-decoration: none;} .mMisc a:hover {background: transparent; border: 2px solid #FB3FDA; text-decoration: none;} .mMisc a:hover span { display: block; color: #FF0000; font-size: 80%; font-weight: bold; position: absolute; bottom: 50%; left: 110%; border: 2px dotted #FF69B4; padding: 1px 3px 1px 3px; } .mHistory {position: absolute; top: 320px; left: 49px; z-index: 10;} .mHistory span {display: none;} .mHistory a {display: block; width: 77px; height: 19px; text-decoration: none;} .mHistory a:hover {background: transparent; border: 2px solid #FB3FDA; text-decoration: none;} .mHistory a:hover span { display: block; color: #FF0000; font-size: 80%; font-weight: bold; position: absolute; bottom: 50%; left: 110%; border: 2px dotted #FF69B4; padding: 1px 3px 1px 3px; } .mLink {position: absolute; top: 366px; left: 49px; z-index: 10;} .mLink span {display: none;} .mLink a {display: block; width: 77px; height: 19px; text-decoration: none;} .mLink a:hover {background: transparent; border: 2px solid #FB3FDA; text-decoration: none;} .mLink a:hover span { display: block; color: #FF0000; font-size: 80%; font-weight: bold; position: absolute; bottom: 50%; left: 110%; border: 2px dotted #FF69B4; padding: 1px 3px 1px 3px; } .mCredits {position: absolute; top: 412px; left: 49px; z-index: 10;} .mCredits span {display: none;} .mCredits a {display: block; width: 77px; height: 19px; text-decoration: none;} .mCredits a:hover {background: transparent; border: 2px solid #FB3FDA; text-decoration: none;} .mCredits a:hover span { display: block; color: #FF0000; font-size: 80%; font-weight: bold; position: absolute; bottom: 50%; left: 110%; border: 2px dotted #FF69B4; padding: 1px 3px 1px 3px; }