/* Custom CSS - SS
To link this stylesheet:
OR place file in that directory & template should read it: /templates/js_alasse/css/custom.css
to your template index.php file just after the tag.
You can apply the following classes to your object:
clear ( Clears floats - as in )
my-row ( Sets left and right margins for responsive blocks )
spacer (Adds left and right padding for responsive blocks )
width-10 ( The 'width-*' classes set a width by percentage - width-10 is width:10% and so on )
width-20
*/
/* TEST: body {background-color: blue;} */
/* HEADER: Edited: margin-bottom: 10px; padding-top: 10px; */
#header {
margin-bottom: 0px;
padding-top: 0px;
}
/* Edited: padding-top: 10px; */
#header #top, #header #top2 {
padding-top: 0px;
}
/* Edited: margin-bottom: 10px; */
#header, #menu, #featured, #grid-top, #main-content, #breadcrumbs, #grid-bottom, #grid-bottom2, #grid-bottom3, #bottom-menu {
margin-bottom: 0px;
}
/* HEADER background-color: #3498db;
Last Orig: #4a76da;
UCB #002c57;
SS: #18315c; */
#header {
background-color: #18315c;
color: #fff;
margin: 0;
padding-top: 0px;
}
.navbar-inner {
background-color: #18315c;
}
/* NAV background-color: #2980b9; background-color: #18315c; */
.navbar-inverse .nav .active > a, .navbar-inverse .nav .active > a:hover, .navbar-inverse .nav .active > a:focus {
background-color: #18315c;
color: #fff;
}
/* NAV SIDEBAR1 background-color: #3398d8; */
#sidebar1 .module .nav li.active > a, #sidebar2 .module .nav li.active > a {
background-color: #18315c;
color: #fff;
}
/* NO EDIT YET: color: #fff;
#header #top a, #header #featured a, #header #menu2 a {
color: #fff;
}
#header #top a:hover, #header #featured a:hover, #header #menu2 a:hover {
text-decoration: none;
}
#header #top .nav li a [class^="icon-"], #header #featured .nav li a [class^="icon-"], #header #menu2 .nav li a [class^="icon-"], #header #top .nav li a [class*=" icon-"], #header #featured .nav li a [class*=" icon-"], #header #menu2 .nav li a [class*=" icon-"] {
color: #fff;
}
#header #top .nav li a:hover, #header #featured .nav li a:hover, #header #menu2 .nav li a:hover, #header #top .nav li a:focus, #header #featured .nav li a:focus, #header #menu2 .nav li a:focus {
background-color: #2980b9;
}
*/
/* LOGO: EDITED padding-bottom: 20px; padding-top: 10px; */
#logo {
padding-bottom: 20px;
padding-top: 18px;
}
/* NO EDIT YET...
#featured {
margin: 0;
}
#featured::before, #featured::after {
content: "";
display: table;
line-height: 0;
}
#featured::after {
clear: both;
}
#featured [class*="module"] {
margin: 0 auto;
padding: 60px 0;
}
#featured [class*="module"] > h3 {
font-size: 56px;
margin-top: 0;
}
#featured .moduletable_slider {
margin: 0;
padding: 0;
}
#featured .hero-unit {
margin-bottom: 20px;
padding: 60px;
}
#featured .hero-unit .hero-unit {
margin: 0;
padding: 0;
}
*/
/* FEATURED Position EDITED: padding: 50px 0 0; */
#featured .moduletable_slider:first-child {
padding: 0px 0 0;
}
/* SEARCH: Menu Position EDITED and Added: float: right; border-radius: 0;
*/
select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
border-radius: 8px;
color: #aaa;
display: inline-block;
font-size: 11px;
height: 15px;
line-height: 12px;
margin-bottom: 10px;
padding: 7px 10px 5px 10px;
margin-left: 7px;
vertical-align: middle;
float: right;
}
/* SEARCH Box Width Edited */
input, textarea, .uneditable-input {
width: 150px;
}
textarea {
height: auto;
}
/* SEARCH Box BORDER Edited */
textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
background-color: #fff;
border: 1px solid #ccc;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
}
textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, .uneditable-input:focus {
border-color: rgba(82, 168, 236, 0.8);
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(82, 168, 236, 0.6);
outline: 0 none;
}
/* SS Test */
.div_b{
margin-left: auto;
margin-right: auto;
border:1px solid #3e97d0;
width: 20%;
padding: 7px 20px 7px 20px;
font-size: 15px;
font-family:futura;
display:inline-block;
color: #3e97d0;
background-color: #FFFFFF;
}
/* Buttons */
/* padding: 5px 10px 5px 10px;
padding: 7%; */
.button_w{
margin-left: auto;
margin-right: auto;
border:1px solid #3e97d0;
width: 20%;
padding: 12px 22px 12px 22px;
font-size: 15px;
font-family:futura;
display:inline-block;
color: #3e97d0;
background-color: #FFFFFF;
}
/* FLOAT NO USED YET... */
.float_l{
float:left;
}
.float_r{
float:right;
}
.button_w:hover{
background-color: #262A3D;
}
.button_w:active {
color: #FFFFFF;
}
.buttona{
margin-left: auto;
margin-right: auto;
border:1px solid #3e97d0;
padding: 25px 40px 25px 40px;
font-size: 16px;
font-family:futura;
display:inline-block;
color: #3e97d0;
background-color: #FFFFFF;
}
.buttona:hover{
background-color: #262A3D;
}
.buttona:active {
color: #FFFFFF;
padding: 24px 39px 24px 39px;
}
.circlea {
margin-left: auto;
margin-right: auto;
font-size: 20px;
font-family: futura;
color: #888781;
width: 100px;
height: 100px;
border-radius:50%;
border:2px solid #888781;
text-align: center;
line-height: 100px;
}
.circlea:hover {
width: 110px;
height: 110px;
line-height: 110px;
border-radius:50%;
font-size: 30px;
}
.circlea:active {
width: 109px;
height: 109px;
line-height: 109px;
color: #000000;
border-color: #000000;
}
.button_c{
border:1px solid #cdcdcd;
border-radius: 5px;
padding: 25px 40px 25px 40px;
display:inline-block;
font-size: 16px;
font-family:Garamond;
color: #FFFFFF;
text-shadow: 1px 1px #B9B7B7;
background: linear-gradient(#e6e6e6, #cdcdcd);
}
.button_c:hover{
background: linear-gradient(#cdcdcd, #e6e6e6);
}
.button_c:active {
position:relative;
bottom:-1px;
color: #6A6A6A;
text-shadow:0px 0px;
}
/* END Annas Buttons */
/* ORIGINAL OLD SITE BUTTON */
.buttonsteve {
-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
box-shadow:inset 0px 1px 0px 0px #ffffff;
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf) );
background:-moz-linear-gradient( center top, #ededed 5%, #dfdfdf 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');
background-color:#ededed;
-moz-border-radius:6px;
-webkit-border-radius:6px;
border-radius:6px;
border:1px solid #dcdcdc;
display:inline-block;
color:#777777;
font-family:arial;
font-size:15px;
font-weight:bold;
padding:6px 24px;
text-decoration:none;
text-shadow:1px 1px 0px #ffffff;
}.buttonsteve:hover {
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed) );
background:-moz-linear-gradient( center top, #dfdfdf 5%, #ededed 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed');
background-color:#dfdfdf;
text-decoration:none;
}.buttonsteve:active {
position:relative;
top:1px;
}
/* END: ORIGINAL OLD SITE BUTTON */
/* TOOLBAR NAV AREA: NO EDIT YET */
/* EDITED THE ORIGINAL COLOR #272b37 TO A CUSTOM COLOR #18315c; CHANGED CUSTOM COLOR TO 236ea1 */
.navbar-inverse .navbar-inner {
background-color: #236ea1;
background-image: linear-gradient(to bottom, #236ea1, #236ea1);
background-repeat: repeat-x;
border-color: #236ea1;
}
#footer {
background-color: #18315c;
}
/* SIDEBAR1 .WELL NOT EDITED */
/*
#sidebar1 .well .nav li.dropdown .dropdown-menu li.active > a, #sidebar2 .well .nav li.dropdown .dropdown-menu li.active > a {
color: #fff;
}
*/
/*
#sidebar1 .well .nav li.dropdown .dropdown-menu li a, #sidebar2 .well .nav li.dropdown .dropdown-menu li a {
color: #fff;
}
*/
/*
.well .nav.nav-pills li.dropdown .dropdown-menu li.active > a {
background-color: #236ea1;
}
*/
/*
#sidebar1 .well .nav li.dropdown .dropdown-menu li a:hover, #sidebar2 .well .nav li.dropdown .dropdown-menu li a:hover, #sidebar1 .well .nav li.dropdown .dropdown-menu li a:focus, #sidebar2 .well .nav li.dropdown .dropdown-menu li a:focus {
color: #fff;
}
*/
/* MAIN EDIT FOR WELL - ORIGINAL */
/*
.well {
background-color: #18315c;
border: 1px solid #34363e;
border-radius: 0;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05) inset;
margin-bottom: 20px;
min-height: 20px;
padding: 19px;
}
*/
/* WELL EDITED */
.well {
background-color: #e5e5e5;
border: 1px solid #e5e5e5;
border-radius: 0;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05) inset;
margin-bottom: 20px;
min-height: 20px;
padding: 19px;
}
/* SIDERBAR WELL SUBMENU "a" color CHANGED FROM #fff to #18315c */
#sidebar1 .well .nav li.dropdown .dropdown-menu li a, #sidebar2 .well .nav li.dropdown .dropdown-menu li a {
color: #18315c;
}
/* IN CASE TO INCREASE WELL'S FONT - NOT EDITED YET */
/*
#sidebar1 .nav li.dropdown .dropdown-menu li a, #sidebar2 .nav li.dropdown .dropdown-menu li a {
font-size: 12px;
}
*/
/* CSS Edits for scroll-article-excerpt-joomla-module; gopiplus@gmail.com; Gopi Ramasamy */
.saecrs_div {
background-color: #C4E3ED;
border: 1px solid #e5e5e5;
border-radius: 0;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05) inset;
margin-bottom: 20px;
min-height: 20px;
padding: 19px;
}
.sae_excerpt {
padding-left:20px;
padding-right:20px;
}
.sae_link {
padding-left:20px;
padding-right:20px;
font-size:14px;
font-weight:bold;
}
/* CSS Edits for scroll-article-excerpt-joomla-module
.saecrs_div {
padding-left:5px;
padding-right:5px;
background-color: #236ea1;
}
*/
/* CSS Edits for scroll-article-excerpt-joomla-module
.sae_link {
padding-left:5px;
padding-right:5px;
font-size:14px;
font-weight:bold;
}
.sae_excerpt {
padding-left:5px;
padding-right:5px;
}
*/