@background-landing:#f5f5f5; @page-width: 1000px; @main-color:#bf0079; @main-color-2:#cc0066; @main-color-dark:#990066; @main-color-light:#ff99cc; @header-height:322px; @gray:#e6e7e8; @content-padding-left:50px; @import "https://www.tammytew.com/wp-content/themes/TammyFashion/fonts/sanchez.css"; @import "https://www.tammytew.com/wp-content/themes/TammyFashion/fonts/nillandbold.css"; @import "https://www.tammytew.com/wp-content/themes/TammyFashion/fonts/helvetica.css"; html{ margin:0 !important; } body{ background-color:#fff; margin:0 !important; &.home{ background-color:@background-landing !important; } } a{ text-decoration:none; img{ border:none; } } h1{ color:@main-color-2; font-size:35px; font-family:'Nilland-Bold'; margin:0; } h3{ color:#333; font-size:15px; font-family:'Helvetica'; font-weight:bold; margin:0; } img{ } /* Landing */ #landing{ width:@page-width; margin:0 auto; margin-top:10px; padding-bottom:100px; #picture{ img{ width : 1000px; height: 728px; display:block; } } } .msg-box{ position:absolute; top:-40px; left:230px; width:540px; border:1px solid #333; box-shadow: rgba(0, 0, 0, 0.5) 0px 5px 25px; background-color:white; background-color:rgba(255, 255, 255, 0.95); display:none; h1{ font-family:'Nilland-Bold',arial; font-size:72px; margin-top:10px; padding:10px; width:100%; text-align:center; } p{ font-family:'Helvetica'; font-size:24px; color:#333; width:100%; padding:0; margin:0; padding-top:10px; text-align:center; } .button{ margin:20px auto; } } .button{ height:57px; width:180px; background:@main-color; position:relative; color:#fff; text-shadow: #333 0px 1px; display:block; text-align:center; line-height:57px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; font-size:24px; letter-spacing:2px; font-family:'Sanchez',arial; .arrow{ background:url(https://www.tammytew.com/wp-content/themes/TammyFashion/images/right-arrow.png) no-repeat; width:12px; height:17px; position:absolute; right:-12px; top:19px; } &:hover{ background:@main-color-dark; .arrow{ background:url(https://www.tammytew.com/wp-content/themes/TammyFashion/images/right-arrow-over.png) no-repeat; } } &.small{ height:30px; width:100px; font-size:16px; line-height:30px; .arrow{ right:-8px; top:7px; } } } /* End Landing */ #main{ width:@page-width; margin:0 auto; border:2px solid @gray; margin-bottom:20px; margin-top:-2px; #header{ width:@page-width; height:@header-height; background:url(https://www.tammytew.com/wp-content/themes/TammyFashion/images/header.jpg) no-repeat; .container{ height:@header-height; position:relative; a.home{ display:block; width:400px; height:170px; position:absolute; top:62px; left:330px; } #nav-primary{ width:100%; text-align:center; float:left; height:35px; position:absolute; left:0; bottom:4px; .menu-navigation-container{ > ul#menu-navigation{ margin:0 auto; list-style:none; width:800px; li{ &.current-menu-item > a{ text-shadow: 0px 4px 3px #000; } } > li{ float:left; padding:0 20px; a{ height:35px; padding:0; line-height:35px; font-size:15px; color:#fff; font-family:'Nilland-Bold',arial; font-weight:bold; text-transform: lowercase; float:left; letter-spacing:2px; &:hover{ text-shadow: 0px 4px 3px #000; } &.db-line{ line-height:20px; small{ display:block; margin-top:-4px; } } } ul{ /*hide submenu*/ display:none; } } } } } } } #footer{ font-family:'Nilland-Bold',Arial; font-size:16px; color:@main-color-light; width:100%; text-align:center; } } .container{ #content{ font-family:'Helvetica',Arial; font-size:15px; padding-top:20px; padding-left:@content-padding-left; padding-right:40px; padding-bottom:50px; color:#333; position:relative; img{ border:2px solid @main-color-2; } table{ border:0px; tr{ td{ vertical-align:top; } } } } } .page-id-7{ #content{ h1{ margin-top:-10px; } img{ float:left; } table{ tr{ td:first-child{ width:380px; } } } } } .page-id-9{ #content{ table{ border:none !important; } a{ color:@main-color; text-decoration:underline; } .press-entry{ padding-top:20px; padding-bottom:50px; border-bottom:1px solid @gray; .meta{ padding:20px 0; .location{ } .date{ font-size:13px; } } } } } .page-id-11{ #content{ #contact-info{ padding-top:10px; width:330px; height:457px; border-right:1px solid @gray; float:left; p{ margin-top:0; margin-bottom:0; } a{ color:#333; } } #contact-form{ padding-top:30px; width:500px; padding-left:52px; height:457px; float:left; position:relative; #msg{ font-family:'Nilland-Bold',Arial; font-size:21px; color:red; position:absolute; top:-0px; left:200px; } form{ position:relative; label,input[type=text],textarea{ display:block; } label{ font-family:'Nilland-Bold',Arial; font-size:21px; } input[type=text],textarea{ border:2px solid @main-color-2; height:35px; width:489px; font-family:'Nilland-Bold',Arial; font-size:21px; } textarea{ height:155px; } a.button{ position:absolute; right: 15px; bottom: -75px; } } } } } /* $("ul#menu-navigation").addClass("show-sub").animate({width:1000,marginLeft:-20}).find(" > li").animate({padding:"0 20px"}).find("ul").fadeIn(200) */ #main #header .container #nav-primary .menu-navigation-container > ul#menu-navigation.show-sub{ /*ul#menu-navigation*/ > li{ padding:0px 10px; ul{ float:left; list-style:none; height:35px; padding-left: 10px; li{ float:left; padding:0px 10px; margin-top:1px; margin-bottom:0px; background-color:@main-color-dark; a{ height:33px; } &:first-child{ background:url(https://www.tammytew.com/wp-content/themes/TammyFashion/images/menu-right-arrow.jpg) no-repeat 0px 13px; background-color:@main-color-dark; } } } } } /* .tax-portfoliocategory,.post-type-archive-portfoliopost{ #main{ #header{ .container{ #nav-primary{ .menu-navigation-container{ > ul#menu-navigation{ width:1000px; margin-left:-20px; > li{ padding:0px 15px; ul{ display:block !important; float:left; list-style:none; height:35px; li{ float:left; padding:0px 10px; margin-top:1px; margin-bottom:0px; background-color:@main-color-dark; a{ height:33px; } &:first-child{ background:url(https://www.tammytew.com/wp-content/themes/TammyFashion/images/menu-right-arrow.jpg) no-repeat 0px 13px; background-color:@main-color-dark; } } } } } } } } } } }*/ .portfolio-divider{ height:2px; background-color:@main-color; width:1000px; margin-left:-@content-padding-left; } .type-portfoliopost{ margin-left:-@content-padding-left; width:1000px; overflow:hidden; .port-container{ float:left; white-space:nowrap; width:auto; position:relative; table{ border:none; padding:0; margin:0; border-spacing:0; td{ padding:0; } } .cover,.port{ height:389px; float:left; position:relative; } .cover{ width:1000px; cursor:pointer; img{ width:100%; } .big-arrow{ position:absolute; top:80px; right:40px; background:url(https://www.tammytew.com/wp-content/themes/TammyFashion/images/big-arrow.png) no-repeat; width:63px; height:101px; } } .cover:hover .big-arrow{ background:url(https://www.tammytew.com/wp-content/themes/TammyFashion/images/big-arrow-hover.png) no-repeat; } .port{ .small-arrow-left{ position:absolute; top:174px; left:0px; background:url(https://www.tammytew.com/wp-content/themes/TammyFashion/images/small-arrow-left.png) no-repeat; width:24px; height:40px; cursor:pointer; &:hover{ background:url(https://www.tammytew.com/wp-content/themes/TammyFashion/images/small-arrow-left-hover.png) no-repeat; } } .small-arrow{ position:absolute; top:174px; right:0px; background:url(https://www.tammytew.com/wp-content/themes/TammyFashion/images/small-arrow.png) no-repeat; width:24px; height:40px; cursor:pointer; &:hover{ background:url(https://www.tammytew.com/wp-content/themes/TammyFashion/images/small-arrow-hover.png) no-repeat; } } } img{ border:none !important; height:100%; height:389px; } } } .non-display{ display:none; }