/* Sharon Squires Paintings CSS */ /* Sharon Squires Paintings CSS */ body { font-family: 'Lato', sans-serif; background-color: #a99e87; margin: 0; padding: 0; } .container { margin: 0 auto; padding-top: 4em; } a:link, a:visited { text-decoration: underline; color: #710023; } a:hover, a:active { color: #710023; } .unsubintro {color: white; font-size: 1.4em; padding-top: 2em; padding-left: 2em; padding-bottom: 1em; } .unsubdiv { padding-left: 3em; } /* =====left navigation and main content ===== */ header { margin: 0; padding: 0; float: left; } header h1 { margin: 0; padding: 0; float: left; padding-top: 1em; padding-bottom: .8em; color: #535353; font-size: 2.7em; font-weight: normal; font-family: 'EB Garamond', serif;} .head { margin: 0; padding: 0; float: left; border-bottom: solid 1px #710023; } /* BEGIN LEFTCOL CSS */ /* BEGIN LEFTCOL CSS */ .leftcol { margin: 0; padding: 0; float: left; border-right: solid 1px #710023; padding-top: 2em; } /* BEGIN styling for NAVIGATION for ipads and phones */ /* BEGIN styling for NAVIGATION for ipads and phones */ /* w3 error so removed: filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff00738b', endColorstr='#ff1e82a4', GradientType=0);*/ .navbar .btn-navbar { background-color: #A5BAB7; background-image: -moz-linear-gradient(top, #bd9c7b, #92624a); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#bd9c7b), to(#92624a)); background-image: -webkit-linear-gradient(top, #bd9c7b, #92624a); background-image: -o-linear-gradient(top, #bd9c7b, #92624a); background-image: linear-gradient(to bottom, #bd9c7b, #92624a); background-repeat: repeat-x; border-color: #92624a #92624a #bfbfbf; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); background-color: #92624a; /* Darken IE7 buttons by default so they stand out more given they won't have borders w3 error so removed: filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);*/ -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 0 rgba(255,255,255,.075); -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 0 rgba(255,255,255,.075); box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 0 rgba(255,255,255,.075); } .navbar .btn-navbar:hover, .navbar .btn-navbar:active, .navbar .btn-navbar.active, .navbar .btn-navbar.disabled, .navbar .btn-navbar[disabled] { color: #ffffff; background-color: #92624a; } /*this changes the color of the icon bars on the collapse menu */ .navbar .btn-navbar .icon-bar { display: block; width: 18px; height: 2px; background-color: #710023; -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); } /* END styling for navigation for ipads and phones */ /* END styling for navigation for ipads and phones */ /* VERTICAL NAVIGATION BEGINS */ /* VERTICAL NAVIGATION BEGINS */ .navbar {margin: 0; padding: 0; float: left; font-size: 1.2em; padding-left: 1.2em; } .navbar-inner { margin: 0; padding: 0; background-image: -moz-linear-gradient(top, #A99E87, #A99E87); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#A99E87), to(#A99E87)); background-image: -webkit-linear-gradient(top, #A99E87, #A99E87); background-image: -o-linear-gradient(top, #A99E87, #A99E87); background-image: linear-gradient(to bottom, #A99E87, #A99E87); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#A99E87', endColorstr='#A99E87', GradientType=0); border: 0px solid #d4d4d4; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; -webkit-box-shadow: 0 0px 0px rgba(0, 0, 0, 0.065); -moz-box-shadow: 0 0px 0px rgba(0, 0, 0, 0.065); box-shadow: 0 0px 0px rgba(0, 0, 0, 0.065); } .navbar ul { margin: 0; padding: 0; float: left; } .navbar li { margin: 0; padding: 0; float: left; clear: left; } /* nav bar text styling color: */ .navbar .nav > li > a { margin: 0; padding: 0; float: left; color: #710023; padding-bottom: 1em; text-shadow: none; } .navbar .nav > li > a:focus, .navbar .nav > li > a:hover { color: #555555; } .navbar .nav > .active > a, .navbar .nav > .active > a:hover, .navbar .nav > .active > a:focus { color: #555555; background-color: #A99E87; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; font-weight: 400; } /* OLLIE LOGO LEFT COL */ /* OLLIE LOGO LEFT COL */ .ollielogo {padding: 0; margin: 0; float: left; margin-top: .5em; clear: both; width: 100%; } .ollielogo img {padding: 0; margin: 0; float: left; margin-left: 1.5em; width: 75%; border: solid 1px #710023; } /* SLIDESHOW ABOVE MAIN */ /* SLIDESHOW ABOVE MAIN */ .ju-slideshow { box-sizing: border-box; border: solid 1px #555555; margin-top: 1.5em; position: relative; } /* MAIN ARTICLE SECTION */ /* MAIN ARTICLE SECTION */ .mainarticle { margin: 0; padding: 0; float: right; padding-top: 1em; } .mainarticle h2 { margin: 0; padding: 0; float: left; font-size: 1.6em; color: #535353; padding-bottom: .5em; padding-left: 1em; clear: both; } .mainarticle h3 { margin: 0; padding: 0; float: left; font-size: 1.2em; color: #333333; padding-bottom: 1em; padding-left: 1.2em; clear: both; line-height: 130%; } .mainarticle h3 a:link { text-decoration: underline; } .mainarticle p { margin: 0; padding: 0; float: left; font-size: 1.4em; line-height: 140%; color: #535353; padding-bottom: 1em; clear: both; padding-left: 1em; padding-right: 1em; } .mainarticle img { margin: 0; padding: 0; float: left; display: inline; margin-right: .75em; margin-bottom: .5em; } /* CONTACT US FORM */ /* CONTACT US FORM */ .hardaddress { margin: 0; padding: 0; float: left; clear: both; color: #710023; } .hardaddress h5 { font-size: 1.2em; } .hardaddress h5 a {text-decoration: underline; color: #710023; } .contactform {margin: 0; padding: 0; float: left; clear: both; background-color: #bd9c7b; border-width:1px; border-style: double; border-color: #710023; margin-top: 20px; padding-right: 2em; padding-left: 1em; padding-top: 2em; } .contactform h2 {margin: 0; padding: 0; float: left; clear: right; } .contactform h3 {margin: 0; padding: 0; float: left; clear: both; font-size: 1.3em; color: #710023; padding-bottom: 1em; } .contactform p {margin: 0; padding: 0; float: left; clear: right; font-size: 1.2em; padding-bottom: 1em; } /* EMAIL SUBSCRIPTION */ /* EMAIL SUBSCRIPTION */ .emailsignup {margin: 0; padding: 0; float: left; clear: right; width: 100%; } .acymailing_module {margin: 0; padding: 0; float: left; clear: both; } .acysubbuttons {margin: 0; padding: 0; float: left; color: green; } .fieldacyemail {margin: 0; padding: 0; float: left; width: 400px; } label, input, button, select, textarea { font-weight:normal; line-height:20px; font-size: 1.2em; padding-bottom: .5em; font-family: 'Lato', sans-serif; background-color: #710023;} div.acym_module_success { color: #710023; font-size: 1.6em; background-color: #a99e87; padding: 1em!important; z-index: 10; margin-bottom: 10px; } /* STYLING THE CONTACT US FORM */ /* STYLING THE CONTACT US FORM */ .formContainer {margin: 0; padding: 0; float: left; clear: both; } .formDescription {display: none; } .formControlLabel { margin: 0; padding: 0; float: left; color: #710023; font-size: 1.2em; padding-top: 5px; width: 100px; } .label {color: white; } .formRed {margin: 0; padding: 0; float: left; clear: both; } .formRed p {margin: 0; padding: 0; float: left; clear: both; } /* STYLING for input box for QUOTE FORM - COPIED OUT OF BOOTSTRAP */ /* STYLING for input box for QUOTE FORM - COPIED OUT OF BOOTSTRAP */ .formResponsive textarea, .formResponsive input[type="text"], .formResponsive input[type="password"] { background-color: #E2D4C5; border: 1px solid #710023; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset; transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s; } .formResponsive .formHorizontal .rsform-block { margin-bottom: 6px; } .clearerrormsg { clear: right; } .clearerrormsg h3 { color: #710023; margin: 0; padding: 0; padding-bottom: 0; float: left; font-size: 1.1em;} .rsform-block-submit {padding-top: 1em; } /* FOOTER SECTION */ /* FOOTER SECTION */ /* FOOTER SECTION */ /* FOOTER SECTION */ footer { padding: 0; margin: 0; float: left; margin-top: 3em; } footer p { font-size: 1.1em; color: #710023; margin: 0; padding: 0; text-align: center; padding-bottom: 5px; } footer p img { padding: 0; margin: 0; margin-bottom: .5em; } footer p a { padding: 0; margin: 0; color: #710023; text-decoration: none; } footer p a:link, #footer li a:visited { padding: 0; margin: 0; color: #710023; text-decoration: none; } footer p a:hover { color: #710023; text-decoration: underline; } /* FW GALLERY ALBUMNS */ /* FW GALLERY ALBUMNS */ #fwgallery { text-align: center; color: #cccccc; } /* BEGIN BEGIN UNDERLYING FRAMEWORK FOR DISPLAY OF HIGH LEVEL GALLERIES OR ALBUMS */ /* BEGIN BEGIN UNDERLYING FRAMEWORK FOR DISPLAY OF HIGH LEVEL GALLERIES OR ALBUMS */ #fwgallery .fwgs-name, #fwgallery .fwgs-name a { background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important; display: block; font-family: "Lato",sans-serif; font-size: 1.2em; font-weight: 200; margin: 0; padding: 0; max-height: 80px; overflow: hidden; text-align: center; text-decoration: none; } #fwgallery div.fwgs-name a { color: #999999 !important; display: block; font-family: 'Lato', sans-serif; font-size: 1.2em; font-weight: 400; } /* END END END UNDERLYING FRAMEWORK FOR DISPLAY OF HIGH LEVEL GALLERIES OR ALBUMS */ /* END END END UNDERLYING FRAMEWORK FOR DISPLAY OF HIGH LEVEL GALLERIES OR ALBUMS */ /* BEGIN BEGIN UNDERLYING FRAMEWORK FOR IMAGES AND TITLES IN THE INDIVIDUAL GALLERY/ALBUM PAGE */ /* BEGIN BEGIN UNDERLYING FRAMEWORK FOR IMAGES AND TITLES IN THE INDIVIDUAL GALLERY/ALBUM PAGE */ /* TITLE UPPER LEFT CORNER */ #fwgallery div.fwg-item {border: none; } #fwgallery div.fwg-title { float: left; text-align: center; border-bottom: none; padding-top: 1em; font-size: 1.8em; color: #333333; font-family: "Lato",sans-serif; margin-bottom: 5px; padding-bottom: 5px; padding-left: .75em; clear: both; } #fwgallery .fwgs-image, #fwgallery .fwg-image { background: #A99E87 none repeat scroll 0 0; display: inline-block; padding: 0; position: relative; } #fwgallery .fwg-name { background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important; max-height: 80px; overflow: hidden; font-size: 1em; } #fwgallery .fwg-name a { background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important; font-family: 'Lato', sans-serif; font-size: 1em; font-weight: 400; max-height: 80px; overflow: hidden; color: red; } #fwgallery div.fwg-name a { color: red !important; display: block; font-family: "Lato",sans-serif; font-size: 1em; font-weight: 400; margin: 0; padding: 0; } /* PAGINATION WHEN IMAGES EXCEED THREE ROWS OF THREE IMAGES */ .pagination ul > li > a, .pagination ul > li > span { -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; color: #999999; background-color: black; border-color: #ddd; border-image: none; border-style: solid; border-width: 1px 1px 1px 0; float: left; line-height: 20px; padding: 4px 12px; text-decoration: none; } /* END END END UNDERLYING FRAMEWORK FOR IMAGES AND TITLES IN THE INDIVIDUAL GALLERY/ALBUM PAGE */ /* END END END UNDERLYING FRAMEWORK FOR IMAGES AND TITLES IN THE INDIVIDUAL GALLERY/ALBUM PAGE */ /* PROVIDES SPACE BETWEEN ROWS OF IMAGES IN GALLERY/ALBUM PAGE */ .fwgallery-image {margin-bottom: 1em; } /* BEGIN BEGIN INDIVIDUAL LARGE IMAGE */ /* BEGIN BEGIN INDIVIDUAL LARGE IMAGE */ #fwgallery div.fwgi-name { font-family: 'Lato', sans-serif; font-size: 1.3em; clear: left; margin: 0; padding: 0; font-weight: bold; color: #710023; border: none; padding-bottom: 1em; } #fwgallery div.fwg-name a { margin: 0; padding: 0; color: #710023 !important; display: block; font-weight: bold; font-family: 'Lato', sans-serif; font-size: 1.3em; } #fwgallery .fwgi-image-picture.fwgi-image-image { background: #a99e87 none repeat scroll 0 0; box-shadow: 0 0 0 0 rgba(0, 0, 0, 0); display: inline-block; padding: 0px; } #fwgallery div.fwgi-image { padding: 0; margin: 0; clear: right; text-align: center; } /* END END END INDIVIDUAL LARGE IMAGE */ /* END END END INDIVIDUAL LARGE IMAGE */ /* RETURN TO GALLERIES/GALLERY LINKS */ /* RETURN TO GALLERIES/GALLERY LINKS */ #fwgallery a { color: #88A8B5 !important; text-decoration: none; } #fwgallery a:hover { color: #88A8B5; } /* RETURN TO LIST OF GALLERIES */ #fwgallery div.fwg-header-return { display: none; } /* RETURN TO GALLERY ON THE LARGE IMAGE PAGE */ #fwgallery div.fwgi-header-return { background: rgba(0, 0, 0, 0) url("../images/fwg_icon_return.png") no-repeat scroll right 7px; float: right; padding-top: 1em; position: relative; } #fwgallery div.fwgi-header-return a { margin: 0; padding: 0; float: left; padding-top: 1em; padding-bottom: .5em; font-size: 1.4em; } #fwgallery a { color: #666666 !important; text-decoration: none; } /* END END END RETURN TO GALLERIES/GALLERY LINKS */ /* END END END RETURN TO GALLERIES/GALLERY LINKS */ .fwg-social-sharing {margin: 0; padding: 0; float: left; } .fwgi-stats-pinterest img {margin: 0; padding: 0; float: left; padding-right: 3em; } .fwgi-stats-twitter img {margin: 0; padding: 0; float: left; padding-right: 3em; } .fwgi-stats-facebook img { margin: 0; padding: 0; float: left; padding-right: 3em; } /* Landscape phones and down */ @media (max-width: 480px) { body {margin: 0; padding: 0; } .container { } header h1 {padding-left: .5em; font-size: 2em;} .head {border-bottom: none; } .leftcol { margin: 0; padding: 0; float: left; padding-top: .5em; } .navbar .nav > li > a { margin: 0; padding: 0; float: left; color: #710023; text-shadow: none; } .navbar .nav > li > a:hover { color:#535353; text-shadow: none; background-color: #A99E87; } .mainarticle { margin: 0; padding: 0; padding-top: 1em; } .mainarticle h2 { margin: 0; padding: 0; padding-left: 1em; } .mainarticle p { margin: 0; padding: 0; padding-left: 1em; padding-bottom: 1em; } #fwgallery fwg-images-row { margin: 0; padding: 0; } .fwgs-item {margin-bottom: 3em; } } /* Landscape phone to portrait tablet */ @media (max-width: 767px) { body { margin: 0; padding: 0; } .container { margin: 0; padding: 0; } header h1 {padding-left: .5em; padding-bottom: .5em;} .head {border-bottom: none; } .leftcol { margin: 0; padding: 0; float: left; border-right: none; padding-top: .5em; } /* Navigation Button floats left or righy */ .navbar .btn-navbar { float: left; } .navbar .nav > li > a { margin: 0; padding: 0; float: left; padding-top: 1em; color: #710023; } .navbar .nav > li > a:hover { color:#535353; background-color: #A99E87; } .mainarticle { margin: 0; padding: 0; padding-top: 1em; } .mainarticle h2 { margin: 0; padding: 0; padding-left: 1em; } .mainarticle p { margin: 0; padding: 0; padding-bottom: 1em; padding-left: 1em; } #fwgallery .fwg-images-row { margin: 0; padding: 0; } .fwg-item { margin: 0; padding: 0; margin-bottom: 2em; } } /* Portrait tablet to landscape and desktop */ @media (min-width: 768px) and (max-width: 979px) { body { margin: 0; padding: 0; } .container { margin: 0; padding: 0; } header h1 {padding-left: .5em; padding-bottom: .5em;} .leftcol { margin: 0; padding: 0; float: left; border-right: none; padding-top: .5em; } .navbar .nav > li > a { margin: 0; padding: 0; float: left; padding-top: 1em; color: #710023; text-shadow: none; } .navbar .nav > li > a:hover { color:#535353; text-shadow: none; background-color: #A99E87; } .mainarticle h2 { margin: 0; padding: 0; padding-left: 1em; padding-top: 1em; } .mainarticle p { margin: 0; padding: 0; padding-left: 1em; padding-bottom: 1em; padding-right: .1em; } } /* Portrait tablet to landscape and desktop */ @media (min-width: 980px) and (max-width: 1199px) { body { margin: 0; padding: 0; } .container { margin: 0; padding: 0; } } /* Large desktop */ @media (min-width: 1200px) { body { margin: 0; padding: 0; } .container { } }