- top_title,#sideMenu { display: none !important; }
#content { width: 100%; margin: 0; padding: 0; }
- bodyContent
{ margin-top:0px !important; }
- content{
background-color: #FFe4e1; !important;
}
.mainstyle
{
font-family: Comic Sans MS;
}
html, body {
margin: 0 ; padding: 0 ;
} body {
background-color: #ffffff; font-family:Comic Sans MS; font-weight: 400; font-size: 20px; color: #000000; ; -webkit-font-smoothing: antialiased; -webkit-overflow-scrolling: touch;
}
/* Titles */ h1, h2, h3, h4, h5, h6 { font-family: Comic Sans MS;
font-weight: 700; color: #000000;
}
h1 { font-size: 35px; margin-top: 30px; margin-bottom: 30px; }
p {
line-height: 40px; margin-bottom: 25px; font-size: 25px;
font-family: Comic Sans MS; }
.centered {
text-align: center;
}
/* Links */ a {
color: #20B2AA; word-wrap: break-word;
-webkit-transition: color 0.1s ease-in, background 0.1s ease-in; -moz-transition: color 0.1s ease-in, background 0.1s ease-in; -ms-transition: color 0.1s ease-in, background 0.1s ease-in; -o-transition: color 0.1s ease-in, background 0.1s ease-in; transition: color 0.1s ease-in, background 0.1s ease-in;
}
a:hover, a:focus {
color: #7b7b7b; text-decoration: none; outline: 0;
}
a:before, a:after {
-webkit-transition: color 0.1s ease-in, background 0.1s ease-in; -moz-transition: color 0.1s ease-in, background 0.1s ease-in; -ms-transition: color 0.1s ease-in, background 0.1s ease-in; -o-transition: color 0.1s ease-in, background 0.1s ease-in; transition: color 0.1s ease-in, background 0.1s ease-in;
}
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0;
}
.copyrights{ text-indent:-9999px; height:0; line-height:0; font-size:0; overflow:hidden; }
.navbar { text-transform: uppercase; margin-bottom: 0px; }
.navbar-inverse { padding-bottom: 30px; padding-top: 0; }
.navbar-inverse { background-color: #999999; border-color: #666666; }
.navbar-inverse .navbar-nav > li > a { color: white;
}
.navbar-inverse .navbar-nav > li > a:hover {
color: #222222;
}
.navbar-brand { font-weight: 700; font-size: 40px; letter-spacing: 2px; backgroud: white; }
.navbar-inverse .navbar-brand { color: white; background-color: #FFA07A;
}
.navbar-inverse .navbar-toggle { border-color: transparent; font-size: 12px; }
.progress-bar-theme {
background-color: #FFA07A;
}
/* Helpers */
.mt { margin-top: 40px; margin-bottom: 40px; }
.pt { padding-top: 50px; padding-bottom: 50px; }
/* +++++ WRAP SECTIONS +++++ */
- ww {
padding-top: 0px; padding-bottom: 70px; background-color: #f2f2f2; }
- footer {
background-color: #ADD8E6; padding-top: 50px; padding-bottom: 50px; }
- footer p {
color: white; font-family: Comic Sans MS; }
- footer h4 {
color: white; text-transform: uppercase; padding-bottom: 20px; }
/* +++++ Color Wraps / Blog Page +++++ */
- grey {
padding-top: 60px; padding-bottom: 60px; background-color: #f2f2f2; }
- white {
padding-top: 60px; padding-bottom: 60px; background-color: #ffffff; }
/* Blog Date*/ bd { font-size: 12px; text-transform: uppercase; color: #d2d2d2; font-weight: 700; }
/* Blog Author*/ ba { font-size: 12px; text-transform: uppercase; }
/* Blog Quote */ .bq { font-size: 22px; padding-top: 30px; }
/* Blog Tags */ bt { font-size: 12px; }
/* ================== PORTFOLIO IMAGES HOVER EFFECT ================== */ /* Effects also are controled by hover.zoom.js */ .zoom {
display:block; position:relative; overflow:hidden; background:transparent url() no-repeat center;
}
.zoomOverlay { position:absolute; top:0; left:0; bottom:0; right:0; display:none; background-image:url(../img/zoom.png); background-repeat:no-repeat; background-position:center; }
.zoom2 { opacity: 1; }
.zoom2:hover { opacity: 0.5; }
/* glyphicon Configuration */
.glyphicon { font-size: 40px; color: #1abc9c; }