function shoestrap_footer_css()
{
$footer_color = get_theme_mod('shoestrap_footer_background_color');
// Make sure colors are properly formatted
$footer_color = '#' . str_replace('#', '', $footer_color);
?>
<style>
#footer-wrapper{ background: <?php
echo $footer_color;
?>
}
<?php
if (shoestrap_get_brightness($footer_color) >= 160) {
?>
#footer-wrapper{ color: <?php
echo shoestrap_adjust_brightness($footer_color, -150);
?>
; }
#footer-wrapper a{ color: <?php
echo shoestrap_adjust_brightness($footer_color, -180);
?>
;}
<?php
} else {
?>
#footer-wrapper{ color: <?php
echo shoestrap_adjust_brightness($footer_color, 150);
?>
;}
#footer-wrapper a{color: <?php
echo shoestrap_adjust_brightness($footer_color, 180);
?>
;}
<?php
}
?>
</style>
<?php
}
function shoestrap_navbar_css()
{
$header_bg_color = get_theme_mod('shoestrap_header_backgroundcolor');
$navbar_color = get_theme_mod('shoestrap_navbar_color');
// Make sure colors are properly formatted
$header_bg_color = '#' . str_replace('#', '', $header_bg_color);
$navbar_color = '#' . str_replace('#', '', $navbar_color);
?>
<style>
<?php
if (get_theme_mod('shoestrap_logo')) {
if (get_theme_mod('shoestrap_header_mode') == 'navbar') {
?>
.navbar a.brand{padding: 5px 20px 5px;}
<?php
}
}
?>
.navbar-inner, .navbar-inner ul.dropdown-menu, #main-subnav.subnav-fixed{
background-color: <?php
echo $navbar_color;
?>
!important;
background-image: -moz-linear-gradient(top, <?php
echo $navbar_color;
?>
, <?php
echo shoestrap_adjust_brightness($navbar_color, -10);
?>
) !important;
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(<?php
echo $navbar_color;
?>
), to(<?php
echo shoestrap_adjust_brightness($navbar_color, -10);
?>
)) !important;
background-image: -webkit-linear-gradient(top, <?php
echo $navbar_color;
?>
, <?php
echo shoestrap_adjust_brightness($navbar_color, -10);
?>
) !important;
background-image: -o-linear-gradient(top, <?php
echo $navbar_color;
?>
, <?php
echo shoestrap_adjust_brightness($navbar_color, -10);
?>
) !important;
background-image: linear-gradient(to bottom, <?php
echo $navbar_color;
?>
, <?php
echo shoestrap_adjust_brightness($navbar_color, -10);
?>
) !important;
filter: e(%("progid:DXImageTransform.Microsoft.gradient(startColorstr='%d', endColorstr='%d', GradientType=0)",argb(<?php
echo $navbar_color;
?>
),argb(<?php
echo shoestrap_adjust_brightness($navbar_color, -10);
?>
))) !important;
border: 1px solid <?php
echo shoestrap_adjust_brightness($navbar_color, -20);
?>
;
}
.navbar .nav > li > .dropdown-menu::before{
border-bottom: 7px solid <?php
echo $navbar_color;
?>
;
}
.navbar .nav > li > .dropdown-menu::after{
border-bottom: 6px solid <?php
echo $navbar_color;
?>
;
}
.btn.btn-navbar{
<?php
if (shoestrap_get_brightness($navbar_color) >= 160) {
?>
background: <?php
echo shoestrap_adjust_brightness($navbar_color, -40);
?>
;
<?php
} else {
?>
background: <?php
echo shoestrap_adjust_brightness($navbar_color, 40);
?>
;
<?php
}
?>
}
.btn.btn-navbar:hover, .btn.btn-navbar:active, .btn.btn-navbar:enabled{
<?php
if (shoestrap_get_brightness($navbar_color) >= 160) {
?>
background: <?php
echo shoestrap_adjust_brightness($navbar_color, -30);
?>
;
<?php
} else {
?>
background: <?php
echo shoestrap_adjust_brightness($navbar_color, 30);
?>
;
<?php
}
?>
}
.navbar-inner a, .navbar-inner .brand, .navbar .nav > li > a,
.navbar-inner .dropdown-menu li > a,
.navbar-inner .dropdown-menu li > a:hover, .navbar-inner .dropdown-menu li > a:focus, .navbar-inner .dropdown-submenu:hover > a{
<?php
if (shoestrap_get_brightness($navbar_color) >= 160) {
?>
color: <?php
echo shoestrap_adjust_brightness($navbar_color, -160);
?>
;
<?php
} else {
?>
color: <?php
echo shoestrap_adjust_brightness($navbar_color, 160);
?>
;
<?php
}
?>
text-shadow: 0 1px 0 <?php
echo shoestrap_adjust_brightness($navbar_color, -15);
?>
;
}
.navbar-inner a:hover, .navbar-inner .brand:hover, .navbar .nav > li > a:hover{
<?php
if (shoestrap_get_brightness($navbar_color) >= 160) {
?>
color: <?php
echo shoestrap_adjust_brightness($navbar_color, -200);
?>
;
<?php
} else {
?>
color: <?php
echo shoestrap_adjust_brightness($navbar_color, 200);
?>
;
<?php
}
?>
text-shadow: 0 1px 0 <?php
echo shoestrap_adjust_brightness($navbar_color, -15);
?>
;
}
.navbar .nav > .active > a, .navbar .nav > .active > a:hover, .navbar .nav > .active > a:focus{
<?php
if (shoestrap_get_brightness($navbar_color) >= 130) {
?>
color: <?php
echo shoestrap_adjust_brightness($navbar_color, -180);
?>
;
background-color: <?php
echo shoestrap_adjust_brightness($navbar_color, -20);
?>
;
<?php
} else {
?>
color: <?php
echo shoestrap_adjust_brightness($navbar_color, 180);
?>
;
background-color: <?php
echo shoestrap_adjust_brightness($navbar_color, 30);
?>
;
<?php
}
?>
text-shadow: 0 1px 0 <?php
echo shoestrap_adjust_brightness($navbar_color, -15);
?>
;
}
.navbar .nav li.dropdown.open > .dropdown-toggle, .navbar .nav li.dropdown.active > .dropdown-toggle, .navbar .nav li.dropdown.open.active > .dropdown-toggle{
<?php
if (shoestrap_get_brightness($navbar_color) >= 130) {
?>
color: <?php
echo shoestrap_adjust_brightness($navbar_color, -180);
?>
;
background-color: <?php
echo shoestrap_adjust_brightness($navbar_color, -40);
?>
;
<?php
} else {
?>
color: <?php
echo shoestrap_adjust_brightness($navbar_color, 180);
?>
;
background-color: <?php
echo shoestrap_adjust_brightness($navbar_color, 50);
?>
;
<?php
}
?>
text-shadow: 0 1px 0 <?php
echo shoestrap_adjust_brightness($navbar_color, -15);
?>
;
}
.navbar .nav li.dropdown > .dropdown-toggle .caret,
.navbar .nav li.dropdown.open > .dropdown-toggle .caret, .navbar .nav li.dropdown.active > .dropdown-toggle .caret,
.navbar .nav li.dropdown.open.active > .dropdown-toggle .caret{
<?php
if (shoestrap_get_brightness($navbar_color) >= 160) {
?>
border-top-color: <?php
echo shoestrap_adjust_brightness($navbar_color, -160);
?>
;
border-bottom-color: <?php
echo shoestrap_adjust_brightness($navbar_color, -160);
?>
;
<?php
} else {
?>
border-top-color: <?php
echo shoestrap_adjust_brightness($navbar_color, 160);
?>
;
border-bottom-color: <?php
echo shoestrap_adjust_brightness($navbar_color, 160);
?>
;
<?php
}
?>
}
.dropdown-menu .active > a, .dropdown-menu .active > a:hover{
<?php
if (shoestrap_get_brightness($navbar_color) >= 160) {
?>
background: <?php
echo shoestrap_adjust_brightness($navbar_color, -100);
?>
;
color: <?php
echo shoestrap_adjust_brightness($navbar_color, 10);
?>
!important;
<?php
} else {
?>
background: <?php
echo shoestrap_adjust_brightness($navbar_color, 100);
?>
;
color: <?php
echo shoestrap_adjust_brightness($navbar_color, -10);
?>
!important;
<?php
}
?>
}
.dropdown-menu li > a:hover, .dropdown-menu li > a:focus, .dropdown-submenu:hover > a{
<?php
if (shoestrap_get_brightness($navbar_color) >= 160) {
?>
background: <?php
echo shoestrap_adjust_brightness($navbar_color, -30);
?>
;
<?php
} else {
?>
background: <?php
echo shoestrap_adjust_brightness($navbar_color, 30);
?>
;
<?php
}
?>
}
<?php
if (shoestrap_get_brightness($header_bg_color) >= 130) {
?>
.dropdown-menu li > a:hover, .dropdown-menu li > a:focus, .dropdown-submenu:hover > a{color: #222;}
<?php
}
?>
</style>
<?php
}
function shoestrap_social_share_styles()
{
$googleplus = get_theme_mod('shoestrap_gplus_on_posts');
$facebook = get_theme_mod('shoestrap_facebook_on_posts');
$twitter = get_theme_mod('shoestrap_twitter_on_posts');
$linkedin = get_theme_mod('shoestrap_linkedin_on_posts');
$pinterest = get_theme_mod('shoestrap_pinterest_on_posts');
// The number of networks.
$networks_nr = $googleplus + $facebook + $twitter + $linkedin + $pinterest;
$btn_color = get_theme_mod('shoestrap_buttons_color');
// Make sure colors are properly formatted
$btn_color = '#' . str_replace('#', '', $btn_color);
// if no color has been selected, set to #0066cc. This prevents errors with the php-less compiler.
if (strlen($btn_color) < 3) {
$btn_color = '#0066cc';
}
?>
<style type="text/css">
.sharrre .box{
height:22px;
display:inline-block;
position:relative;
padding:0px 55px 0 8px;
-webkit-border-radius:4px;
-moz-border-radius:4px;
border-radius:4px;
font-size:12px;
float:left;
clear:both;
overflow:hidden;
-webkit-transition:all 0.3s linear;
-moz-transition:all 0.3s linear;
-o-transition:all 0.3s linear;
transition:all 0.3s linear;
}
.sharrre .left{
line-height:22px;
display:block;
white-space:nowrap;
text-shadow:0px 1px 1px rgba(255,255,255,0.3);
-webkit-transition:all 0.2s linear;
-moz-transition:all 0.2s linear;
-o-transition:all 0.2s linear;
transition:all 0.2s linear;
}
.sharrre .middle{
position:absolute;
height:22px;
top:0px;
right:30px;
width:0px;
white-space:nowrap;
text-align:left;
overflow:hidden;
-webkit-box-shadow:-1px 0px 1px rgba(255,255,255,0.4), 1px 1px 2px rgba(0,0,0,0.2) inset;
-moz-box-shadow:-1px 0px 1px rgba(255,255,255,0.4), 1px 1px 2px rgba(0,0,0,0.2) inset;
box-shadow:-1px 0px 1px rgba(255,255,255,0.4), 1px 1px 2px rgba(0,0,0,0.2) inset;
-webkit-transition:width 0.3s linear;
-moz-transition:width 0.3s linear;
-o-transition:width 0.3s linear;
transition:width 0.3s linear;
}
.sharrre .middle a{
font-weight:bold;
padding:0 9px 0 9px;
text-align:center;
float:left;
line-height:22px;
-webkit-box-shadow:-1px 0px 1px rgba(255,255,255,0.4), 1px 1px 2px rgba(0,0,0,0.2) inset;
-moz-box-shadow:-1px 0px 1px rgba(255,255,255,0.4), 1px 1px 2px rgba(0,0,0,0.2) inset;
box-shadow:-1px 0px 1px rgba(255,255,255,0.4), 1px 1px 2px rgba(0,0,0,0.2) inset;
}
.sharrre .right{
position:absolute;
right:0px;
top:0px;
height:100%;
width:45px;
text-align:center;
line-height:22px;
}
.sharrre .box:hover{
padding-right:<?php
echo $networks_nr * 30 + 40;
?>
px;
}
.sharrre .middle a:hover{
text-decoration:none;
}
.sharrre .box:hover .middle{
width:<?php
echo $networks_nr * 30;
?>
px;
}
<?php
if (shoestrap_get_brightness($btn_color) >= 160) {
?>
.sharrre, .sharrre .middle a{color: #333;}
.sharrre .middle{
background: <?php
echo shoestrap_adjust_brightness($btn_color, -10);
?>
;
}
.sharrre .right{
background: <?php
echo shoestrap_adjust_brightness($btn_color, -150);
?>
;
color: <?php
echo shoestrap_adjust_brightness($btn_color, 20);
?>
;
}
<?php
} else {
?>
.sharrre, .sharrre .middle a{color: #fff;}
.sharrre .middle{
background: <?php
echo shoestrap_adjust_brightness($btn_color, 10);
?>
;
}
.sharrre .right{
background: <?php
echo shoestrap_adjust_brightness($btn_color, 150);
?>
;
color: <?php
echo shoestrap_adjust_brightness($btn_color, -20);
?>
;
}
<?php
}
?>
<?php
if (class_exists('lessc')) {
$less = new lessc();
$less->setVariables(array("btnColor" => $btn_color));
$less->setFormatter("compressed");
if (shoestrap_get_brightness($btn_color) <= 160) {
// The code below is a copied from bootstrap's buttons.less + mixins.less files
echo $less->compile("\n @btnColorHighlight: darken(spin(@btnColor, 5%), 10%);\n \n .gradientBar(@primaryColor, @secondaryColor, @textColor: #fff, @textShadow: 0 -1px 0 rgba(0,0,0,.25)) {\n color: @textColor;\n text-shadow: @textShadow;\n #gradient > .vertical(@primaryColor, @secondaryColor);\n border-color: @secondaryColor @secondaryColor darken(@secondaryColor, 15%);\n border-color: rgba(0,0,0,.1) rgba(0,0,0,.1) fadein(rgba(0,0,0,.1), 15%);\n }\n \n #gradient {\n .vertical(@startColor: #555, @endColor: #333) {\n background-color: mix(@startColor, @endColor, 60%);\n background-image: -moz-linear-gradient(top, @startColor, @endColor); // FF 3.6+\n background-image: -webkit-gradient(linear, 0 0, 0 100%, from(@startColor), to(@endColor)); // Safari 4+, Chrome 2+\n background-image: -webkit-linear-gradient(top, @startColor, @endColor); // Safari 5.1+, Chrome 10+\n background-image: -o-linear-gradient(top, @startColor, @endColor); // Opera 11.10\n background-image: linear-gradient(to bottom, @startColor, @endColor); // Standard, IE10\n background-repeat: repeat-x;\n }\n }\n \n .buttonBackground(@startColor, @endColor, @textColor: #fff, @textShadow: 0 -1px 0 rgba(0,0,0,.25)) {\n .gradientBar(@startColor, @endColor, @textColor, @textShadow);\n *background-color: @endColor; /* Darken IE7 buttons by default so they stand out more given they won't have borders */\n .reset-filter();\n &:hover, &:active, &.active, &.disabled, &[disabled] {\n color: @textColor;\n background-color: @endColor;\n *background-color: darken(@endColor, 5%);\n }\n }\n .sharrre .box{\n .buttonBackground(@btnColor, @btnColorHighlight);\n }\n ");
} else {
echo $less->compile("\n @btnColorHighlight: darken(@btnColor, 15%);\n \n .gradientBar(@primaryColor, @secondaryColor, @textColor: #333, @textShadow: 0 -1px 0 rgba(0,0,0,.25)) {\n color: @textColor;\n text-shadow: @textShadow;\n #gradient > .vertical(@primaryColor, @secondaryColor);\n border-color: @secondaryColor @secondaryColor darken(@secondaryColor, 15%);\n border-color: rgba(0,0,0,.1) rgba(0,0,0,.1) fadein(rgba(0,0,0,.1), 15%);\n }\n \n #gradient {\n .vertical(@startColor: #555, @endColor: #333) {\n background-color: mix(@startColor, @endColor, 60%);\n background-image: -moz-linear-gradient(top, @startColor, @endColor); // FF 3.6+\n background-image: -webkit-gradient(linear, 0 0, 0 100%, from(@startColor), to(@endColor)); // Safari 4+, Chrome 2+\n background-image: -webkit-linear-gradient(top, @startColor, @endColor); // Safari 5.1+, Chrome 10+\n background-image: -o-linear-gradient(top, @startColor, @endColor); // Opera 11.10\n background-image: linear-gradient(to bottom, @startColor, @endColor); // Standard, IE10\n background-repeat: repeat-x;\n }\n }\n \n .buttonBackground(@startColor, @endColor, @textColor: #333, @textShadow: 0 -1px 0 rgba(0,0,0,.25)) {\n .gradientBar(@startColor, @endColor, @textColor, @textShadow);\n *background-color: @endColor; /* Darken IE7 buttons by default so they stand out more given they won't have borders */\n .reset-filter();\n &:hover, &:active, &.active, &.disabled, &[disabled] {\n color: @textColor;\n background-color: @endColor;\n *background-color: darken(@endColor, 5%);\n }\n }\n .sharrre .box{\n .buttonBackground(@btnColor, @btnColorHighlight);\n }\n ");
}
}
?>
</style>
<?php
}