Pages

| |

id:
47

Name:
Home2015.css

Content:
body{
font-family: basic sans light sf,sans-serif,arial narrow;
font-size:22px;
margin:0;
background-attachment:fixed;
background-size:1920px 1080px;
background-repeat:no-repeat;
transition:1s;
overflow-x:hidden;
}
#sitefooter{
position:fixed;
bottom:0px;
height:50px;
width:100%;
background:navy;
color:white;
text-align:center;
padding:0.5em;
box-sizing:border-box;
}
#slideimg{
}
#slideimg.photosho{
background-position: 59% 59%;
transition: background-position 15s ease-in-out 1s;
}
.standout{
background: transparent;
padding: 10px;
position: relative;
left: 0px;
top: 175px;
width: 100%;
color: rgb(255, 255, 255);
font-size: 23px;
font-family: basic sans light sf,sans-serif,arial narrow;
padding: 30px 30px 30px 60px;
height:40%;
}
.standout h2{
margin-left:10px;
}
.standoutlines{
width:40%;
right:20px;
}
.leftslide{
font-size:50px;
font-weight:bold;
}
.standout hr{
width:100%
}
.standout >input{
padding-left:3px;
color:#444;
width:100%
}
input.appname{
width:50%
}
/*
.dark{
background:transparent ! important;
}
*/
.socialicon{
float:left;
padding:4px 13px;
}
#footer{
background: #0D4B7B;
}
.ftrcntnr{
height: 80px;
width:820px;
margin:0 auto;
color:#fff;
}
.ftrcntnr a{
color:#fff;
}
.ftrcntnr a:hover{
color:#444;
}
.light{
background:#fff;
}
#main-home{
position:relative;
}
#slideshowbox{}
#slideshow{}
#slideimg{
height: 600px;
}
#nextprevbox{
margin-left: -25px;
position: relative;
top: -235px;
width: 100%;
}
.prevbox{
float: left;
position: relative;
visibility:hidden;
}
.nextbox{
float: right;
position: relative;
visibility:hidden;
}
#sloganbox,#sloganbacker{
margin: 0px auto;
float: right;
top: 33px;
position: absolute;
z-index: 100;
font-family: basic sans light sf,sans-serif,arial narrow;
width:40%;
color:black;
height:200px;
right:10%;
}
#sloganbox{
opacity:1.0;
}
#sloganbacker{
opacity: 0.83;
background: white none repeat scroll 0% 0%;
height:100%;
}
#sloganbox h1{
text-align:center
}
#slogantitle{
margin-top:25px;
}
#slogan{
margin:inherit;
width:80%
}
.focusbox{
display: block;
margin: 0 auto;
position: relative;
width: 100%;
margin-bottom:10px;
height:100%;
}
.focusbox:last-child{
border:0;
}
.focusimgbox {
display: block;
width: 100%;
}
.focusimg {
display: block;
}
.light >.focustxtbox{
color:#444;
}
.focustxtbg{
color: #ccc;
display: block;
opacity:0.5;
position: relative;
width:100%;
padding:30px;
}
.focustxtbox{
color: #fff;
display: block;
position: relative;
width:40%;
padding:30px;
}
.focustxttitle,.focustxt,.focustxtfoot{
width:100%;
margin-left:4%;
}
.focustxttitle:first-child{
margin-top:35px;
width: 100%
}
.focustxttitle a{
text-decoration:none;
}
.focustxtfoot{
height: 89px;
}
.focusbtnbox{
background: #7FC800;
float: left;
}
.focusbtnbox,.bluebtnbox{
height: 35px;
position: relative;
text-align:center;
width: 100%;
}
.bluebtnbox{
background:#45A1D8;
height:40px;
padding-left:5px;
width:100%;
}
.bluebtnbox:hover{
background:#30618D;
}
.bigbluebtn:hover{
color:#fff;
}
.focusbtn,.bigbluebtn{/*this is the "a's" class*/
color: #FFFFFF;
cursor: pointer;
font-family: "Lato";
font-size: 18px;
letter-spacing: 1px;
}
.smallbtn{
background: #7FC800;
border: medium none;
color: #FFFFFF;
cursor: pointer;
font-family: "Lato";
font-size: 18px;
letter-spacing: 1px;
padding: 5px;
width: 100%;
}
.smallbtn:hover,.focusbtnbox:hover,.focusbtn:hover,.blogbtn:hover{
background: #006600;
color:#fff;
}
.btnimg{
padding-left: 10px;
padding-top:10px;
}
.email,input{
color:#333;
}
.email:focus,input:focus,textarea:focus{
background:#ccccff;
}
.pagebottom{
height:77px;
}
.toplinkbox{
position:relative;
text-align:center;
}
.toplink{
margin:10px auto;
}
.focusdetails {
color: #555555;
display: block;
float: left;
position: relative;
width: 50%;
}
#quotesliderbox{
height: 100px;
width:90%;
overflow:hidden;
}
#quoteslider{
width:90%;
margin: 0 auto;
}
#quotebox{
width:90%;
position: relative;
text-align: center;
}
.quote{
margin:15px;
}
.quotee{
}
#nextprevbox2{
margin-left: -25px;
position: relative;
top: -100px;
width: 90%;
}
.prevquote{
float: left;
position: relative;
top: 25px;
}
.nextquote{
float: right;
position: relative;
top: -50px;
}
.inlineimg{
margin:4px;
width:16px;
height:16px;
vertical-align:middle;
}
h3 a{color: #555;text-decoration:none}

#readmore{
left: -481px;
position: relative;
z-index: 900;
width:90%;
}
#readless{
margin-left:25px;
}

div{
box-sizing:border-box;
margin:none;
padding:none;
}
#siteheader{
position:fixed;
top:0px;
text-align:justify;
width:100%;
background: white;
left: 0px;
height:100px;
z-index:10000;
transition:1s;
}
#siteheader #logo{
background-image:url("http://c239471.r71.cf0.rackcdn.com/30cfaad4-b5d8-4317-8908-406b7d5e4da4-CELogo150dpi380x81.png");
height:80px;
width:380px;
padding:10px;
background-color:rgba(255,255,255,.9);
}
#siteheaderlinks{
float:right;
position:relative;
top:-60px;
padding-right:30px;
}
#siteheader.faded{background:transparent;color:white;transition:2s;}
#siteheader #siteheaderlinks a{color:black;}
#siteheader.faded #siteheaderlinks a{color:white;}
#sitefooter.faded{background:rgba(255,255,255,.5);color:black;transition:2s;}

@media screen and (max-width: 600px) {
.focustxttitle,.focustxt,.focustxtfoot{
width:80%;
margin-left:4%;
}
.focustxttitle:first-child{
margin-top:35px;
width: 80%
}
h1{margin-top:0;}
#siteheader{
height:60px;
}
#siteheaderlinks{
float:auto;
top:-15px;
}
body{font-size:0.9em;}
.standout{font-size:inherit;}
}

createdate:
9/22/2015 5:59:55 PM

createid:
pj

Type:
CSS

Include Header:
N

Eval Square Brackets:
N

Replace Line Breaks:
N