/* Playground Glory CSS * note: has ID of "tuxie", allowing for #tuxie to override RT styles using #tuxie */ body#tuxie {background:#1A1A1A;} img.mainbanner { border-radius: 15px;} /* CAT AND WORDS... */ #tuxie .tuxlogo {width: 112px;position: relative;top: -17px;z-index: 2000;} #tuxie .tuxlogobox {height: 92px;} #tuxie .pgwords { width: 210px; position: relative; top: -45px; left: -15px; } /* backgrounds*/ #rt-sidebar-a {background: url(../../../../images/sitestuff/parchment-light.jpg) repeat; color:black;border-radius: 15px;} #rt-sidebar-a h2 {color:black;} #rt-sidebar-b {background: url(../../../../images/sitestuff/parchment-light.jpg) repeat; color:black;border-radius: 15px;} #rt-sidebar-b h2 {color:black;} #rt-mainbody {background: url(../../../../images/sitestuff/parchment-light.jpg) repeat; color:black;border-radius: 15px;} /* main page! */ #tuxie article.leading-0 h2 { text-align: center; font-size: 270%; margin-top: 12px; margin-bottom: 20px;} /* MENU... */ #rt-header {margin: 0px auto 0px auto;} #rt-header .menu-block { float:left; width:100%; position:relative; } #rt-header .menu-block > ul.gf-menu { clear:left; float:right; position:relative; right:50%; text-align:center; width: auto; } #rt-header .menu-block > ul.gf-menu > li { display:block; float:left; position:relative; left:50%; } #tuxie .menu-block .gf-menu.l1 > li .item { background-color: #403D38; } /* SLIDESHOW... */ #tuxie div.sprocket-strips-item {background-size: initial; background-position: center center;} #tuxie h4.sprocket-strips-title {font-size: 26px;line-height: 32px;width: 80%;} #tuxie h4.sprocket-strips-title a {color: rgb(251, 249, 252);text-shadow: 2px 2px 1px #320331;font-weight: 600;} /* MISC THEME ADDITIONS... */ .box7 {background:#ee8989;} /* MOUSEOVER ZOOM MESSAGE... */ div.mouseovernotice p {color: black;position: relative;left: 35%;font-size: 150%;margin-bottom: 0;} /* BLOG FEED PAGES */ section.blog {text-align:center;} /* BLOG FEED IMAGES */ #tuxie div.img-intro-left img {width: 100%; -webkit-border-radius: 10px; border-radius: 10px; -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2), 0 0 1px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2), 0 0 1px rgba(0, 0, 0, 0.2); box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2), 0 0 1px rgba(0, 0, 0, 0.2);} /* HIDE STUFF FROM BLOG FEEDS */ section.blog dl.article-info, section.blog ul.actions {display:none;} #tuxie section.blog div.j2store div.product_sku, #tuxie section.blog div.j2store input.j2store_cart_button {display:none;} #tuxie section.blog div.j2store span.product_price {font-size: 190%; color: purple;} /* FULL ARTICLE IMAGES... */ #tuxie div.img-fulltext-left img {width:40%;} /*TAGS*/ div.tags span {padding: 4px 5px 4px 5px;} div.tags span a {padding: 4px 10px 4px 10px;} /*tweaks / overrides for J2Store CSS #tuxie .component-content .cols-3 .column-1, #tuxie .component-content .cols-3 .column-2, #tuxie .component-content .cols-3 .column-3 {width:initial;} #tuxie .j2store-product-single { text-align: center; } #tuxie h3.j2store-item-title { padding-left: 10px;padding-right: 10px; } #tuxie span.j2store-product-description p { padding: 10px 12px 0px 12px; } #tuxie div.j2store-product-description {margin-top:20px;} #tuxie div.j2store-product-description p {width:70%;} #tuxie input.pgcartbtn:hover {background-image: none; background-color: #175920;} */ #tuxie section.blog div.items-leading {margin-bottom: 80px;} #rt-footer, #rt-footer div.rt-container {background-color: #7a349a;} #rt-copyright {background: #272727;} /* top stripe area -- in index file... */ .topstripe { background: #1A1A1A; height: 31px; padding-top: 8px; text-align: center; font-size: 14px; color: white; } .topstripe .rt-container { width: 1200px; margin: 0 auto; position: relative; } .topstripe a { color: white; text-decoration:underline; } .topstripe a:hover { color: red; } .topstripe a.nounderline {text-decoration:none;} .topstripe .stripeiconsize {font-size:120%; margin-right: 7px;} .topstripe .stripeiconsize2 {font-size:145%; margin-right: 7px;} .topstripe .stripeiconwarning {color:#fff200;} .topstripe .stripeiconemail {color:#1a98f1;} .topstripe .stripeiconfacebook {color:#3d67a2;} .topstripe .stripeicontwitter {color:#c7ffff;} .topstripe .stripeicongoogle {color:#737172;} .topstripe .stripeiconshop {color:#007740;} /* COMMON IMAGE CLASSES */ .imagecenter { display:block; text-align:center; margin-left:auto; margin-right:auto; margin-bottom:10px; } .imageright { float:right; margin-left:10px; margin-bottom:10px; } .imageleft { float:left; margin-right:10px; margin-bottom:10px; } .imageshadow { -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2), 0 0 1px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2), 0 0 1px rgba(0, 0, 0, 0.2); box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2), 0 0 1px rgba(0, 0, 0, 0.2); } .imageround5 { -webkit-border-radius: 5px; border-radius: 5px; } .imageround10 { -webkit-border-radius: 10px; border-radius: 10px; } .imageround15 { -webkit-border-radius: 15px; border-radius: 15px; } .imageround20 { -webkit-border-radius: 20px; border-radius: 20px; } /* WIDTHS AND HEIGHTS by pixel, 50-1200 by 50px increments */ .width50 {width: 50px; } .height50 {height: 50px; } .width650 {width: 650px; } .height650 {height: 650px; } .width100 {width: 100px;} .height100 {height: 100px;} .width700 {width: 700px; } .height700 {height: 700px; } .width150 {width: 150px;} .height150 {height: 150px;} .width750 {width: 750px; } .height750 {height: 750px; } .width200 {width: 200px;} .height200 {height: 200px;} .width800 {width: 800px; } .height800 {height: 800px; } .width250 {width: 250px;} .height250 {height: 250px;} .width850 {width: 850px; } .height850 {height: 850px; } .width300 {width: 300px;} .height300 {height: 300px;} .width900 {width: 900px; } .height900 {height: 900px; } .width350 {width: 350px;} .height350 {height: 350px;} .width950 {width: 950px; } .height950 {height: 950px; } .width400 {width: 400px;} .height400 {height: 400px;} .width1000 {width: 1000px;} .height1000 {height: 1000px;} .width450 {width: 450px;} .height450 {height: 450px;} .width1050 {width: 1050px;} .height1050 {height: 1050px;} .width500 {width: 500px;} .height500 {height: 500px;} .width1100 {width: 1100px;} .height1100 {height: 1100px;} .width550 {width: 550px;} .height550 {height: 550px;} .width1150 {width: 1150px;} .height1150 {height: 1150px;} .width600 {width: 600px;} .height600 {height: 600px;} .width1200 {width: 1200px;} .height1200 {height: 1200px;} /* WIDTHS AND HEIGHTS by percentage, 5-100 by 5% increments */ .width5pct {width: 5%; } .height5pct {height:5%; } .width55pct {width: 55%; } .height55pct {height:55%; } .width10pct {width: 10%;} .height10pct {height:10%;} .width60pct {width: 60%; } .height60pct {height:60%; } .width15pct {width: 15%;} .height15pct {height:15%;} .width65pct {width: 65%; } .height65pct {height:65%; } .width20pct {width: 20%;} .height20pct {height:20%;} .width70pct {width: 70%; } .height70pct {height:70%; } .width25pct {width: 25%;} .height25pct {height:25%;} .width75pct {width: 75%; } .height75pct {height:75%; } .width30pct {width: 30%;} .height30pct {height:30%;} .width80pct {width: 80%; } .height80pct {height:80%; } .width35pct {width: 35%;} .height35pct {height:35%;} .width85pct {width: 85%; } .height85pct {height:85%; } .width40pct {width: 40%;} .height40pct {height:40%;} .width90pct {width: 90%; } .height90pct {height:90%; } .width45pct {width: 45%;} .height45pct {height:45%;} .width95pct {width: 95%; } .height95pct {height:95%; } .width50pct {width: 50%;} .height50pct {height:50%;} .width100pct {width: 100%;} .height100pct {height:100%;} /* LEFT MARGIN INDENTS */ .marginleft5 { margin-left:5px; } .marginleft55 { margin-left:55px; } .marginleft10 { margin-left:10px; } .marginleft60 { margin-left:60px; } .marginleft15 { margin-left:15px; } .marginleft65 { margin-left:65px; } .marginleft20 { margin-left:20px; } .marginleft70 { margin-left:70px; } .marginleft25 { margin-left:25px; } .marginleft75 { margin-left:75px; } .marginleft30 { margin-left:30px; } .marginleft80 { margin-left:80px; } .marginleft35 { margin-left:35px; } .marginleft85 { margin-left:85px; } .marginleft40 { margin-left:40px; } .marginleft90 { margin-left:90px; } .marginleft45 { margin-left:45px; } .marginleft95 { margin-left:95px; } .marginleft50 { margin-left:50px; } .marginleft100 { margin-left:100px; } /* Misc Margins, Paddings */ .marginbottom0 { margin-bottom:0px; } .marginbottom1 { margin-bottom:1px; } .marginbottom2 { margin-bottom:2px; } .marginbottom3 { margin-bottom:3px; } .marginbottom4 { margin-bottom:4px; } .marginbottom5 { margin-bottom:5px; } .marginbottom10 { margin-bottom:10px; } .marginbottom15 { margin-bottom:15px; } .marginbottom20 { margin-bottom:20px; } .marginbottom25 { margin-bottom:25px; } .paddingbottom0 { padding-bottom:0px; } .paddingbottom1 { padding-bottom:1px; } .paddingbottom2 { padding-bottom:2px; } .paddingbottom3 { padding-bottom:3px; } .paddingbottom4 { padding-bottom:4px; } .paddingbottom5 { padding-bottom:5px; } .paddingbottom10 { padding-bottom:10px; } .paddingbottom15 { padding-bottom:15px; } .paddingbottom20 { padding-bottom:20px; } .paddingbottom25 { padding-bottom:25px; }