/* RESET ------------------------------------------------------------------------------------*/ 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, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; font: inherit; vertical-align: baseline; max-width: 100%;} .container, iframe { max-width: 100%;} article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block;} html, body { height:100%; } a img,:link img,:visited img { border:none } :focus { outline: 0; } a { text-decoration:none; } table { border-collapse: collapse; border-spacing: 0; } html { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } *, *:before, *:after { -webkit-box-sizing: inherit; -moz-box-sizing: inherit; box-sizing: inherit; } .clearFloat::before, .clearFloat::after { display:table; content:"";} .clearFloat::after { clear:both; } img { max-width: 100%; height: auto; width: auto9; /* ie8 */ } /* PALETTE ------------------------------------------------------------------------------------*/ body { background: #fff; color: #000; } h1.siteName, a { color: #999; } a:hover { color: #000; } /* #39b54a green */ /* #fff200 yellow */ body.page-about, body.page-contact,body.page-events {background-color: #f7941d;} /*yellow-orange*/ body.page-dates, body.page-press, body.page-gossip {background-color: #f26522;} /* orange */ body.post-type-archive-pieces, body.single-pieces {background-color: #ed1c24;} /*red*/ /* #ed145b fuschia */ body.page-shopping, body.page-donate {background-color: #92278f;} /* purple */ /* #00aeef blue */ /* #350227 dark purple star-links */ /* HTML / FONTS ------------------------------------------------------------------------------------*/ body { font-family: 'Source Sans Pro', 'Open Sans', Arial, Verdana, Helvetica, "Lucida Grande", Tahoma, sans-serif; font-size: 110%; font-weight: 400; font-family: 'Reenie Beanie', cursive; font-family: 'Sue Ellen Francisco', cursive; font-family: 'Amatic SC', cursive;font-size: 160%; font-weight: 400; color: #350227; } a {color: #350227;} a:hover {color: #ed1c24; text-decoration: none; background-image: url('/wp-content/themes/famousomg/images/flashing-yellow.gif');} h1 { font-family: 'Yesteryear', cursive; font-family: 'Norican', cursive; font-size: 2em; } h1 a {color:#350227;} h1 a:hover, h1 a:active { text-shadow: 3px 3px 3px #fff200; text-decoration: none; background:none; } h1.row-heading {text-align: center; margin: -50px auto 20px;} .navbar-default .navbar-brand { font-size: 26px; background-image: url('/wp-content/themes/famousomg/images/theFamous-300x185.png'); width: 300px; height: 185px; background-repeat: no-repeat; text-indent: -5000px; } .navbar-default .navbar-brand span.tagline {} h1 {} h2 {} h3 {} h4 {} p {margin-bottom: 20px;} p::-moz-selection { color: white; background: #4b5e81;} p::selection { color: white; background: #4b5e81; } /* HEADER / NAVIGATION ------------------------------------------------------------------------------------*/ .navbar-wrapper {} .container-fluid {} .navbar {} .navbar-default {} .navbar-static-top {} .navbar-header { width: 80%;} .navbar-default .navbar-brand { width: 800px; max-width: 80%} .navbar-nav { width:100%; float: right;} .navbar-default .navbar-collapse {} .navbar-default{ background-color: initial; border: 0px; } .navbar-header { width: 100%; } .navbar-toggle { display: block; } .navbar-collapse.collapse { display: none !important; } .navbar-collapse.collapse.in { display: block !important; } @media screen and (max-width:768px){ .navbar-header{margin-right:0px !important;} .navbar-default .navbar-brand{font-size:23px !important;font-weight:bold;margin-top:0px;/*width: initial !important;max-width: initial !important;*/} .navbar-header .navbar-toggle{margin-right:0px !important;} } @media screen and (max-width:415px){ .navbar-default .navbar-brand {background-image: url('/wp-content/themes/famousomg/images/theFamous-200x123.png');} } .sectionheadertitle { margin-bottom: 20px; font-size: 2.5em; color: #bbb; } .navbar-default .navbar-toggle {background-color: transparent; border-color: #350227;} .navbar-default .navbar-toggle .icon-bar {background-color: #350227;} .navbar-default .navbar-toggle:hover {background-color: #fff200;} /* YELLOW */ .navbar-default .navbar-collapse {border:0px solid transparent;background-color: transparent;} /*BIG LINKS ON ALL PAGES */ #navbar ul {width: 652px;list-style-type: none;} @media only screen and (min-width: 992px) {#navbar ul {margin-top: -100px;}} #navbar ul li {display: inline-block; width: 93px; float: left; text-align: center; font-size: 26px;} #navbar ul li a {color: #350227;} #navbar ul li a:hover {color: #ed1c24; text-decoration: none; background-image: url('/wp-content/themes/famousomg/images/flashing-yellow.gif');} .home .navbar-default .navbar-toggle {border-color: GREY} .home .navbar-default .navbar-toggle .icon-bar {background-color: GREY} /* DATES --------------------------------------------------------------------------------- */ .event_row{padding: 20px 0px;text-transform:uppercase;font-size:18px;font-weight:bold;color:#fff;display: table;width: 100%;vertical-align: middle;} .event_left_col{text-align:center;} .up_event_left_col,.up_event_middle_col,.up_event_right_col{display: table-cell;vertical-align: middle;padding:10px 0px;border-bottom: 1px solid #350227;} .up_event_left_col{width:20%;} .up_event_middle_col{width:65%;padding:10px 10px;} .up_event_right_col{width:15%;padding:10px 10px;} .event_upc_date{font-size:32px;} .event_title{font-size:24px;line-height:32px;} .event_row tr:hover{background-color:#350227;} .mob_display{display:none;} .event_buy_btn{border-color: #fff;border-width: 1px;border-style: solid;padding: 10px 15px;border-radius: 0;font-size:16px;margin-bottom: 0;font-weight: bold;box-shadow: none;height: auto;text-transform: uppercase; background-color: transparent;color:#fff;text-decoration:none;} .event_buy_btn:hover{background-image: url('/wp-content/themes/famousomg/images/flashing-yellow.gif');color:#350227;text-decoration: none;} .event_past td{padding:25px 15px;border-bottom: 1px solid #350227;} .pieces_item { height: 300px; background-repeat: no-repeat; float: left; margin-right: 10px; margin-bottom: 10px; } .pieces_item a{width:100%;height:100%;display:table;text-decoration:none;font-size: 1.5em;} .pieces_item_hover_content{display:none;} .pieces_item a:hover .pieces_item_hover_content{display:table-cell;vertical-align:middle;text-align:center;background-color:#f7941d;opacity: .7;color:#350227;font-weight:bold;text-decoration:none;} @media (min-width: 780px){ .up_event_left_col{width:20%;} .up_event_middle_col{width:56%;padding:10px 10px;} .up_event_right_col{width:24%;padding:10px 10px;} .event_title{font-size:21px;} } @media (min-width: 992px){ .up_event_left_col{width:20%;} .up_event_middle_col{width:60%;padding:10px 10px;} .up_event_right_col{width:20%;padding:10px 10px;} } @media (min-width: 1201px){ .up_event_left_col{width:20%;} .up_event_middle_col{width:65%;padding:10px 10px;} .up_event_right_col{width:15%;padding:10px 10px;} } @media screen and (max-width:768px){ .events_wrapper{margin:0px;} .event_row{margin:0px;line-height:21px;} .up_event_middle_col{border-bottom:1px solid #fff;} .up_event_left_col,.up_event_right_col{display:none;} .mob_display{display:block;} .event_row tr:hover{background-color:inherit;} .up_event_middle_col{text-align:center;} .event_past td{border-bottom: 1px solid #fff;} } /* Lauren Animations ------------------------------------------------------------------------------------*/ #laurenAnim { width: 300px; height: 441px; background-image:url('/wp-content/themes/famousomg/images/cupcake-about-300.gif'); display: none; } .page-about #laurenAnim { display: block; } #laurenAnim ul li { width: 100px; height:100px; float: left; margin:0; padding:0; list-style:none; } /*#laurenAnim ul li.a {background-image:url('/wp-content/themes/famousomg/images/cupcake-about-01.gif');} #laurenAnim ul li.b {background-image:url('/wp-content/themes/famousomg/images/cupcake-about-02.gif');} */ /* HOME ------------------------------------------------------------------------------------*/ body.home {background-color: #39b54a; background-image: url('/wp-content/themes/famousomg/images/home/rainbowColors.gif'); background-repeat:repeat-x repeat-y; } .home .navbar-wrapper {display: none;} .home .uberContainer {width: 100%;} .home .logoContainer {position: absolute; top:50%; margin:-200px auto 0; width: 100%; height: 100%; z-index:0;} .home .logo {position:relative; margin:auto; width: 1404px; height: 585px;background-image: url('/wp-content/themes/famousomg/images/home/theFamous-1404x585.gif');background-repeat: no-repeat;} .home .enterMeContainer {position: fixed; top:50%; margin:-200px auto 0;width: 100%; height: 145px; z-index:2;} .home .enterMe {position: relative; margin-left:700px; width: 209px; height: 145px; z-index:2;} a.enterMeLink {color: transparent;text-indent: -5000px;} .home .enterMeContainer .enterMe a.enterMeLink {width: 209px; height:145px;font-size: 155px;background-image: url('/wp-content/themes/famousomg/images/home/enterMe-209x145.gif');background-repeat:no-repeat;background-position: bottom left;} /*.home .enterMeContainer .enterMe a.enterMeLink:hover {background-image: url('/wp-content/themes/famousomg/images/home/enterMe-209x145.gif');}*/ .home .ballerinaContainer {position: fixed; top:50%; margin-top:-110px;width: 100%; height: 211px; z-index:3;} .home .ballerina {position: relative; width: 201px; height: 211px; overflow: hidden; left: 600px; z-index:3;} .home .ballerinaContainer .ballerina a.ballerinaLink {width: 201px; height: 211px;font-size: 160px;background-image: url('/wp-content/themes/famousomg/images/home/ballet9.gif');color: transparent; background-repeat:no-repeat;} .home .ballerinaContainer .ballerina a.ballerinaLink:hover {background-image: url('/wp-content/themes/famousomg/images/home/ballerina-static.gif');} .home .link {position: absolute; width: 75px; height: 53px; overflow: hidden; z-index:4;} .home .link a {background-position: 0 0; background-repeat: no-repeat; text-indent: -5000px; font-size: 48px;color: transparent;z-index:4;} .home .link a:hover {background-position: 0 -53px;} .home .about {top: 20%; left: 6%; } .home .about a {background-image: url('/wp-content/themes/famousomg/images/home/star-links-about.gif');} .home .pieces {top: 5%; left: 20%; } .home .pieces a {background-image: url('/wp-content/themes/famousomg/images/home/star-links-pieces.gif');} .home .dates {top: 20%; left: 30%; } .home .dates a {background-image: url('/wp-content/themes/famousomg/images/home/star-links-dates.gif');} .home .shopping {top: 10%; left: 40%; } .home .shopping a {background-image: url('/wp-content/themes/famousomg/images/home/star-links-shopping.gif');} .home .gossip {top: 12%; left: 55%; } .home .gossip a {background-image: url('/wp-content/themes/famousomg/images/home/star-links-gossip.gif');} .home .donate {top: 5%; left: 70%; } .home .donate a {background-image: url('/wp-content/themes/famousomg/images/home/star-links-donate.gif');} .home .contact {top: 20%; left: 80%; } .home .contact a {background-image: url('/wp-content/themes/famousomg/images/home/star-links-contact.gif');} @media only screen and (max-width: 1440px) { .home .logo {width: 1200px; height: 500px;margin: 44px 50px;background-image: url('/wp-content/themes/famousomg/images/home/theFamous-1200x500.gif');} .home .enterMe {margin-left:650px;} .home .ballerina {left: 550px;} } @media only screen and (max-width: 1200px) { .home .logo {width: 1000px; height: 417px;margin: 86px 50px;background-image: url('/wp-content/themes/famousomg/images/home/theFamous-1000x417.gif');} .home .enterMe {margin-left:550px;} .home .ballerina {left: 450px;} } @media only screen and (max-width: 1024px) { .home .logo {width: 800px; height: 334px;margin: 127px 50px;background-image: url('/wp-content/themes/famousomg/images/home/theFamous-800x334.gif');} .home .enterMe {margin-left:450px;} .home .ballerina {left: 350px;} } @media only screen and (max-width: 850px) { .home .logo {width: 600px; height: 251px;margin: 171px 50px;background-image: url('/wp-content/themes/famousomg/images/home/theFamous-600x251.gif');} .home .enterMe {margin-left:370px;} .home .ballerina {left: 270px;} } @media only screen and (max-width: 650px) { .home .logo {width: 400px; height: 167px;margin: 300px 53px;background-image: url('/wp-content/themes/famousomg/images/home/theFamous-400x167.gif');} .home .enterMe {margin-left:170px;} .home .ballerina {left: 70px;} } @media only screen and (max-device-width: 737px) and (orientation:portrait) { .home .logo {width: 300px; height: 125px;margin: 304px 44px;background-image: url('/wp-content/themes/famousomg/images/home/theFamous-300x125.gif');} .home .enterMeContainer {margin-top:-224px;margin-left: 5px;} .home .ballerinaContainer {margin-top:-104px;margin-left: 25px;} .home .enterMe {margin-left:106px;} .home .ballerina {left: 6px;} } @media only screen and (max-device-width: 601px) and (orientation:portrait) { .home .logo {width: 400px; height: 167px;margin: 310px 77px;background-image: url('/wp-content/themes/famousomg/images/home/theFamous-400x167.gif');} .home .enterMe {margin-left:170px;} .home .ballerina {left: 70px;} } @media only screen and (max-device-width: 737px) and (orientation: landscape) { .home .logo {width: 400px; height: 167px;margin: 220px 20px;background-image: url('/wp-content/themes/famousomg/images/home/theFamous-400x167.gif');} .home .enterMeContainer {margin-top:-224px;margin-left: 60px;} .home .ballerinaContainer {margin-top:-104px;margin-left: 80px;} .home .ballerina {left:270px;} .home .enterMe {margin-left:420px;top:100px;} .home .enterMeContainer .enterMe a.enterMeLink {width: 104px; height:72px;font-size: 55px;background-image: url('/wp-content/themes/famousomg/images/home/enterMe-104x72.gif'); } } /* ABOUT ------------------------------------------------------------------------------------*/ /* PIECES ------------------------------------------------------------------------------------*/ .single-pieces h1 a, .post-type-archive-pieces h1 a {color:#fff200;} .single-pieces h1 a:hover, .single-pieces h1 a:active, .post-type-archive-pieces h1 a:hover, .post-type-archive-pieces h1 a:active { text-shadow: 3px 3px 3px #39b54a; } .single-pieces p {color: #fff;} .video video { max-width: 100%; height: auto; } #instant-gallery{ overflow: hidden; display: block; width: 100%; margin-bottom: 1.5em; } /* Main Display Area */ #ig-main{ width: 100%;text-align:center; } #ig-hero{ height:550px; } #ig-title{ margin-top: 1.5em; margin-bottom: 1.5em; line-height: 1.5em; } /* Thumbnails */ #ig-thumbs { overflow: hidden; margin: 0; text-align:center; } #ig-thumbs li{ margin-right:10px; margin-bottom:10px; /*float: left;*/ display: inline-block; cursor: pointer; } #ig-thumbs img{ /*width: 75px; */ height: 30px; padding: 1px; border: 1px solid #ddd; } #ig-thumbs li img:hover, #ig-thumbs li img.selected{ border: 1px solid #aaa !important; } @media only screen and (max-width: 768px) { .anncustom_row{margin-left:0px;margin-right:0px;} #ig-thumbs {text-align:left;} #ig-thumbs li{float: left;display:block;} #ig-hero{height:100%;} } div.video { text-align: center; margin: 0 auto; } /* DATES ------------------------------------------------------------------------------------*/ /* CONTACT ------------------------------------------------------------------------------------*/ /* FONTS ------------------------------------------------------------------------------------*/