/*----------------------------------------------------------------------- Reset Styles Eric Meyers: http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ ------------------------------------------------------------------------ */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; } /* remember to define focus styles! */ :focus { outline: 0; } body { line-height: 1; color: black; background: white; background: -moz-linear-gradient(top, rgba(200,200,200,.1) 0%, rgba(200,200,200,0) 1000px); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(200,200,200,.1)), color-stop(1000px,rgba(200,200,200,0))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(200,200,200,.1) 0%,rgba(200,200,200,0) 1000px); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(200,200,200,.1) 0%,rgba(200,200,200,0) 1000px); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(200,200,200,.1) 0%,rgba(200,200,200,0) 1000px); /* IE10+ */ background: linear-gradient(to bottom, rgba(200,200,200,.1) 0%,rgba(200,200,200,0) 1000px); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1Ac8c8c8', endColorstr='#00c8c8c8',GradientType=0 ); /* IE6-8 */ background-repeat: repeat-x; } ol, ul { list-style: none; } /* tables still need 'cellspacing="0"' in the markup */ table { border-collapse: separate; border-spacing: 0; } caption, th, td { text-align: left; font-weight: normal; } blockquote:before, blockquote:after, q:before, q:after { content: ""; } blockquote, q { quotes: "" ""; } html, body { height:100%; /* fix height to 100% for IE */ max-height:100%; /* fix height for other browsers */ } body { color: black; font-family:arial,sans-serif,"lucida grande",tahoma,verdana; font-size: 11px; font-size: 12px; font-weight: normal; line-height: 18px; min-width: 800px; background-color: #FFF; cursor: default; margin:0; padding:0; text-align:left; direction:ltr; } h1, h2, h3, h4, h5{font-size:13px;color:#333;margin:0;padding:0} h1{font-size:14px} h4, h5{font-size:11px} p{font-family:arial,sans-serif,"lucida grande",tahoma,verdana;font-size:11px;text-align:left} a{cursor:pointer;color:#1b93a3;-moz-outline-style:none;text-decoration:none} a:hover{text-decoration:underline} img{border:0} select{border:1px solid #bdc7d8;font-family:arial,sans-serif,"lucida grande",tahoma,verdana;font-size:11px;padding:2px} td, td.label{font-size:11px;text-align:right} dd{color:#000} dt{color:#777} ul{list-style-type:none;margin:0;padding:0} abbr{border-bottom:none} form{margin:0;padding:0} label{cursor:pointer;color:#666;font-weight:bold;vertical-align:middle} label input{font-weight:normal} textarea{border:1px solid #bdc7d8;font-family:arial,sans-serif,"lucida grande",tahoma,verdana;font-size:11px;padding:3px} .ff-userbar-container { height: 25px; line-height: 25px; } #ff-userbar { float: right; text-align:center; font-size: 12px; color: #FFF; margin-left: 27px; } #ff-userbar .doIt{ color: #3bb3c3;} #ff-userbar img { border: 1px solid #999; position:relative; top:4px; margin-right: 7px;} #ff-userbar a { color: #FFF;} #ff-userbar a:hover { text-decoration: underline;} /*----------------------------------------------------------------------- Navigation Menu ------------------------------------------------------------------------ */ .navMenu { transition: opacity .15s; } .navMenuItem { height:18px; padding:20px; border-top: 1px solid rgba(0,0,0,.1); color:#555; color:rgba(130, 190, 210, 1); transition: color .1s, background-color .1s, opacity .15s; background-color:rgba(0,0,0,.0); cursor:pointer; } .navMenuItem:hover { color:#c71784; /* color: rgba(120, 200, 225, .8);*/ background-color:rgba(80,100,110,.05); background-color: rgba(252,252,252,1); } .navMenuItem:active { background-color:rgba(0,200,255,.1); /* color: rgba(120, 200, 225, 1);*/ color:rgb(224, 0, 138); background-color: rgba(240,240,240,1); } .navMenuItem.navm_Pro:hover { color:#c71784; color: rgba(120, 200, 225, .8); color: rgba(220, 190, 30, .8); background-color:rgba(80,100,110,.05); background-color: rgba(252,252,252,1); background-color: rgba(255,255,250,1); } .navMenuItem.navm_Pro:active { background-color:rgba(0,200,255,.1); color: rgba(120, 200, 225, 1); color: rgba(210, 180, 20, .8); background-color: rgba(240,240,240,1); background-color: rgba(255,252,240,1); } .static-content { margin-top: 50px; } .static-content a { color: #3bb3c3;} .static-content a:hover { color: #c71784;} .static-content p { font-size: 14px; color: #000; margin-left: 15px; line-height: 1.5em;} .static-content h2{ color: #c71784; font-size: 24px; margin-top: 25px; margin-bottom: 20px;} .static-content h1 {text-align: center;} .static-content ul { list-style-image:none; list-style-position:outside; list-style-type: disc; margin-left: 35px; color: #000; } .static-content ul li { margin: 7px 0;font-size: 14px; margin-top: 2px; margin-bottom: 2px;} .static-content #clicker{ background-color: none; position: absolute; width: 700px; height: 110px; cursor: pointer; cursor:hand;} .static-content h1#return-link { margin: 50px 0 25px 0; } .static-content h1#return-link a{ color: #D0D0D0; font-size: 48px; text-decoration: none; } #page-content { margin-left: 27px; } /*----------------------------------------------------------------------- Footer ------------------------------------------------------------------------ */ #footer { clear: both; position: relative; /* width: 840px;*/ padding: 22px 0; text-align: center; /* margin: -5em auto 0 auto;*/ margin: -62px auto 0 auto; font-size: 13px; width: 100%; background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#1a000000',GradientType=0 ); /* IE6-9 */ } #footer ul { list-style-type: none; } #footer ul li { display: inline; padding-right: 10px; } #footer a { color: #1b93a3; } #footer-nav a:hover { text-decoration: underline; } /*----------------------------------------------------------------------- Header ------------------------------------------------------------------------ */ #header { clear: both; height: 120px; margin: 0 20px; } #logo { position: absolute; margin: 0; padding: 0; top: 45px; height: 75px; } #logo a { text-indent:-9999px; height: 100px; overflow:hidden; width: 420px; display:block; } #search-area .ff-product-alt a { color: #FF7; } #about { margin-bottom: 10px; margin-left: 27px; } #about a { color: #3bb3c3;} #about a:hover { color: #c71784;} #about p { font-size: 13px; color: #000; margin-left: 15px; line-height: 1.5em;} #about h2{ color: #c71784; font-size: 20px; margin-top: 0px; margin-bottom: 10px;} #about h1 {text-align: center;} #about ul { list-style-image:none; list-style-position:outside; list-style-type: disc; margin-left: 35px; color: #000; } #about ul li { margin: 7px 0;font-size: 13px; margin-top: 2px; margin-bottom: 2px;} #roadmap { margin-bottom: 10px; margin-left: 27px; } #roadmap a { color: #3bb3c3;} #roadmap a:hover { color: #c71784;} #roadmap p { font-size: 13px; color: #000; margin-left: 15px; line-height: 1.5em;} #roadmap h2{ color: #c71784; font-size: 20px; margin-top: 0px; margin-bottom: 10px;} #roadmap h1 {text-align: center;} #roadmap ul { list-style-image:none; list-style-position:outside; list-style-type: disc; margin-left: 35px; color: #000; } #roadmap ul li { margin: 7px 0;font-size: 13px; margin-top: 2px; margin-bottom: 2px;} #power-tools { margin-bottom: 10px; margin-left: 27px; } #power-tools a { color: #3bb3c3;} #power-tools a:hover { color: #c71784;} #power-tools p { font-size: 13px; color: #000; margin-left: 15px; line-height: 1.5em;} #power-tools h2{ color: #c71784; font-size: 20px; margin-top: 0px; margin-bottom: 10px;} #power-tools h1 {text-align: center;} #power-tools ul { list-style-image:none; list-style-position:outside; list-style-type: disc; margin-left: 35px; color: #000; } #power-tools ul li { margin: 7px 0;font-size: 13px; margin-top: 2px; margin-bottom: 2px;} #accounts { margin-bottom: 10px; margin-left: 27px; } #accounts a{ color: #3bb3c3;} #accounts a:hover { color: #c71784;} #accounts p { font-size: 13px; color: #000; margin-left: 15px; line-height: 1.5em;} #accounts h2{ color: #c71784; font-size: 20px; margin-top: 0px; margin-bottom: 10px;} #accounts h1 {text-align: center;} #accounts ul { list-style-image:none; list-style-position:outside; list-style-type: disc; margin-left: 35px; color: #000; } #accounts ul li { margin: 7px 0;font-size: 13px; margin-top: 2px; margin-bottom: 2px;} #featured-products div.genre-results, #suggested-holder, #results { margin-bottom: 10px; margin-left: 27px; } #featured-products .genre-productlists { margin-left: 27px; } #featured-products ul.genre-row { float: left; width: 160px; margin-left: 10px; } #featured-products h3 { font-weight: normal; font-size: 13px; color: #F90; background-color: #b72b00; margin-bottom: 5px; margin-left: 27px; padding: 3px 5px; } #featured-products a { color: #c71784; } #companies-results { margin-left: 27px; } #companies-results li { } #companies-results li.msg { font-size: 13px; margin-bottom: 16px; } #featured-products div.genre-results { /*background-color: #999;*/ color: #FFF; padding: 15px; /* border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; */ } #featured-products div.genre-results h2 { color: #3bb3c3; font-size: 150%; line-height: normal; } #featured-products a.featured-attribution { display: block; margin-bottom: 10px; } #featured-products .featured-blog-link { display: block; margin-top:10px; background-color:#aaa; color:#FFF; padding:7px 0; text-align:center; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; box-shadow: inset 0 0 30px #909090; } #featured-products .featured-info { /*float: left;*/ margin-right: 15px; width:500px; } #featured-products .featured-date { margin-top: 10px; background-color: #aaa; color: #FFF; padding: 7px 5px; text-align: center; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; box-shadow: inset 0 0 30px #909090; } #featured-products .featured-productlist { margin-top: 10px; display: none; clear: both; background-color: #180600; padding: 10px 8px; } #featured-products .featured-productlist .ff-product a { color: #FF9;} #featured-products .featured-productlist .ff-product a:hover { color: #F60;} .index-content { padding-top: 25px; } #right-col { float: right; margin-top: 11px; right: 0; width: 613px; } #left-col { float: left; margin-left: 0; width: 399px; } #misc-col { margin-left: 17px; width: 300px; } #productlist-col { width: 285px; } #highlight-col { margin-left: 17px; width: 600px; } .side-col { float: right; } .box { border-top: 3px solid #FFF; padding: 20px 0; } .loading { text-align: center; display: none;} #cols { margin: 35px 0;} body { /*background:transparent url(/static/images/page-wrap_bg4.jpg) repeat-x scroll center top;*/ } #page-wrap { /*background:transparent url(/static/images/page-wrap_bg4.jpg) repeat-x scroll center top;*/ height:100%; position:relative; } #frame { position: relative; min-height: 100%; width: 1012px; text-align: left; /*background: url(/static/images/fotofuze_logo3.gif) 27px 41px no-repeat;*/ /*background: url(/static/images/fotofuze_logo4.gif) 27px 43px no-repeat;*/ margin: 0 auto 0 auto; } .FFLogoSm { background:white; box-shadow:3px 3px 10px rgba(0,0,0,.2); padding:6px 30px 0 30px; display:inline-block; border-radius:0 0 5px 5px; height:46px; } #content { float: left; width: 100%; padding-bottom: 25px; } * html #frame { height: 100%; } .blog-content { margin: 50px 27px; } .blog-content #left-col { float: left; width: 650px;} .blog-content #right-col { float: right; width: 300px;} .blog-content #right-col select { border: 1px solid #000; font-size: 14px; } .blog-content #side-nav { font-size: 14px; } .blog-content a { color: #3bb3c3;} .blog-content a:hover { color: #c71784;} .blog-content p { font-size: 14px; color: #330; line-height: 1.5em;} .blog-content h2{ color: #c71784; font-size: 24px; margin-bottom: 5px;} .blog-content h2 a{ color: #c71784; } .blog-content h1 {text-align: center;} .blog-content #clicker{ background-color: none; position: absolute; width: 700px; height: 110px; cursor: pointer; cursor:hand;} .blog-content h1#return-link { margin: 50px 0 25px 0; } .blog-content h1#return-link a{ color: #dd4400; font-size: 48px; text-decoration: none; } .blog-playlist-img { float: left; padding-right: 16px;} .post a {color:#c71784; } .blog-content .post { margin-bottom: 35px;} .blog-content .post-multiple {border-bottom: 3px solid #FFF;} .blog-content .entry { margin: 15px 0; margin-bottom:35px } .blog-content .postmetadata { clear: left; font-size: 12px; margin-top: 8px; } .blog-content .navigation a { display: block; padding: 8px; background-color: #9C2706; } .blog-content .navigation div { float: left; margin-right: 8px; } .blog-content #discover { background-color: #290A00; margin-top:10px; margin-bottom: 25px; padding:10px 8px; } .blog-content #discover a { color:#c71784; } .blog-content #popular-tags { line-height: 150%; } .twtr-tweets p { color: #333; } /*#facebox .b { background:url(/facebox/b.png); } #facebox .tl { background:url(/facebox/tl.png); } #facebox .tr { background:url(/facebox/tr.png); } #facebox .bl { background:url(/facebox/bl.png); } #facebox .br { background:url(/facebox/br.png); } */ #facebox { position: absolute; top: 0; left: 0; z-index: 100; text-align: left; } #facebox .popup { position: relative; } #facebox table { border-collapse: collapse; } #facebox td { border-bottom: 0; padding: 0; } #facebox .body { padding: 5px 20px; background: #fff; width: 370px; box-shadow: 10px 10px 60px rgba(0,0,0,.4); border-radius:20px;} #facebox .loading { text-align: center; } #facebox .image { text-align: center; } #facebox img { border: 0; margin: 0; } #facebox .footer { border-top: 1px solid #DDDDDD; padding-top: 5px; margin-top: 10px; text-align: right; } #facebox .header { border-bottom: 0px solid #DDDDDD; padding-top: 5px; margin-top: 10px; text-align: right; } #facebox .tl, #facebox .tr, #facebox .bl, #facebox .br { height: 10px; width: 10px; overflow: hidden; padding: 0;} #facebox_overlay { position: fixed; top: 0px; left: 0px; height:100%; width:100%; } .facebox_hide { z-index:-100; } .facebox_overlayBG { background-color: #000; z-index: 99; } * html #facebox_overlay { /* ie6 hack */ position: absolute; height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px'); } #facebox2 { position: absolute; top: 0; left: 0; z-index: 100; text-align: left; background-color:white; background-color: rgba(50,50,50,.9);border-radius:3px; box-shadow: 10px 10px 20px rgba(0,0,0,.4);} #facebox2 .popup { position: relative; } #facebox2 .body { padding: 10px; background: #fff; width: 370px; } #facebox2 .loading { text-align: center; } #facebox2 .image { text-align: center; } #facebox2 img { border: 0; margin: 0; } #facebox2 .content { background-color:#141414; background-color:rgba(20,20,20,.9); padding:1px; min-width:370px; font-size:11px; color:white;} #facebox2 .fb2Footer {height:62px; color:white;} #facebox2 .fb2Header { padding: 21px 25px; margin: 0; text-align: right; height:20px; color: white;} #facebox2_overlay { position: fixed; top: 0px; left: 0px; height:100%; width:100%; } .facebox2_hide { z-index:-100; } .facebox2_overlayBG { background-color: #000; z-index: 99; } #facebox2 .closeBox { opacity:.8; transition: opacity .2s; float:right;width:45px;height:41px;margin:-21px -25px 0 0;padding:21px 25px 0 0;} #facebox2 .closeBox:hover { opacity:1;} * html #facebox2_overlay { /* ie6 hack */ position: absolute; height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px'); } .ui-pane{clear:both;padding-top:15px;border:1px solid rgba(255,255,255,.4);background-color:rgba(255,255,255,.3);padding:15px;border-radius:0 0 10px 10px;width:320px; /* note: the svg has an opacity of .3 and not .27 */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2M4YzhjOCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjOGM4YzgiIHN0b3Atb3BhY2l0eT0iMC4zIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=); background: -moz-linear-gradient(top, rgba(200,200,200,0) 0%, rgba(200,200,200,0.27) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(200,200,200,0)), color-stop(100%,rgba(200,200,200,0.27))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(200,200,200,0) 0%,rgba(200,200,200,0.27) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(200,200,200,0) 0%,rgba(200,200,200,0.27) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(200,200,200,0) 0%,rgba(200,200,200,0.27) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(200,200,200,0) 0%,rgba(200,200,200,0.27) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00c8c8c8', endColorstr='#4dc8c8c8',GradientType=0 ); /* IE6-8 */ box-shadow: 0 4px 4px rgba(255,255,255,.125); border:none; } .ui-pane2{clear:both;padding-top:15px;border:1px solid rgba(255,255,255,.4);background-color:rgba(255,255,255,.3);padding:15px;border-radius:0 0 10px 10px;width:320px; /* note: the svg has an opacity of .3 and not .27 */ /*background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2M4YzhjOCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjOGM4YzgiIHN0b3Atb3BhY2l0eT0iMC4zIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);*/ background: -moz-linear-gradient(top, rgba(200,200,200,.1) 0%, rgba(200,200,200,0.27) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(200,200,200,.1)), color-stop(100%,rgba(200,200,200,0.27))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(200,200,200,.1) 0%,rgba(200,200,200,0.27) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(200,200,200,.1) 0%,rgba(200,200,200,0.27) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(200,200,200,.1) 0%,rgba(200,200,200,0.27) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(200,200,200,.1) 0%,rgba(200,200,200,0.27) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1ac8c8c8', endColorstr='#4dc8c8c8',GradientType=0 ); /* IE6-8 */ box-shadow: 0 4px 4px rgba(255,255,255,.125); border-top-right-radius: 10px; border:none; } .ui-pane3{clear:both;padding-top:15px;border:1px solid rgba(255,255,255,.4);background-color:rgba(255,255,255,.3);padding:15px;border-radius:0 0 10px 10px;width:320px; /* note: the svg has an opacity of .3 and not .27 */ /*background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2M4YzhjOCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjOGM4YzgiIHN0b3Atb3BhY2l0eT0iMC4zIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);*/ background: -moz-linear-gradient(top, rgba(200,200,200,.15) 0%, rgba(200,200,200,0.27) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(200,200,200,.15)), color-stop(100%,rgba(200,200,200,0.27))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(200,200,200,.15) 0%,rgba(200,200,200,0.27) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(200,200,200,.15) 0%,rgba(200,200,200,0.27) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(200,200,200,.15) 0%,rgba(200,200,200,0.27) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(200,200,200,.15) 0%,rgba(200,200,200,0.27) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#26c8c8c8', endColorstr='#4dc8c8c8',GradientType=0 ); /* IE6-8 */ border-radius: 10px; border:none; } .ui-section{margin-bottom:15px;clear:both;} .ui-section h2{color:#000;font-size:18px;margin:0;padding:0;margin-top:40px;color:#444;} #fuzes-here h2{margin-top:0px;} .ui-section .box{ border-top:3px solid #FFF;padding:10px 0; /* note: the svg has an opacity of .3 and not .27 */ /*background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2M4YzhjOCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjOGM4YzgiIHN0b3Atb3BhY2l0eT0iMC4zIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);*/ background: -moz-linear-gradient(top, rgba(200,200,200,0) 0%, rgba(200,200,200,0.27) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(200,200,200,0)), color-stop(100%,rgba(200,200,200,0.27))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(200,200,200,0) 0%,rgba(200,200,200,0.27) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(200,200,200,0) 0%,rgba(200,200,200,0.27) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(200,200,200,0) 0%,rgba(200,200,200,0.27) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(200,200,200,0) 0%,rgba(200,200,200,0.27) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00c8c8c8', endColorstr='#4dc8c8c8',GradientType=0 ); /* IE6-8 */ box-shadow: 0 4px 4px rgba(255,255,255,.125); border-radius: 0 0 10px 10px; border-top: none; padding:10px 15px 15px 15px; } .ui-section .box2 { border-top:3px solid #FFF;padding:10px 0; /* note: the svg has an opacity of .3 and not .27 */ /*background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2M4YzhjOCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjOGM4YzgiIHN0b3Atb3BhY2l0eT0iMC4zIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);*/ background: -moz-linear-gradient(top, rgba(200,200,200,.1) 0%, rgba(200,200,200,0.27) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(200,200,200,.1)), color-stop(100%,rgba(200,200,200,0.27))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(200,200,200,.1) 0%,rgba(200,200,200,0.27) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(200,200,200,.1) 0%,rgba(200,200,200,0.27) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(200,200,200,.1) 0%,rgba(200,200,200,0.27) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(200,200,200,.1) 0%,rgba(200,200,200,0.27) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1ac8c8c8', endColorstr='#4dc8c8c8',GradientType=0 ); /* IE6-8 */ box-shadow: 0 4px 4px rgba(255,255,255,.125); border-radius: 0 10px 10px 10px; border-top: none; padding:10px 15px 15px 15px; } .ui-section .plain_box {border-top:3px solid #FFF;padding:10px 0;} #image-list-box .ui-pane { background:none; filter: none; padding:0; box-shadow: none; } #image-list-box .box { background:none; filter: none; padding:0; box-shadow: none; } .profile-leftcol .box { background:none; filter: none; box-shadow: none; } #image-list-box h2 { margin:0; } #playlist-box{padding-bottom:25px;} #playlist-box h2,#profile-playlist-box h2{margin-left:5px;border-bottom:1px solid #EBAF9B;padding-bottom:1px;} #playlist-box .box,#profile-playlist-box .box{border:none;} .ui-tab-collection{position:relative;list-style-type:none;list-style-image:none;list-style-position:outside;/*border-bottom:3px solid #FFF;*/margin:0;padding:0;float:left;width:100%;} .ui-tab { float:left; font-size:13px; margin-right:2px; width:72px; min-width:72px; position:relative; text-align:center; top:1px; border-color:#BBB; border-style:solid; border-width: 1px 0px 0 1px; /* NOTE: it WAS "1px 1px 0 1px" .... however, there was a single pixel's width on the right side that was clickable */ background-color:#BBB; background-color: #C8C8C8; box-shadow: inset 0 0 30px #B2B2B2; border-top-left-radius: 10px; -webkit-border-top-left-radius: 10px; -moz-border-radius-topleft: 10px; border-top-right-radius: 10px; -webkit-border-top-right-radius: 10px; -moz-border-radius-topright: 10px; margin-bottom:1px; } .ui-tab:hover {background-color:#D0D0D0;border-color:#C5C5C5;box-shadow:inset 0 0 30px #C0C0C0;} /*ul.ui-tab-collection .ui-tab-selected:hover {background-color:#FFF;border-color:#FFF;box-shadow:none;}*/ .ui-tab-selected:hover {background-color:#c8c8c8;border-color:none;box-shadow:none; background: -moz-linear-gradient(top, rgba(200,200,200,.4) 0%, rgba(200,200,200,.1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(200,200,200,.4)), color-stop(100%,rgba(200,200,200,.1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(200,200,200,.4) 0%,rgba(200,200,200,.1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(200,200,200,.4) 0%,rgba(200,200,2005,.1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(200,200,200,.4) 0%,rgba(200,200,200,.1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(200,200,200,.4) 0%,rgba(200,200,200,.1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#66c8c8c8', endColorstr='#1Ac8c8c8',GradientType=0 ); /* IE6-9 */ border:none; } .ui-tab-selected {display:block;background-color:#FFF;border-color:none;box-shadow:none; background: -moz-linear-gradient(top, rgba(200,200,200,.4) 0%, rgba(200,200,200,.1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(200,200,200,.4)), color-stop(100%,rgba(200,200,200,.1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(200,200,200,.4) 0%,rgba(200,200,200,.1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(200,200,200,.4) 0%,rgba(200,200,2005,.1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(200,200,200,.4) 0%,rgba(200,200,200,.1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(200,200,200,.4) 0%,rgba(200,200,200,.1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#66c8c8c8', endColorstr='#1Ac8c8c8',GradientType=0 ); /* IE6-9 */ border:none; padding:1px; } ul.ui-tab-collection .ui-tab-hidden{display:none;} ul.ui-tab-collection .ui-tab a{display:block;color:#000;text-transform:lowercase;padding:5px 0;} ul.ui-tab-collection .ui-tab a:hover{color:#c71784;text-decoration:none;} ul.ui-tab-collection .ui-tab a:hover{color:#806;text-decoration:none;} ul.ui-tab-collection .ui-tab-selected a:hover{color:#000;cursor:default;} ul.ui-tab-collection .last{margin-right:0;width:71px;} ul.ui-tab-collection-main{margin-left:27px;width:371px;width:350px;} .WelcomePage_SignUpSection{padding:0;margin:0;width:340px;float:right} .label{color:#000;text-align:right;font-weight:bold;padding:4px;width:90px} .inputtext,.inputpassword{border:1px solid #CCC;font-family:arial,sans-serif,"lucida grande",tahoma,verdana;font-size:11px;padding:3px} .inputsubmit{border-style:solid;border-width:1px;border-color:#CCC #333 #333 #CCC;background-color:#777;color:#fff;padding:2px 15px 3px 15px;text-align:center} .inputsubmit_disabled{background-color:#999;border-bottom:1px solid #000;border-right:1px solid #666;color:#fff} .inputtext,.inputpassword{width:206px;border-color:#CCC;margin-top:2px} .field_container{text-align:left} input.submit { font-size: 150%; margin-top: 4px; margin-left:0px; border: 1px solid #AAA; } input.submit:hover { background-color: #FFF } button { font-size: 150%; margin-top: 4px; margin-left:0px; border: 1px solid #AAA; font-family:inherit; /*inherit font-family because firefox sucks. it has it's own forms.css style sheet that overrides our font family.*/} button:hover { background-color: #FFF } .notice-hover { background-color:#FFF } #ad-header{position:absolute;top:45px;right:0;width:728px;height:90px;border:1px solid #666;}label{display:block;color:#FFF;clear:both;} #cols { margin: 35px 0;} body#profile .profile-leftcol{background-color:#CCC;background-color:rgba(190,190,190,.65);margin-top:20px;padding:10px 5px;margin-left:27px;width:362px;border-radius:25px;} body#profile .profile-leftcol a:hover{text-decoration:underline;} #profile-settings{margin-top:50px;} .profile-options{margin:0 10px;padding:3px 5px;} .profile-options div.box{background-color:#CCC;padding-left:8px;} .profile-options a{display:block;} body#profile .profile-leftcol a{color:#1b93a3;} #profile-identifier{margin-bottom:10px;margin-left:27px;width:475px;} body#profile h2.profile-name{float:left;display:block;width:400px;font-size:32px;margin:0 0 0 15px;line-height:normal;color:#c71784;} #profile-image{border:1px solid #333;float:left;} #profile-rss{float:right;margin-right:10px;} #profile-rss a{color:#c71784;font-size:14px;line-height:14px;} #profile-rss a:hover{color:#c71784;text-decoration:none;} #profile-rss span{left:5px;position:relative;top:-3px;} #profile-info{font-size:14px;} #profile-info div{border-bottom:3px solid #FFF;margin:5px;padding:10px;clear:both;border:none;} #profile-info div.last{border-bottom:0;} #profile-info div label{display:block;float:left;width:35%;height:auto;color:#FFF;text-shadow:1px 1px 1px #666;} #profile-info div span{display:block;float:left;width:60%;padding:2px;} #profile-search .form{margin:0 0 0 -85px;} #profile-search input[type=text]{width:200px;} body#profile .inplace_field{width:100%;height:100%;font-size:14px;font-family:"Century Gothic",sans-serif;border:none;} body#profile .inplace_save,.inplace_cancel{height:auto;width:auto;font-size:12px;display:none;} body#profile .editable{background-color:#5bd3e3;} #productlist,#profile-productlist { margin-left: 5px; } #productlist .ui-sortable-helper { background-color: #9C2706; } #productlist .ui-sortable-helper a { color: #FFF; } #productlist-box { padding-bottom: 25px; } #productlist-box h2, #profile-productlist-box h2 { margin-left: 5px; border-bottom: 3px solid #FFF; padding-bottom: 1px; } #profile-productlist-box h2 { margin-top:0; } #productlist-box .box, #profile-productlist-box .box, #profile-productlist-box .ui-pane { border: none; background:none; filter:none; padding:0; } .sortable {list-style-type: none;margin: 0;padding: 0;} .sortable li {margin: 3px 3px 3px 0;padding: 1px;float: left;width: 128px;height: 128px;font-size: 1em;text-align: center;} #group{display: block;margin: 0;padding: 5px 10px;z-index: 30;width: auto;white-space: nowrap;text-align: left;text-decoration: none;border: 1px solid #5970B2} .profile-content .post { margin-bottom: 35px;} .profile-content .post-multiple {border-bottom: 3px solid #FFF;} .profile-content .entry { margin: 15px 0; } .stdMsg { font: normal 20px/50px Helvetica, Arial, Sans-Serif; letter-spacing: -1px; position: fixed; top: 130px; left: 25%; width: 50%; color: white; background-color: black; background-color: rgba(0,0,0,.8); text-align: center; display: none; opacity: 0; z-index: 100000; border-radius:6px; pointer-events:none; } .stdMsg .round { /*border-left: solid 2px white; border-right: solid 2px white;*/ font-size: 1px; height: 2px; } .stdMsg p { padding: .3em; display: inline; font: normal 20px/50px Helvetica, Arial, Sans-Serif; letter-spacing: -1px; } .stdMsg a { display: none; } #companies .ff-product { clear: both; width: 369px; vertical-align: top; margin-bottom: 3px; } #companies .product-user { float: left; width: 105px; padding: 2px 0; } #companies .product { margin-left: 95px; } #companies .ff-product .product-user a { color: #c71784; display: inline; } #companies .ff-product .product-user a:hover { text-decoration: underline; } #companies .ff-product img { vertical-align: middle; margin-right: 5px; } .ff-searchbox { width: 600px; text-align: center; margin: 0 auto; } .ff-searchbox h2 { margin-left: 27px; font-size: 17px; font-weight: normal; } .ff-searchbox .form { margin: 15px 0px 15px -54px; } .ff-searchbox .form input { font-size: 170%; border: 1px solid #AAA; } .ff-searchbox .form input.query:focus { background-color: #FFC; border: 1px solid #333; } .ff-searchbox .form input.submit { margin: 0; position: absolute; width: 80px; margin-top: 4px; } .ff-searchbox .form input.submit:hover { background-color: #FFF } .ff-searchbox .form input.query { margin-right: 10px; padding-bottom: 1px; padding-left: 5px; padding-top: 2px; width: 365px; } .ff-searchbox-profile { margin-left: 0; width: auto; } #no-results { font-size: 16px; color: black; text-align:center; } #product-message{ text-align:center; background-color:#FFF; border:1px dashed #888; color:#000; padding:5px 3px; margin:0 0 15px 5px; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; } #product-message a,#change-message a{color:#CCC;} #product-message a:hover,#change-message a:hover{text-decoration:underline;} .group-image {width:128px;height:128px;position:relative;background-repeat:no-repeat;background-position:center;} div.progress-container { border: 1px solid #ccc; height: 12px; width: 100px; margin: 2px 5px 2px 0; padding: 1px; background: white; } div.progress-container > div { background-color: #ACE97C; height: 12px; float: left; } .edit-button { float:left; top:0; right:7px; border-width:1px; border-style:solid; border-color:#BBB; padding-left:3px; padding-right:3px; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; background-color:#EEE; text-decoration:none; } .edit-button:hover { background-color:#FAFAFA; text-decoration:none; } .edit-button:active { background-color:#BEF; } a.visitedCheck:visited {color:blue} .SignUpButton { font-size:20px; color:#FFF; border-color:#196292; background-color:#1B93A3; border-radius:7px; -moz-border-radius: 7px; -webkit-border-radius: 7px; border-width:1px; padding:10px; padding-left:20px; padding-right:20px; background-image:url(/static/gfx/buttonBGOFF.png); background-size: 100% 100%; } .SignUpButton:hover { background-image:url(/static/gfx/buttonBGON.png); background-color:#2BA3B3; } .SignUpButton:active { background-image:url(/static/gfx/buttonBGOFF2.png); background-color:#2692A1; box-shadow: inset 1px 4px 8px RGBA(0,0,0,.3); -moz-box-shadow: inset 1px 4px 8px RGBA(0,0,0,.3); -webkit-box-shadow: inset 1px 4px 8px RGBA(0,0,0,.3); -o-box-shadow: inset 1px 4px 8px RGBA(0,0,0,.3); } .SignUpButton2 { box-shadow: 0 0 100px white, 2px 2px 6px black; -moz-box-shadow: 0 0 100px white, 2px 2px 6px black; -webkit-box-shadow: 0 0 100px white, 2px 2px 6px black; -o-box-shadow: 0 0 100px white, 2px 2px 6px black; } .SignUpButton2:active { box-shadow: 0 0 100px white, 2px 2px 6px black, inset 1px 4px 8px RGBA(0,0,0,.3); -moz-box-shadow: 0 0 100px white, 2px 2px 6px black, inset 1px 4px 8px RGBA(0,0,0,.3); -webkit-box-shadow: 0 0 100px white, 2px 2px 6px black, inset 1px 4px 8px RGBA(0,0,0,.3); -o-box-shadow: 0 0 100px white, 2px 2px 6px black, inset 1px 4px 8px RGBA(0,0,0,.3); } .SignUpButtonSubmitted { font-size:20px; color:#FFF; border-color:#196292; background-color:#1B93A3; background-color:#566; border-radius:7px; -moz-border-radius: 7px; -webkit-border-radius: 7px; border-width:1px; padding:10px; padding-left:20px; padding-right:20px; background-image:url(/static/gfx/buttonBGOFF.png); background-size: 100% 100%; } .SignUpButtonSubmitted:hover { background-color:#1B93A3; } .SignUpButtonDisabled { font-size:20px; color:#FFF; border-color:#192225; background-color:#566; border-radius:7px; -moz-border-radius: 7px; -webkit-border-radius: 7px; border-width:1px; padding:10px; padding-left:20px; padding-right:20px; background-image:url(/static/gfx/buttonBGDISABLED.png); background-size: 100% 100%; } .SignUpButtonDisabled:hover { background-color:#566; background-image:url(/static/gfx/buttonBGDISABLED.png); } .SignUpButtonDisabled:active { background-color:#566; background-image:url(/static/gfx/buttonBGDISABLED.png); box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; -o-box-shadow: none; } .EtsyButton { font-size:20px; color:#EEE; border-color:rgba(0,0,0,0); background-color:rgba(0,0,0,0); background-color:rgba(197,24,132,1); border-radius:7px; -moz-border-radius: 7px; -webkit-border-radius: 7px; padding:10px; padding-left:20px; padding-right:20px; transition: background-color .1s; /*background-image:url(/static/gfx/pink_button_back.jpg);*/ } .EtsyButton:hover { /*background-image:url(/static/gfx/pink_button_back_hover.jpg);*/ color:#FFF; background-color:rgba(229,11,146,1); } .EtsyButton:active { background-color:rgba(128,15,84,1); } .useCourierNew { font-family: "Courier New"; } .UploadButton { font-size:14px; color:#FFF; border-color:#196292; background-color:#1B93A3; border-radius:7px; -moz-border-radius: 7px; -webkit-border-radius: 7px; border-width:1px; padding:10px; padding-left:10px; padding-right:10px; background-image:url(/static/gfx/buttonBGOFF.png); background-size: 100% 100%; } .UploadButton:hover { background-image:url(/static/gfx/buttonBGON.png); background-color:#2BA3B3; } .UploadButton:active { background-image:url(/static/gfx/buttonBGOFF2.png); background-color:#2692A1; box-shadow: inset 1px 4px 8px RGBA(0,0,0,.3); -moz-box-shadow: inset 1px 4px 8px RGBA(0,0,0,.3); -webkit-box-shadow: inset 1px 4px 8px RGBA(0,0,0,.3); -o-box-shadow: inset 1px 4px 8px RGBA(0,0,0,.3); } .UploadButtonDisabled { font-size:14px; color:#FFF; border-color:#192225; /*#196292*/ background-color:#1B2429; border-radius:7px; -moz-border-radius: 7px; -webkit-border-radius: 7px; border-width:1px; padding:10px; padding-left:10px; padding-right:10px; background-image:url(/static/gfx/buttonBGDISABLED.png); background-size: 100% 100%; } .UploadButtonDisabled:hover { background-color:#1B2429; } .wraptocenter { display: table-cell; text-align: center; vertical-align: middle; width: ...; height: ...; } .wraptocenter * { vertical-align: middle; } #ff-userbar { background-color: black; background-color: RGBA(0,0,0,0.6); border-radius: 0 0 14px 14px; padding: 0 16px; } .proBar_old { width:100%; height:30px; overflow:hidden; position:absolute; background-color:#EC4; border-bottom:1px solid #EB3; /*background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y3ZWE3NiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmQyMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+)*/ background: -moz-linear-gradient(top, rgba(247,234,118,1) 0%, rgba(255,210,0,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(247,234,118,1)), color-stop(100%,rgba(255,210,0,1))); background: -webkit-linear-gradient(top, rgba(247,234,118,1) 0%,rgba(255,210,0,1) 100%); background: -o-linear-gradient(top, rgba(247,234,118,1) 0%,rgba(255,210,0,1) 100%); background: -ms-linear-gradient(top, rgba(247,234,118,1) 0%,rgba(255,210,0,1) 100%); background: linear-gradient(to bottom, rgba(247,234,118,1) 0%,rgba(255,210,0,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7ea76', endColorstr='#ffd200',GradientType=0 ); border-bottom:1px solid #E0E0E0; background: rgb(255,255,255); /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ /*background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y3ZWE3NiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmQyMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+)*/ background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(243,243,243,1) 50%, rgba(237,237,237,1) 51%, rgba(255,255,255,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(50%,rgba(243,243,243,1)), color-stop(51%,rgba(237,237,237,1)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(243,243,243,1) 50%,rgba(237,237,237,1) 51%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(243,243,243,1) 50%,rgba(237,237,237,1) 51%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(243,243,243,1) 50%,rgba(237,237,237,1) 51%,rgba(255,255,255,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(243,243,243,1) 50%,rgba(237,237,237,1) 51%,rgba(255,255,255,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-8 */ background: -moz-linear-gradient(top, rgba(200,200,200,0) 0%, rgba(200,200,200,.1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(200,200,200,0)), color-stop(100%,rgba(200,200,200,.1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(200,200,200,0) 0%,rgba(200,200,200,.1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(200,200,200,0) 0%,rgba(200,200,200,.1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(200,200,200,0) 0%,rgba(200,200,200,.1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(200,200,200,0) 0%,rgba(200,200,200,.1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-8 */ } .proBar div { width:960px; text-align:left; } .proBar table { height:30px; color:#000; margin-right:800px; width:300px; } .proBar td { padding: 0; text-align:left; vertical-align:middle; font-size:16px; text-shadow: 1px 1px 2px #000; text-shadow: 1px 1px 2px RGBA(0,0,0,.3); z-index:1; position:relative; } .proBar span { cursor:pointer; transition: color .5s; -moz-transition: color .5s; -webkit-transition: color .5s; -o-transition: color .5s; } .proBar span:hover { color: rgba(180,0,140,.55); } .oldSubmitButton { padding:3px 10px; margin:5px 0 10px 0; border-radius:2px; } .tipsy { opacity:1; } .tipsy-inner { background-color: rgba(0,0,0,.8); } .product-header { margin:35px 0; } #cols.product-cols { margin:35px 0 0 0; } #cols .product-right-col { margin-top:-30px; } .product-quick-info { margin-bottom:10px; } /* search stuff */ .searchInput { font-size:20px; padding:5px 10px; border-radius:8px; box-shadow: inset 2px 2px 3px rgba(0,0,0,.15); color: #555; border-style:solid; border-color: #BDE; border-top-color:#ACD; border-left-color:#ACD; } .searchInput.search_bg { border-color: transparent; box-shadow: none; color:#999; color:#D9D; color:#DBD; } .resetSearchCacheDiv { display:none; text-align:right; height:0; } .roundedSearchIcons { cursor: pointer; border-radius: 500px; width:50px; height:50px; position:absolute; top:0; right:0; } /* all pages */ .triangle-left { width: 0; height: 0; border-top: 5px solid transparent; border-right: 10px solid white; border-bottom: 5px solid transparent; display: inline-block; } .triangle-right { width: 0; height: 0; border-top: 5px solid transparent; border-left: 10px solid white; border-bottom: 5px solid transparent; display: inline-block; } .bubl { background-color:white; position:absolute; } #facebox { animation: faceboxFadeIn2 1s; -webkit-animation: faceboxFadeIn2 1s; } #facebox.faceboxFadeIn { animation: faceboxFadeIn .2s; -webkit-animation: faceboxFadeIn .2s; } \@keyframes faceboxFadeIn { 0% {opacity:0;transform:scale(.9, .9);} 100% {opacity:1;transform:scale( 1, 1);} } \@-webkit-keyframes faceboxFadeIn { 0% {opacity:0;-webkit-transform:scale(.9, .9);} 100% {opacity:1;-webkit-transform:scale( 1, 1);} } \@keyframes faceboxFadeIn2 { 0% {opacity:0;} 80% {opacity:0;} 100% {opacity:1;} } \@-webkit-keyframes faceboxFadeIn2 { 0% {opacity:0;} 80% {opacity:0;} 100% {opacity:1;} } #facebox.faceboxFadeOut { animation: faceboxFadeOut .2s; -webkit-animation: faceboxFadeOut .2s; } \@keyframes faceboxFadeOut { 0% {opacity:1;transform:scale( 1, 1);} 100% {opacity:0;transform:scale(.9, .9);} } \@-webkit-keyframes faceboxFadeOut { 0% {opacity:1;-webkit-transform:scale( 1, 1);} 100% {opacity:0;-webkit-transform:scale(.9, .9);} } #facebox2 { animation: faceboxFadeIn2 1s; -webkit-animation: faceboxFadeIn2 1s; } #facebox2.facebox2FadeIn { animation: faceboxFadeIn .2s; -webkit-animation: faceboxFadeIn .2s; } #facebox2.facebox2FadeOut { animation: faceboxFadeOut .2s; -webkit-animation: faceboxFadeOut .2s; } #ff-userbar { background-color: black; background-color: RGBA(0,0,0,0.6); border-radius: 0 0 14px 14px; padding: 0 16px; } .proBar { background: -moz-linear-gradient(top, rgba(200,200,200,.1) 0%, rgba(200,200,200,0) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(200,200,200,.1)), color-stop(100%,rgba(200,200,200,0))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(200,200,200,.1) 0%,rgba(200,200,200,0) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(200,200,200,.1) 0%,rgba(200,200,200,0) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(200,200,200,.1) 0%,rgba(200,200,200,0) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(200,200,200,.1) 0%,rgba(200,200,200,0) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-8 */ } .proBar2 { background-color:#EC4; border-bottom:1px solid #EB3; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y3ZWE3NiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmQyMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, rgba(247,234,118,1) 0%, rgba(255,210,0,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(247,234,118,1)), color-stop(100%,rgba(255,210,0,1))); background: -webkit-linear-gradient(top, rgba(247,234,118,1) 0%,rgba(255,210,0,1) 100%); background: -o-linear-gradient(top, rgba(247,234,118,1) 0%,rgba(255,210,0,1) 100%); background: -ms-linear-gradient(top, rgba(247,234,118,1) 0%,rgba(255,210,0,1) 100%); background: linear-gradient(to bottom, rgba(247,234,118,1) 0%,rgba(255,210,0,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7ea76', endColorstr='#ffd200',GradientType=0 ); } .proBar { width:100%; height:30px; overflow:hidden; position:absolute; border:none; } .proBar_old { width:100%; height:30px; overflow:hidden; position:absolute; border-bottom:1px solid #E0E0E0; background: rgb(255,255,255); /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2YzZjNmMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iI2VkZWRlZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(243,243,243,1) 50%, rgba(237,237,237,1) 51%, rgba(255,255,255,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(50%,rgba(243,243,243,1)), color-stop(51%,rgba(237,237,237,1)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(243,243,243,1) 50%,rgba(237,237,237,1) 51%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(243,243,243,1) 50%,rgba(237,237,237,1) 51%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(243,243,243,1) 50%,rgba(237,237,237,1) 51%,rgba(255,255,255,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(243,243,243,1) 50%,rgba(237,237,237,1) 51%,rgba(255,255,255,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-8 */ background: -moz-linear-gradient(top, rgba(200,200,200,0) 0%, rgba(200,200,200,.1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(200,200,200,0)), color-stop(100%,rgba(200,200,200,.1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(200,200,200,0) 0%,rgba(200,200,200,.1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(200,200,200,0) 0%,rgba(200,200,200,.1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(200,200,200,0) 0%,rgba(200,200,200,.1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(200,200,200,0) 0%,rgba(200,200,200,.1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-8 */ border: none; } .proBar div { width:960px; text-align:left; } .proBar table { height:30px; color:#000; margin-right:800px; width:300px; } .proBar td { text-align:left; vertical-align:middle; font-size:16px; text-shadow: 1px 1px 2px #000; text-shadow: 1px 1px 2px RGBA(0,0,0,.3); text-shadow: none; z-index:1; position:relative; color: #A0A0A0; color: rgba(0,0,0,.36); } .proBar span { transition: color .5s; -moz-transition: color .5s; -webkit-transition: color .5s; -o-transition: color .5s; } .proBar span:hover { color: rgba(180,120,0,.55); color: rgba(0,120,140,.55); color: rgba(180,0,140,.55); } .proBar span { cursor:pointer; } /* homepage only */ .selected-page { font-weight:bold; font-size:120\%; } .adminInput{width:150px;} /* edit page only */ .mbottom20 {margin-bottom:20px;} .mbottom40 {margin-bottom:40px;} .mbottom60 {margin-bottom:60px;} .edit-right-col .slider{margin-left:20px;} .edit-right-col label {color:#444;font-size:16px;} .manResSizes .inplace_form input.inplace_field { width:50px; } #undo:active { box-shadow: 0 0 5px #000; } .canvasStuff img:hover { box-shadow: 0 0 4px rgba(0,0,0,.5); } .canvasStuff .editfuze-selected:hover { box-shadow: 0px 0px 15px #444; } .cropStuff { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .cropStuff img { margin:2px; position:absolute; } .cropStuff img:hover { box-shadow: 0 0 4px rgba(0,0,0,.5); } .cropStuff .editfuze-selected { margin:0px; } .cropStuff .editfuze-selected:hover { box-shadow: 0px 0px 15px #444; } .cropBox{ background-color:RGBA(255,255,255,.7); position:absolute; overflow:hidden; } .cropBoxC{ position:absolute; } .borderNoAnimR { border-right: 1px dotted rgba(0,0,0,.8); } .bCrop .borderAnimR { border-right: 3px dashed rgba(0,0,0,.4); animation: animBR 2s; -webkit-animation: animBR 2.5s; animation-iteration-count:infinite; -webkit-animation-iteration-count:infinite; } \@keyframes animBR { 0% {border-right: 3px dashed rgba(0,0,0,.2)} 50% {border-right: 3px dashed rgba(0,0,0, 1)} 100% {border-right: 3px dashed rgba(0,0,0,.2)} } \@-webkit-keyframes animBR { 0% {border-right: 3px dashed rgba(0,0,0,.2)} 50% {border-right: 3px dashed rgba(0,0,0, 1)} 100% {border-right: 3px dashed rgba(0,0,0,.2)} } .borderNoAnimL { border-left: 1px dotted rgba(0,0,0,.8); } .bCrop .borderAnimL { border-left: 3px dashed rgba(0,0,0,.4); animation: animBL 2s; -webkit-animation: animBL 2.5s; animation-iteration-count:infinite; -webkit-animation-iteration-count:infinite; } \@keyframes animBL { 0% {border-left: 3px dashed rgba(0,0,0,.2)} 50% {border-left: 3px dashed rgba(0,0,0, 1)} 100% {border-left: 3px dashed rgba(0,0,0,.2)} } \@-webkit-keyframes animBL { 0% {border-left: 3px dashed rgba(0,0,0,.2)} 50% {border-left: 3px dashed rgba(0,0,0, 1)} 100% {border-left: 3px dashed rgba(0,0,0,.2)} } .borderNoAnimT { border-top: 1px dotted rgba(0,0,0,.8); } .bCrop .borderAnimT { border-top: 3px dashed rgba(0,0,0,.4); animation: animBT 2s; -webkit-animation: animBT 2.5s; animation-iteration-count:infinite; -webkit-animation-iteration-count:infinite; } \@keyframes animBT { 0% {border-top: 3px dashed rgba(0,0,0,.2)} 50% {border-top: 3px dashed rgba(0,0,0, 1)} 100% {border-top: 3px dashed rgba(0,0,0,.2)} } \@-webkit-keyframes animBT { 0% {border-top: 3px dashed rgba(0,0,0,.2)} 50% {border-top: 3px dashed rgba(0,0,0, 1)} 100% {border-top: 3px dashed rgba(0,0,0,.2)} } .borderNoAnimB { border-bottom: 1px dotted rgba(0,0,0,.8); } .bCrop .borderAnimB { border-bottom: 3px dashed rgba(0,0,0,.4); animation: animBB 2s; -webkit-animation: animBB 2.5s; animation-iteration-count:infinite; -webkit-animation-iteration-count:infinite; } \@keyframes animBB { 0% {border-bottom: 3px dashed rgba(0,0,0,.2)} 50% {border-bottom: 3px dashed rgba(0,0,0, 1)} 100% {border-bottom: 3px dashed rgba(0,0,0,.2)} } \@-webkit-keyframes animBB { 0% {border-bottom: 3px dashed rgba(0,0,0,.2)} 50% {border-bottom: 3px dashed rgba(0,0,0, 1)} 100% {border-bottom: 3px dashed rgba(0,0,0,.2)} } .cropMouse { cursor:none; display:none; position:absolute; } .blinkingCrop { display:none; } .blinkingCrop .cropBox { display:none; } .cropMarkContainer { display:none; } .cropMark { display:none; position:absolute; } .cropMarkOffC,.cropMarkOnC { cursor:move; } /* .cropMarkOn { animation: animMark .3s; -webkit-animation: animMark .3s; } \@keyframes animMark { 0% {width:16px;height:16px;} 50% {width:24px;height:24px;} 100% {width:16px;height:16px;} } \@-webkit-keyframes animMark { 0% {width:16px;height:16px;} 50% {width:24px;height:24px;} 100% {width:16px;height:16px;} } */ .mainUpload { width:100%; height:100%; position:absolute; left:0; top:0; } .mUButtonContainer { width:250px; height:48px; border-radius:24px; overflow:hidden; background-color:rgba(50,50,50,.7); color:white; font-size:26px; transition: background-color .2s; -moz-transition: background-color .2s; -o-transition: background-color .2s; -ms-transition: background-color .2s; cursor:pointer; position:relative; } .mUButtonContainer input { cursor:pointer; } .mUButtonContainer:hover { background-color:rgba(128,128,128,.8); } .mUButtonContainer:active { background-color:rgba(40,40,40,.9); } .mUButton { width:100%; padding:14px 0; position:absolute; left:0; top:0; } \@keyframes rotateDragDotted { from { transform: rotate(0deg); -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); -ms-transform: rotate(0deg); } to { transform: rotate(360deg); -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -o-transform: rotate(360deg); -ms-transform: rotate(360deg); } } \@-webkit-keyframes rotateDragDotted { from { -webkit-transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); } } .dropText2 { animation: rotateDragDotted 20s; -webkit-animation: rotateDragDotted 20s; animation-iteration-count: infinite; -webkit-animation-iteration-count: infinite; animation-timing-function: linear; -webkit-animation-timing-function: linear; } /*edit page only: rotate box*/ .rotateBoxOutside { width:700px; margin:30px; position:relative; } .rotateBoxInside { width:500px; height:500px; margin-bottom:30px; position:relative; } .rotateImage { transition: -webkit-transform .3s, box-shadow .3s; transition: -moz-transform .3s, box-shadow .3s; transition: -ms-transform .3s, box-shadow .3s; transition: -o-transform .3s, box-shadow .3s; transition: transform .3s, box-shadow.3s; position:absolute; box-shadow: rgba(0, 0, 0, 0.5) 6px 6px 20px; } .rotateLeft, .rotateRight { position:absolute; cursor: pointer; opacity: 1; transition: opacity .2s; border: 1px solid #f7f7f7; padding: 14px; border-radius:14px; background-color: #f7f7f7; box-shadow: 2px 2px 2px rgba(0,0,0,.2); } .rotateRight { right:-3px; top:211px; } .rotateLeft { left:-3px; top:211px; } .rotateRight:hover, .rotateLeft:hover { opacity: .6; } /* edit page only: Random? */ .brushSlider .slider { //position:absolute; top:-15px; width:100px; } .showMouse { cursor:default; } .hideMouse, .theGraph.hideMouse, .circleExpand.hideMouse { cursor:none; } .newButton1, .newButton2, .newButton3, .newButton4, .newButton5, .newButton6, .addButton1 { /*based on newButton2*/ font-size:20px; padding: 5px 30px; margin:5px 0 10px 0; border-radius:7px; background-color: #4B91B4; background-color: rgba(0,100,150,.7); transition: all .1s; color: #EEE; text-shadow: 1px 1px rgba(0,0,0,.2); border:none; } .newButton1:hover, .newButton2:hover, .newButton3:hover, .newButton4:hover, .newButton5:hover, .addButton1:hover { color:#FFF; background-color: #326E8C; /*background-color: rgba(0,75,113,.8);*/ background-color: rgba(0,150,200,.8); } .newButton1:active, .newButton2:active, .newButton3:active, .newButton4:active, .newButton5:active, .addButton1:active { color:#FFF; background-color: #19465D; background-color: rgba(0,50,75,.9); } input.submit.newButton1 { font-size: 150%; margin-top: 4px; margin-left:0px; border: none; } .newButton1, input.submit.newButton1 { background-color: #888; background-color: rgba(0,0,0,.5); } .newButton1:hover, input.submit.newButton1:hover { background-color: #666; /*background-color: rgba(0,0,0,.7);*/ background-color: rgba(130,130,130,.7); } .newButton1:active, input.submit.newButton1:active { background-color: #444; background-color: rgba(50,50,50,.9); } .newButton3 { padding: 15px 30px; } .newButton4 { font-size:14px; padding: 13px 20px; } .newButton5 { font-size:14px; padding: 15px 11px; } .newButton6, input.submit.newButton6 { background-color: #888; background-color: rgba(0,0,0,.5); padding: 10px 30px; } .newButton6:hover, input.submit.newButton6:hover { color: #FFF; background-color: #666; /*background-color: rgba(0,0,0,.7);*/ background-color: rgba(130,130,130,.7); } .newButton6:active, input.submit.newButton6:active { background-color: #444; background-color: rgba(50,50,50,.9); } .addButton1 { font-size: 42px; border-radius:100px; padding: 0px; width:66px; height:66px; box-shadow: 1px 1px 4px rgba(0,0,0,.3); } .addButton1:hover, input.submit.addButton1:hover { width: 68px; height: 68px; margin: -1px; } .addButton1:active, input.submit.addButton1:active { width: 64px; height: 64px; margin: 1px; } .addButton1Main { float: left; margin: 5px 20px 0 0px; } .addButton1Main:hover { margin: 4px 19px -1px -1px !important; box-shadow: 1px 1px 6px rgba(0,0,0,.2), 0 0 10px rgba(0, 175, 255, .5); } .addButton1Main:active { margin: 6px 21px 1px 1px !important; box-shadow: 1px 1px 4px rgba(0,0,0,.5); } .addButton1Main3D { font-size:22px; } .newButton4Disabled { font-size:14px; padding: 13px 20px; margin:5px 0 10px 0; border-radius:7px; background-color: #A0B9C5; background-color: rgba(64,114,139,.5); transition: background-color .1s; color: #EEE; text-shadow: 1px 1px rgba(0,0,0,.2); border:none; } .newButton4Disabled:hover { background-color: #A0B9C5; background-color: rgba(64,114,139,.5); } .newButton3Disabled { font-size:20px; padding: 15px 30px; margin:5px 0 10px 0; border-radius:7px; background-color: #A0B9C5; background-color: rgba(64,114,139,.5); transition: background-color .1s; color: #EEE; text-shadow: 1px 1px rgba(0,0,0,.2); border:none; } .newButton3Disabled:hover { background-color: #A0B9C5; background-color: rgba(64,114,139,.5); } .subscribeButton1 { background-color: #DA0; } .subscribeButton1:hover { background-color: #EB0; } .subscribeButton1:active { background-color: #B80; } /*settings popup*/ #facebox .userSettings td { font-size:16px; padding: 5px 0; } #facebox .userSettings td.val { text-align:left; position:relative; } #facebox .userSettings td.type { font-weight:800; color:rgb(125,50,100); text-shadow: 1px 1px 1px rgba(0,0,0,.15); } #facebox .userSettings div.val { text-align:left; position:relative; float:left; } #facebox .userSettings div.type { font-weight:800; color:rgb(125,50,100); float:left; text-shadow: 1px 1px 1px rgba(0,0,0,.15); } #facebox .userSettings .onlyOpt { width:200px; margin-left:20px; } #facebox .userSettings .firstOpt { position:absolute; left:10px; width:100px; word-wrap:break-word; } #facebox .userSettings .secondOpt { position:absolute; left:100px; width:100px; } #facebox .userSettings .description { margin-top:30px; border-radius:30px; background:#EEE; padding:15px 20px 20px 20px; width: 560px; height:150px; font-size:16px; box-shadow: 2px 2px 2px rgba(0,0,0,.2); } #facebox .userSettings .description2 { display:none; font-size:14px; margin:0 10px; } #facebox .userSettings .settingsHomepage .cat { width:115px; text-align:right; margin-right:10px; } #facebox .userSettings .settingsEditpage .cat { width:200px; } #facebox .userSettings .settingsProfilepage .cat { width:105px; text-align:right; margin-right:10px; } #facebox .userSettings .descriptionTitle { font-size:20px; color:#999; margin-bottom:10px; } #facebox .userSettings .ui-tab { font-size:15px; width:170px; padding:0; overflow:hidden; position:relative; height:36px; } #facebox .userSettings .ui-tab-selected { border: 1px solid rgb(240,240,240); border-bottom:none; /*background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(245,245,245,1)));*/ background: rgb(255,255,255); /* Old browsers */ background: -moz-linear-gradient(top, rgba(235,235,235,1) 0%, rgba(245,245,245,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(235,235,235,1)), color-stop(100%,rgba(245,245,245,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(235,235,235,1) 0%,rgba(245,245,245,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(235,235,235,1) 0%,rgba(245,245,245,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(235,235,235,1) 0%,rgba(245,245,245,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(235,235,235,1) 0%,rgba(245,245,245,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ebebeb', endColorstr='#f5f5f5',GradientType=0 ); /* IE6-9 */ } #facebox .userSettings .tabShadow { position:absolute; margin-left:-25px; box-shadow: inset 0 -5px 5px rgba(0,0,0,.1); width:220px; text-align:center; } #facebox .userSettings .tabShadowBar { box-shadow:inset 0 -8px 10px rgba(0,0,0,.15); position:absolute; width:650px; height:38px; margin-left:-25px; } #facebox .userSettings .ui-tab-selected .tabShadow { box-shadow: none; } #facebox .userSettings .ui-tab a { padding:9px 0; } #facebox .userSettings .settingsTabs { /* margin-bottom:20px;*/ } #facebox .userSettings .slider { top: -15px; } #facebox .clearSlider .slider { top: 0px; } #facebox .userSettings .bgGradient { background: -moz-linear-gradient(top, rgba(245,245,245,1) 0%, rgba(255,255,255,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(245,245,245,1)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(245,245,245,1) 0%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(245,245,245,1) 0%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(245,245,245,1) 0%,rgba(255,255,255,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(245,245,245,1) 0%,rgba(255,255,255,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#ffffffff',GradientType=0 ); /* IE6-9 */ border-top-right-radius:30px; } #facebox .userSettings .editable { background-color: #5bd3e3; } #facebox .onlyOpt input { /*margin:-2px;*/ border:none; height:15px; } .settingsChange { padding: 4px 20px; background-color: rgba(0,0,0,.1); border-radius: 20px; transition: background-color .12s; } .changeUN { padding: 4px 28px; } .changePW { padding: 4px 29px; } .changeEM { padding: 4px 40px; } .changePI { padding: 4px 20px; } .settingsChange:hover { transition: background-color .15s; background-color: rgba(0,0,0,.035); text-decoration:none; } .dlFNAppend { box-shadow: 1px 1px 1.5px rgba(0,0,0,.30), inset 1px 1px 2px rgba(0,0,0,.15), inset 1px 1px 0 rgba(0,0,0,.3); outline: none; border: none; border-radius: 5px; padding: 3px 5px; background-color:rgba(0,0,0,.025); color:#222; transition:all .1s; } .dlFNAppend:focus { box-shadow: 1px 1px 1.5px rgba(0,0,0,.30), inset 3px 3px 2px rgba(0,0,0,.15), inset 1px 1px 0 rgba(0,0,0,.3); background-color:rgba(255,255,255,1); color:#000; } /* import listings popup boxes */ .hoverLighten { transition: opacity .2s; opacity:1; cursor:pointer; } .hoverLighten:hover { opacity:.8; } .importing { opacity:.5; } .importing:hover { opacity:.5; cursor:default; } .importCheck { position:absolute; top:10px; left:10px; } .impItem { position:relative; display:inline-block; width:75px; height:90px; margin:20px; color: #888; } .impItem etsyImg { width:75px; height:75px; } .loadingMessage { font-size:18px; color:#888; margin:20px 0; } /* home page (is there a better place for this?)*/ .itemShadow { box-shadow:2px 2px 4px rgba(0,0,0,.15); } .itemShadow2 { /* box-shadow:1px 1px 3px rgba(0,0,0,.15);*/ box-shadow: 1px -1px 0.5px rgba(0,0,0,.1), 3px -3px 0 white, 4px -4px 0.5px rgba(0,0,0,.15), 6px -6px 0 white, 7px -7px 0.5px rgba(0,0,0,.15), 1px 1px 3px rgba(0,0,0,.15); } .processingErrorIcon { width:75px; height:65px; padding-top:10px; background:#FCC; border-radius:15px; font-size:16px; box-shadow: 1px 1px 0px rgba(0,0,0,.2); text-shadow:1px 1px 1px rgba(255,255,255,.6); /* text-shadow:1px 1px 1px rgba(0,0,0,.1);*/ transition:all .15s; color:red; line-height:normal; } .processingErrorIcon:hover { opacity:.9; background:#FFD0D0; } /* home page: view result image popup*/ .xClose { padding:20px 15px; color:#CCC; position:absolute; right:-80px; top:-60px; font-size:50px; cursor:pointer; transition:all .1s; opacity: .3; } .xClose:hover { color:#FFF; opacity: 1; } .viewImgDLButtons { table-layout:fixed; color:white; width:450px; margin-top: -25px; } .viewImgDLButtons td { font-size:18px; text-align:center; padding:6px; vertical-align:middle; } .viewImagePrevBut { position:absolute; left:-200px; top:250px; transform:rotate(-90deg); opacity:.3; transition:opacity .2s; } .viewImagePrevBut:hover { opacity:.5; } .viewImageNextBut { position:absolute; right:-200px; top:250px; transform:rotate(90deg); opacity:.3; transition:opacity .2s; } .viewImageNextBut:hover { opacity:.5; } /* home page 3 dot menu */ .home3DotMenuButton { position:absolute; top:12px; left:-10px; width:50px; height:50px; user-select:none; border-radius:50px; cursor:pointer; overflow:hidden; color:#888; box-shadow:.5px .5px 5px rgba(0,0,0,0), 0 0 1px rgba(0,0,0,0); background: rgba(255,255,255,0); transition: all .25s; } .home3DotMenuButton:hover { /*color: #c71784;*/ color: rgb(139, 85, 118); color: rgb(127, 98, 116); box-shadow:.5px .5px 12px rgba(0,0,0,.3), 0 0 2px rgba(0,0,0,.1); background: rgba(255,255,255,1); } .home3DotMenuOption { font-size:24px; color:#888; cursor:pointer; transition: color .1s; } .home3DotMenuOption:hover { color: rgba(130, 190, 210, 1); } /*everywhere!*/ .pageWarningOverlay { position:fixed; top:0; left:0; background:rgba(255,255,255,.95); width:100%; height:100%; z-index: 1; } .pageWarningInfo { font-size:24px; margin-top:300px; } .pageWarningButton { background-color: #CCC; background-color: rgba(190,190,190,.65); padding: 20px 10px; border-radius: 25px; width:350px; cursor:pointer; box-shadow: 2px 2px 0px rgba(0,0,0,.3); transition: all .15s; color: #3bb3c3; color: #c71784; } .pageWarningButton:hover { background-color: #DDD; background-color: rgba(210,210,210,.65); box-shadow: 2px 2px 0px rgba(0,0,0,.25); } /*group_list_private2*/ a.click-results span.tooltip, div.click-results span.tooltip { position:absolute; top:64px; left:-32px; width:125px; padding:5px; margin:10px; z-index:100; background:white; border-radius:7px; color:grey; clear:both; display:none; text-align:center; text-decoration:none; } a.click-results:hover span.show, div.click-results:hover span.tooltip { display:inline; text-decoration:none; } .progressBar { float:right; width:104px; margin-right:24px; background-color:#DDD; border: 1px solid #AAA; -moz-border-radius: 5px; -webkit-border-radius: 5px; padding:3px; color:red; position:relative; top:26px; } .album-title { color: #C71784; /*-webkit-touch-callout: none;*/ -webkit-user-select: text; -khtml-user-select: text; -moz-user-select: text; -ms-user-select: text; -o-user-select: text; user-select: text; } .publish_warn_msg { position:absolute; right:0px; top:0px; opacity:0.8; } .hide { display:none; } .always_hide { display:none; opacity:0; } .loadMoreImages { display:none; background-color:#999; background: linear-gradient(top, #CCC,#999); background: -webkit-linear-gradient(top, #CCC,#999); background: -moz-linear-gradient(top, #CCC,#999); background: -o-linear-gradient(top, #CCC,#999); border-radius:0 0 20px 20px; box-shadow: 0 -3px 4px RGBA(0,0,0,.2); box-shadow: 0 -3px 4px #CDCDCD; //border-top:1px solid #BBB; } .loadMoreImages:hover { background-color:#CCC; background: linear-gradient(top, #DDD,#CCC); background: -webkit-linear-gradient(top, #DDD,#CCC); background: -moz-linear-gradient(top, #DDD,#CCC); background: -o-linear-gradient(top, #DDD,#CCC); box-shadow: 0 -3px 4px RGBA(0,0,0,.15); box-shadow: 0 -3px 4px #DDD; //border-top:1px solid #EEE; } .albumHighlight { display:none; /* border:1px solid #888; border:1px solid RGBA(0,0,0,.1); border-top: none; border-left: none; */ box-shadow: 1px 1px 0 rgba(0,0,0,.15); background-color:#F0F0F0; background-color:rgba(240,240,240,.65); background-image: linear-gradient(top, RGBA(0,0,0,.04), RGBA(0,0,0,0)); background-image: -webkit-linear-gradient(top, RGBA(0,0,0,.04), RGBA(0,0,0,0)); border-radius:20px; transition: background-color .3s, box-shadow .2s; position: relative; } .albumHighlight:hover { left:-1px; padding: 0 1px; width: 100%; background-color:#F9F9F9; background-color:rgba(245,245,245,.65); box-shadow: 2px 2px 2px rgba(0,0,0,.15); } .profile-content .post { margin: 20px 0 0 0; } .edit-button { -webkit-user-drag:none; -moz-user-drag:-moz-none; -ms-user-drag:none; -o-user-drag:none; user-drag:none; color: #C71784; } .edit-button-v2 { width: 100px; text-align: center; border-radius: 10px; border: none; margin: 2px; padding: 3px 4px; background-color: rgba(254,254,254, .85); box-shadow: 1px 1px 1px rgba(0,0,0, .25); color: rgba(199, 23, 132, 1); opacity: .9; } .showAdvancedBut { background-color: rgba(254, 252, 253, .85); box-shadow: 1px 1px 1px rgba(199, 23, 132, .35), -1px -1px 1.5px rgba(199, 23, 132, .17), 1px -1px 1.5px rgba(199, 23, 132, .17), -1px 1px 1.5px rgba(199, 23, 132, .17); color: rgb(153, 6, 96); margin-top: 3px; } .edit-button-v2:hover { background-color: rgba(255,255,255, 1); color: rgba(220, 15, 145, 1); opacity: 1; } .edit-button-v2:active { background-color:#BEF; } .time-stamp { margin-bottom:20px; } .blog-playlist-img { padding: 0; margin: 0 16px 0 0; } .blog-playlist-img2 { padding: 0; margin: 0; } .scrollUp18:hover { top:-18px; transition: top; -o-transition: top; -moz-transition: top; -webkit-transition: top; transition-duration: 175ms; -o-transition-duration: 175ms; -moz-transition-duration: 175ms; -webkit-transition-duration: 175ms; } .scrollUp18 { top:0; transition: top; -o-transition: top; -moz-transition: top; -webkit-transition: top; transition-duration: 175ms; -o-transition-duration: 175ms; -moz-transition-duration: 175ms; -webkit-transition-duration: 175ms; } #productlist { margin:0; } #profile-productlist-box h2 { margin:0; border:none; padding:0; } #fuzes-here { /*-webkit-touch-callout: none;*/ -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: -moz-none; -ms-user-select: none; -o-user-select: none; user-select: none; } .warningSignOuter:hover { width:58px; transition: width; -o-transition: width; -moz-transition: width; -webkit-transition: width; transition-duration: 175ms; -o-transition-duration: 175ms; -moz-transition-duration: 175ms; -webkit-transition-duration: 175ms; } .warningSignOuter { overflow: hidden; width:16px; transition: width; -o-transition: width; -moz-transition: width; -webkit-transition: width; transition-duration: 175ms; -o-transition-duration: 175ms; -moz-transition-duration: 175ms; -webkit-transition-duration: 175ms; } .warningSignInner { width:75px; margin:0; } .albumListingImagesContainer { padding:15px 0 0 25px; width:470px; float:left; } /* some edit page stuff */ .backBarLeft img, .backBarRight img { transition:left .2s,opacity .2s; position:absolute; opacity:.2; width:500px; height:100px; cursor:pointer; } .backBarLeft img { -webkit-transform: rotate(-90deg); -mos-transform: rotate(-90deg); -o-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); top: 160px; left: -170px; } .backBarLeft, .backBarRight { position: absolute; width:100px; height:420px; overflow:hidden; font-size:20px; color:#555; transition:color .2s, text-shadow .2s; display:none; } .backBarLeft img:hover { left: -185px; opacity:.35; } .backBarLeft { left: -100px; top: 110px; } .backBarLeft:hover { color:#000; color:rgb(0,100,150); text-shadow:0 0 6px rgba(0,175,255,1), 1px 1px 0 #FFF, -1px -1px 0 #FFF; } .backBarRight img { -webkit-transform: rotate(90deg); -mos-transform: rotate(90deg); -o-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); top: 160px; left: -230px; } .backBarRight img:hover { left: -215px; opacity:.35; } .backBarRight { right: -120px; top: 110px; } .backBarRight:hover { color:#000; color:rgb(0,100,150); text-shadow:0 0 6px rgba(0,175,255,1), 1px 1px 0 #FFF, -1px -1px 0 #FFF; } .navText1 { padding-top:202px; width:150px; } .navText2 { padding-top:202px; margin-left:-22px; } #quickPreviewCanvas { box-shadow: 3px 3px 10px rgba(0,0,0,.35); } .largePreviewHere img { box-shadow: 5px 5px 15px rgba(0,0,0,.35); } .theGraph { width:100px; height:100px; position:absolute; left:60px; top:8px; border:1px solid #999; cursor:pointer; } .graphDot { width:16px; height:16px; position:absolute; left:100px; border-radius:8px; transition: background-color .15s; -webkit-transition: background-color .15s; -moz-transition: background-color .15s; -o-transition: background-color .15s; -ms-transition: background-color .15s; background-color: rgba(0,100,150, 1); cursor: move; } .graphDot:hover { background-color: rgba(50,150,200, .9); } .graphDot.dragging, .graphDot.dragging:hover { background-color: rgba(200,75,125,.8); cursor: none; } .circleExpand { position:absolute; width:2px; height:2px; border-radius:2px; border:1px solid rgba(0,0,0,.8); cursor:pointer; } /*pro page*/ .proBenefitsImg { background-color:#aaa; border-radius:300px; padding:50px; box-shadow:inset 0 0 100px rgba(255,255,255,.55); } .proHeader { margin:50px 0 40px 0; text-shadow:1px 1px 2px rgba(0,0,0,.3); } .proHeader h2 { font-size:50px; line-height:100%; } .proAnyPrice { margin:80px 0 40px 0; } .proBox label { display: inline; } .optSelectable { transition: all .15s; } .optSelectable:hover { transition: all .06s; border-radius:10px; box-shadow: 1px 1px 4px rgba(0,0,0,.1); background: -moz-radial-gradient(center, ellipse cover, rgba(230,255,255,0.175) 0%, rgba(255,255,255,.05) 100%); /* FF3.6+ */ background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(230,255,255,0.175)), color-stop(100%,rgba(255,255,255,.05))); /* Chrome,Safari4+ */ background: -webkit-radial-gradient(center, ellipse cover, rgba(230,255,255,0.175) 0%,rgba(255,255,255,.05) 100%); /* Chrome10+,Safari5.1+ */ background: -o-radial-gradient(center, ellipse cover, rgba(230,255,255,0.175) 0%,rgba(255,255,255,.05) 100%); /* Opera 12+ */ background: -ms-radial-gradient(center, ellipse cover, rgba(230,255,255,0.175) 0%,rgba(255,255,255,.05) 100%); /* IE10+ */ background: radial-gradient(ellipse at center, rgba(230,255,255,0.175) 0%,rgba(255,255,255,.05) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#15ffffc8', endColorstr='#04ffffff',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ } .optSelected { color:#FFF !important; } .optSelected2 { border-radius:10px; box-shadow: 1px 1px 4px rgba(0,0,0,.1); background: -moz-radial-gradient(center, ellipse cover, rgba(230,255,255,0.25) 0%, rgba(255,255,255,.1) 100%); /* FF3.6+ */ background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(230,255,255,0.25)), color-stop(100%,rgba(255,255,255,.1))); /* Chrome,Safari4+ */ background: -webkit-radial-gradient(center, ellipse cover, rgba(230,255,255,0.25) 0%,rgba(255,255,255,.1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-radial-gradient(center, ellipse cover, rgba(230,255,255,0.25) 0%,rgba(255,255,255,.1) 100%); /* Opera 12+ */ background: -ms-radial-gradient(center, ellipse cover, rgba(230,255,255,0.25) 0%,rgba(255,255,255,.1) 100%); /* IE10+ */ background: radial-gradient(ellipse at center, rgba(230,255,255,0.25) 0%,rgba(255,255,255,.1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#26ffffc8', endColorstr='#14ffffff',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ } .optSelected2:hover { border-radius:10px; box-shadow: 1px 1px 4px rgba(0,0,0,.15); background: -moz-radial-gradient(center, ellipse cover, rgba(230,255,255,0.25) 0%, rgba(255,255,255,.1) 100%); /* FF3.6+ */ background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(230,255,255,0.25)), color-stop(100%,rgba(255,255,255,.1))); /* Chrome,Safari4+ */ background: -webkit-radial-gradient(center, ellipse cover, rgba(230,255,255,0.25) 0%,rgba(255,255,255,.1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-radial-gradient(center, ellipse cover, rgba(230,255,255,0.25) 0%,rgba(255,255,255,.1) 100%); /* Opera 12+ */ background: -ms-radial-gradient(center, ellipse cover, rgba(230,255,255,0.25) 0%,rgba(255,255,255,.1) 100%); /* IE10+ */ background: radial-gradient(ellipse at center, rgba(230,255,255,0.25) 0%,rgba(255,255,255,.1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#26ffffc8', endColorstr='#14ffffff',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ } .iconOption { width:32px; height:24px; text-align:center; padding:8px 0 0 0; position:absolute; cursor:pointer; background:rgba(0,0,0,.2); border-radius:5px; color:#fff; font-size:14px; user-select: none; -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; } .static-content .chooseHowMuchLink a { color: #ddd; transition: color .2s; } .static-content .chooseHowMuchLink a:hover { transition: color .06s; color: #3bb3c3; color: #fff; } .addWebsiteButton { display:inline; padding:4px; padding-left:11px; padding-right:11px; border-radius:14px; -moz-border-radius:14px; border:1px solid; background-color:#F0F0F0; border-top-color:#DDD; border-left-color:#CCC; border-right-color:#AAA; border-bottom-color:#999; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FAFAFA', endColorstr='#CCCCCC'); /* for IE */ background: -webkit-gradient(linear, left top, left bottom, from(#FAFAFA), to(#CCC)); /* for webkit browsers */ background: -moz-linear-gradient(top, #FAFAFA, #CCC); /* for firefox 3.6+ */ background-image: -o-linear-gradient(#FAFAFA, #CCC); /*text-shadow: 0 0px 1px rgba(0, 0, 0, .5);*/ text-shadow: 1px 1px 2px rgba(255, 255, 255, .5); box-shadow: .5px .5px 1.5px rgba(0,0,0,.75); border:none; } .addWebsiteButton:hover { background-color:#FFF; /*border-top-color:#EEE; border-left-color:#DDD; border-right-color:#BBB; border-bottom-color:#AAA;*/ /*cursor:pointer;*/ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#E0E0E0'); /* for IE */ background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#E0E0E0)); /* for webkit browsers */ background: -moz-linear-gradient(top, #FFFFFF, #E0E0E0); /* for firefox 3.6+ */ background-image: -o-linear-gradient(#FFFFFF, #E0E0E0); } .ffSubscribeButton { border-radius:25px; padding:6px 20px; padding:12px 50px; font-size: 30px; border-radius: 25px; /* background-color: rgba(255,200,20,.4); /* background-color: rgba(128,100,10,.35); /*/ } .ffSubscribeButton:hover { /* background-color: rgba(255,200,50,.7); /**/ } /*.slider {width:380px;} .moneySliderContainer { width:392px; margin-top:10px; }*/ .moneySliderContainer .slider {width:550px;} .moneySliderContainer { width:622px; margin-top:10px; } .submitButtonDisabled:hover { background-color: #4b91b4; background-color: rgba(0,100,150,.7); } .proPeriodSelect { font-size:20px; width:200px; padding:15px 0; display:inline-block; /* background-color:#FFF; outline: 1px solid #AAA;*/ background-color:#F4F4F4; outline: 1px solid #D0D0D0; color: #7C7C7C; margin:0 1px; cursor:pointer; } .proPeriodSelected { color:white; background-color: rgba(0,190,230,.8); text-shadow: 1px 1px 1px rgba(0,0,0,.3); outline: 1px solid rgba(0,190,230,.8); cursor:default; font-size:24px; } .ppModErrMsg { display:inline-block; background-color: rgb(255, 204, 204); color: rgb(85, 85, 85); font-size: 20px; padding: 20px 40px; border-radius: 40px; line-height: 130%; } .proOptionsContainer { width:760px; padding:40px 20px 20px 20px; margin:20px; border-radius:30px; background-color:rgba(0,0,0,.45); box-shadow:10px 10px 20px rgba(0,0,0,.1), inset 0 0 100px rgba(255,255,255,.43); } .p_opt { color:#DDD; margin-right:20px; font-weight:normal; } .optSelectable { display:inline-block; line-height:normal; width:128px; } .optPrice, .optPriceSug { /*Sug = suggested*/ font-size:50px; color:white; letter-spacing:0px; margin:8px 0 5px 0; } .optPriceSug { /*Sug = suggested*/ font-size:60px; margin:7px 0 6px 0; } .optDesc, .optDescSug { font-size:10px; margin:9px 0 12px 0; line-height:130%; } .optDescSug { font-size:11px; color:#DDD; } /* landing page stuff - mostly login cards */ .showHidePW { display:inline-block; font-size:12px; border:1px solid #888; border-radius:3px; padding:0 2px; color:#666; background-color:rgba(0,0,0,.05); cursor:pointer; transition:all .25s; } .showHidePW:hover { border:1px solid #666; color:#444; background-color:rgba(255,255,255,.1); } .priorLogins { margin:50px 0; } .priorLoginsTitle { font-size:34px; color:#555; margin:20px 0; } .loginCard { display:inline-block; margin:10px 20px; border-radius:10px; box-shadow:2px 2px 8px rgba(0,0,0,.3); background-color: rgba(240,240,240,.8); min-width:150px; min-height:30px; transition:all .5s; cursor:pointer; position:relative; } .loginCard:hover { background-color: rgba(255,255,255,1); box-shadow:3px 3px 12px rgba(0,0,0,.4); } .lc_remove { opacity:0; transition:all .5s; color: #FFF; background-color:#D33; top:-10px; right: -10px; font-size: 18px; width:18px; height:18px; padding: 4px; text-align:center; position:absolute; border-radius:20px; } .loginCard:hover .lc_remove { opacity:.6; } .loginCard .lc_remove:hover { opacity:.9; transition:all .2s; } .lc_username { display:inline-block; font-size:22px; color:#b38; color:#1b93a3; margin: 10px 15px; } .lc_etsyShop { display:inline-block; font-size:12px; color:#888; margin: 5px 5px 0 5px; } .lc_pro { width:32px; height:12px; font-size:12px; position:absolute; top:-10px; left:-10px; background-color:#FD0; background-color:rgba(240,225,0,1); padding:9px 0 11px 0; border-radius:20px; box-shadow:1px 1px 4px rgba(0,0,0,.2); color:#FFF; /* text-shadow: 0 0 0.25px rgba(0,0,0,.2), 0.5px 0.5px 1.1px rgba(0,0,0,1);*/ text-shadow: 0.5px 0.5px 1.1px rgba(0,0,0,.75); text-align:center; line-height:normal; opacity:.8; transition: all .5s; font-weight: bold; } .loginCard:hover .lc_pro { background-color:#FF0; background-color:rgba(255,235,0,1); box-shadow:1px 1px 5px rgba(0,0,0,.3); opacity:1; } /*change sizes based on screen dimensions*/ @media (min-width: 1200px) { #frame { width:1120px; } .home-right-col { /*is also profile*/ width:720px !important; } .home-left-col { /*width:290px;*/ width:auto !important; } .albumListingImagesContainer { width:555px !important; } .edit-right-col { margin-right:80px; } .proBar div { width:1060px !important; } .product-cols { width:1100px; } #cols .product-right-col { width:640px; } #cols .product-right-col-inner { width:640px; } .backBarLeft { left: -125px; } .backBarRight { right: -50px; } } /*\*//*/ .wraptocenter { display: block; } .wraptocenter span { display: inline-block; height: 100%; width: 1px; } */