vendor/assets/stylesheets/handyCSS.backdrops.css in handy-css-rails-0.0.4 vs vendor/assets/stylesheets/handyCSS.backdrops.css in handy-css-rails-0.0.5
- old
+ new
@@ -1,7 +1,7 @@
/* ========================================================
- * handyCSS.backdrops.css v0.0.1
+ * handycss.backdrops.css v0.0.1
* https://github.com/kpvarma/handyCSS
* ========================================================
* Copyright 2013 VarmaLabs
*
* Licensed under the Apache License, Version 2.0 (the "License");
@@ -18,581 +18,648 @@
* ======================================================== */
/* backdrop holder class classes for both picture and pattern */
#backdrop-holder {
background-size: cover;
background-repeat: no-repeat;
- /* color: inherit;*/
+ /* color: inherit;*/
min-height: 800px;
position: fixed;
width: 100%;
- z-index: -1; }
+ z-index: -1;
+}
/* Picture based backdrops */
.backdrop-picture-mountains {
background-color: #0066cc;
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #0066cc), color-stop(100%, #0066cc));
background-image: -webkit-linear-gradient(#0066cc, #0066cc);
background-image: linear-gradient(#0066cc, #0066cc);
- background-image: url(../images/backdrops/pictures/mountains.jpg); }
+ background-image: url(../images/backdrops/pictures/mountains.jpg);
+}
.backdrop-picture-wood {
background-color: #663300;
- background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #663300), color-stop(100%, black));
- background-image: -webkit-linear-gradient(#663300, black);
- background-image: linear-gradient(#663300, black);
- background-image: url(../images/backdrops/pictures/wood.jpg); }
+ background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #663300), color-stop(100%, #000000));
+ background-image: -webkit-linear-gradient(#663300, #000000);
+ background-image: linear-gradient(#663300, #000000);
+ background-image: url(../images/backdrops/pictures/wood.jpg);
+}
.backdrop-picture-beach {
background-color: #0099cc;
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #0099cc), color-stop(100%, #cccccc));
background-image: -webkit-linear-gradient(#0099cc, #cccccc);
background-image: linear-gradient(#0099cc, #cccccc);
- background-image: url(../images/backdrops/pictures/beach.jpg); }
+ background-image: url(../images/backdrops/pictures/beach.jpg);
+}
.backdrop-picture-ocean {
background-color: #3399cc;
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #3399cc), color-stop(100%, #99ccff));
background-image: -webkit-linear-gradient(#3399cc, #99ccff);
background-image: linear-gradient(#3399cc, #99ccff);
- background-image: url(../images/backdrops/pictures/ocean.jpg); }
+ background-image: url(../images/backdrops/pictures/ocean.jpg);
+}
.backdrop-picture-treetops {
background-color: #6699cc;
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #6699cc), color-stop(100%, #006699));
background-image: -webkit-linear-gradient(#6699cc, #006699);
background-image: linear-gradient(#6699cc, #006699);
- background-image: url(../images/backdrops/pictures/treetops.jpg); }
+ background-image: url(../images/backdrops/pictures/treetops.jpg);
+}
.backdrop-picture-desk {
background-color: #563b26;
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #563b26), color-stop(100%, #663333));
background-image: -webkit-linear-gradient(#563b26, #663333);
background-image: linear-gradient(#563b26, #663333);
- background-image: url(../images/backdrops/pictures/desk.jpg); }
+ background-image: url(../images/backdrops/pictures/desk.jpg);
+}
.backdrop-picture-turf {
background-color: #339900;
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #339900), color-stop(100%, #336600));
background-image: -webkit-linear-gradient(#339900, #336600);
background-image: linear-gradient(#339900, #336600);
- background-image: url(../images/backdrops/pictures/turf.jpg); }
+ background-image: url(../images/backdrops/pictures/turf.jpg);
+}
.backdrop-picture-grafitti {
- background-color: black;
- background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, black), color-stop(100%, black));
- background-image: -webkit-linear-gradient(black, black);
- background-image: linear-gradient(black, black);
- background-image: url(../images/backdrops/pictures/grafitti.jpg); }
+ background-color: #000000;
+ background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #000000), color-stop(100%, #000000));
+ background-image: -webkit-linear-gradient(#000000, #000000);
+ background-image: linear-gradient(#000000, #000000);
+ background-image: url(../images/backdrops/pictures/grafitti.jpg);
+}
.backdrop-picture-pebbles {
background-color: #666666;
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #666666), color-stop(100%, #333333));
background-image: -webkit-linear-gradient(#666666, #333333);
background-image: linear-gradient(#666666, #333333);
- background-image: url(../images/backdrops/pictures/pebbles.jpg); }
+ background-image: url(../images/backdrops/pictures/pebbles.jpg);
+}
.backdrop-picture-venus {
- background-color: black;
- background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, black), color-stop(100%, black));
- background-image: -webkit-linear-gradient(black, black);
- background-image: linear-gradient(black, black);
- background-image: url(../images/backdrops/pictures/venus.jpg); }
+ background-color: #000;
+ background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #000), color-stop(100%, #000));
+ background-image: -webkit-linear-gradient(#000, #000);
+ background-image: linear-gradient(#000, #000);
+ background-image: url(../images/backdrops/pictures/venus.jpg);
+}
.backdrop-picture-octopus {
- background-color: black;
- background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, black), color-stop(100%, black));
- background-image: -webkit-linear-gradient(black, black);
- background-image: linear-gradient(black, black);
- background-image: url(../images/backdrops/pictures/octopus.jpg); }
+ background-color: #000;
+ background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #000), color-stop(100%, #000));
+ background-image: -webkit-linear-gradient(#000, #000);
+ background-image: linear-gradient(#000, #000);
+ background-image: url(../images/backdrops/pictures/octopus.jpg);
+}
.backdrop-picture-ruby {
background-color: #990000;
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #990000), color-stop(100%, #990000));
background-image: -webkit-linear-gradient(#990000, #990000);
background-image: linear-gradient(#990000, #990000);
- background-image: url(../images/backdrops/pictures/ruby.jpg); }
+ background-image: url(../images/backdrops/pictures/ruby.jpg);
+}
.backdrop-picture-apple {
background-color: #333333;
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #333333), color-stop(100%, #333333));
background-image: -webkit-linear-gradient(#333333, #333333);
background-image: linear-gradient(#333333, #333333);
- background-image: url(../images/backdrops/pictures/apple.jpg); }
+ background-image: url(../images/backdrops/pictures/apple.jpg);
+}
.backdrop-picture-ror1 {
background-color: #000033;
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #000033), color-stop(100%, #000033));
background-image: -webkit-linear-gradient(#000033, #000033);
background-image: linear-gradient(#000033, #000033);
- background-image: url(../images/backdrops/pictures/ror1.jpg); }
+ background-image: url(../images/backdrops/pictures/ror1.jpg);
+}
.backdrop-picture-ror2 {
background-color: #990033;
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #990033), color-stop(100%, #990033));
background-image: -webkit-linear-gradient(#990033, #990033);
background-image: linear-gradient(#990033, #990033);
- background-image: url(../images/backdrops/pictures/ror2.jpg); }
+ background-image: url(../images/backdrops/pictures/ror2.jpg);
+}
.backdrop-picture-ror3 {
- background-color: black;
- background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, black), color-stop(100%, black));
- background-image: -webkit-linear-gradient(black, black);
- background-image: linear-gradient(black, black);
- background-image: url(../images/backdrops/pictures/ror3.jpg); }
+ background-color: #000;
+ background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #000), color-stop(100%, #000));
+ background-image: -webkit-linear-gradient(#000, #000);
+ background-image: linear-gradient(#000, #000);
+ background-image: url(../images/backdrops/pictures/ror3.jpg);
+}
.backdrop-picture-ror4 {
background-color: #3366cc;
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #3366cc), color-stop(100%, #3366cc));
background-image: -webkit-linear-gradient(#3366cc, #3366cc);
background-image: linear-gradient(#3366cc, #3366cc);
- background-image: url(../images/backdrops/pictures/ror4.jpg); }
+ background-image: url(../images/backdrops/pictures/ror4.jpg);
+}
/* Add a new image based theme here.
- .backdrop-picture-name {
- @include linear-gradient(#topColor, #botomColor);
- background-image: url(../images/backdrops/pictures/image-name.jpg);
- }
+ .backdrop-picture-name {
+ @include linear-gradient(#topColor, #botomColor);
+ background-image: url(../images/backdrops/pictures/image-name.jpg);
+ }
Don't forget to add the image to the above mentioned folder.
Now you can use
- <body class="backdrop-picture theme-default">
- <div id="backdrop-holder" class="backdrop-picture-image-name">
- Content Goes here.
- </div>
- </body>
+ <body class="backdrop-picture theme-default">
+ <div id="backdrop-holder" class="backdrop-picture-image-name">
+ Content Goes here.
+ </div>
+ </body>
*/
/* Pattern based backdrops */
.backdrop-pattern #backdrop-holder::after {
content: '';
display: block;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
- opacity: 0.1; }
+ opacity: 0.1;
+}
/*[class*="backdrop-pattern-preview-"] { opacity: 0.1; }*/
.backdrop-pattern .backdrop-pattern-01::after, .backdrop-pattern-preview-01::after {
content: '';
background: url(../images/backdrops/patterns/01.png) repeat center center;
display: block;
opacity: 0.1;
- height: 100%; }
+ height: 100%;
+}
.backdrop-pattern .backdrop-pattern-02::after, .backdrop-pattern-preview-02::after {
content: '';
background: url(../images/backdrops/patterns/02.png) repeat center center;
display: block;
opacity: 0.1;
- height: 100%; }
+ height: 100%;
+}
.backdrop-pattern .backdrop-pattern-03::after, .backdrop-pattern-preview-03::after {
content: '';
background: url(../images/backdrops/patterns/03.png) repeat center center;
display: block;
opacity: 0.1;
- height: 100%; }
+ height: 100%;
+}
.backdrop-pattern .backdrop-pattern-04::after, .backdrop-pattern-preview-04::after {
content: '';
background: url(../images/backdrops/patterns/04.png) repeat center center;
display: block;
opacity: 0.1;
- height: 100%; }
+ height: 100%;
+}
.backdrop-pattern .backdrop-pattern-05::after, .backdrop-pattern-preview-05::after {
content: '';
background: url(../images/backdrops/patterns/05.png) repeat center center;
display: block;
opacity: 0.1;
- height: 100%; }
+ height: 100%;
+}
.backdrop-pattern .backdrop-pattern-06::after, .backdrop-pattern-preview-06::after {
content: '';
background: url(../images/backdrops/patterns/06.png) repeat center center;
display: block;
opacity: 0.1;
- height: 100%; }
+ height: 100%;
+}
.backdrop-pattern .backdrop-pattern-07::after, .backdrop-pattern-preview-07::after {
content: '';
background: url(../images/backdrops/patterns/07.png) repeat center center;
display: block;
opacity: 0.1;
- height: 100%; }
+ height: 100%;
+}
.backdrop-pattern .backdrop-pattern-08::after, .backdrop-pattern-preview-08::after {
content: '';
background: url(../images/backdrops/patterns/08.png) repeat center center;
display: block;
opacity: 0.1;
- height: 100%; }
+ height: 100%;
+}
.backdrop-pattern .backdrop-pattern-09::after, .backdrop-pattern-preview-09::after {
content: '';
background: url(../images/backdrops/patterns/09.png) repeat center center;
display: block;
opacity: 0.1;
- height: 100%; }
+ height: 100%;
+}
.backdrop-pattern .backdrop-pattern-10::after, .backdrop-pattern-preview-10::after {
content: '';
background: url(../images/backdrops/patterns/10.png) repeat center center;
display: block;
opacity: 0.1;
- height: 100%; }
+ height: 100%;
+}
/* Add a new dark colored gradient themes here.
.backdrop-pattern .backdrop-pattern-xxxx::after, .backdrop-pattern-preview-xxxx::after {
- content: '';
- background: url(../images/backdrops/patterns/xxxx.png) repeat center center;
- display: block;
- opacity: 0.1;
- height: 100%;
- }
- Now you can use
- <body class="backdrop-pattern theme-default">
- <div id="backdrop-holder" class="backdrop-pattern-xxxx backdrop-pattern-some-shade">
- Content Goes here.
- </div>
- </body>
+ content: '';
+ background: url(../images/backdrops/patterns/xxxx.png) repeat center center;
+ display: block;
+ opacity: 0.1;
+ height: 100%;
+ }
+ Now you can use
+ <body class="backdrop-pattern theme-default">
+ <div id="backdrop-holder" class="backdrop-pattern-xxxx backdrop-pattern-some-shade">
+ Content Goes here.
+ </div>
+ </body>
*/
.backdrop-shade-bootstrap-violet, .backdrop-shade-preview-bootstrap-violet {
background-color: #6d3353;
background-color: #6d3353;
background-repeat: repeat-x;
background-image: -moz-linear-gradient(280deg, #020031, #6d3353);
background-image: -webkit-linear-gradient(280deg, #020031, #6d3353);
background-image: -o-linear-gradient(280deg, #020031, #6d3353);
- background-image: linear, 280deg, #020031, #6d3353; }
+ background-image: linear, 280deg, #020031, #6d3353;
+}
.backdrop-shade-olive-green, .backdrop-shade-preview-olive-green {
background-color: darkOliveGreen;
- background-color: white;
+ background-color: #fff;
background-repeat: repeat-x;
- background-image: -moz-linear-gradient(280deg, darkolivegreen, white);
- background-image: -webkit-linear-gradient(280deg, darkolivegreen, white);
- background-image: -o-linear-gradient(280deg, darkolivegreen, white);
- background-image: linear, 280deg, darkolivegreen, white; }
+ background-image: -moz-linear-gradient(280deg, darkOliveGreen, #fff);
+ background-image: -webkit-linear-gradient(280deg, darkOliveGreen, #fff);
+ background-image: -o-linear-gradient(280deg, darkOliveGreen, #fff);
+ background-image: linear, 280deg, darkOliveGreen, #fff;
+}
.backdrop-shade-goldern-red, .backdrop-shade-preview-goldern-red {
background-color: darkgoldenrod;
- background-color: white;
+ background-color: #fff;
background-repeat: repeat-x;
- background-image: -moz-linear-gradient(280deg, darkgoldenrod, white);
- background-image: -webkit-linear-gradient(280deg, darkgoldenrod, white);
- background-image: -o-linear-gradient(280deg, darkgoldenrod, white);
- background-image: linear, 280deg, darkgoldenrod, white; }
+ background-image: -moz-linear-gradient(280deg, darkgoldenrod, #fff);
+ background-image: -webkit-linear-gradient(280deg, darkgoldenrod, #fff);
+ background-image: -o-linear-gradient(280deg, darkgoldenrod, #fff);
+ background-image: linear, 280deg, darkgoldenrod, #fff;
+}
.backdrop-shade-dark-green, .backdrop-shade-preview-dark-green {
background-color: darkGreen;
- background-color: white;
+ background-color: #fff;
background-repeat: repeat-x;
- background-image: -moz-linear-gradient(280deg, darkgreen, white);
- background-image: -webkit-linear-gradient(280deg, darkgreen, white);
- background-image: -o-linear-gradient(280deg, darkgreen, white);
- background-image: linear, 280deg, darkgreen, white; }
+ background-image: -moz-linear-gradient(280deg, darkGreen, #fff);
+ background-image: -webkit-linear-gradient(280deg, darkGreen, #fff);
+ background-image: -o-linear-gradient(280deg, darkGreen, #fff);
+ background-image: linear, 280deg, darkGreen, #fff;
+}
.backdrop-shade-dark-red, .backdrop-shade-preview-dark-red {
background-color: darkRed;
- background-color: white;
+ background-color: #fff;
background-repeat: repeat-x;
- background-image: -moz-linear-gradient(280deg, darkred, white);
- background-image: -webkit-linear-gradient(280deg, darkred, white);
- background-image: -o-linear-gradient(280deg, darkred, white);
- background-image: linear, 280deg, darkred, white; }
+ background-image: -moz-linear-gradient(280deg, darkRed, #fff);
+ background-image: -webkit-linear-gradient(280deg, darkRed, #fff);
+ background-image: -o-linear-gradient(280deg, darkRed, #fff);
+ background-image: linear, 280deg, darkRed, #fff;
+}
.backdrop-shade-dark-salmon, .backdrop-shade-preview-dark-salmon {
background-color: darkSalmon;
- background-color: white;
+ background-color: #fff;
background-repeat: repeat-x;
- background-image: -moz-linear-gradient(280deg, darksalmon, white);
- background-image: -webkit-linear-gradient(280deg, darksalmon, white);
- background-image: -o-linear-gradient(280deg, darksalmon, white);
- background-image: linear, 280deg, darksalmon, white; }
+ background-image: -moz-linear-gradient(280deg, darkSalmon, #fff);
+ background-image: -webkit-linear-gradient(280deg, darkSalmon, #fff);
+ background-image: -o-linear-gradient(280deg, darkSalmon, #fff);
+ background-image: linear, 280deg, darkSalmon, #fff;
+}
.backdrop-shade-dark-grey, .backdrop-shade-preview-dark-grey {
background-color: darkGray;
- background-color: white;
+ background-color: #fff;
background-repeat: repeat-x;
- background-image: -moz-linear-gradient(280deg, darkgrey, white);
- background-image: -webkit-linear-gradient(280deg, darkgrey, white);
- background-image: -o-linear-gradient(280deg, darkgrey, white);
- background-image: linear, 280deg, darkgrey, white; }
+ background-image: -moz-linear-gradient(280deg, darkGray, #fff);
+ background-image: -webkit-linear-gradient(280deg, darkGray, #fff);
+ background-image: -o-linear-gradient(280deg, darkGray, #fff);
+ background-image: linear, 280deg, darkGray, #fff;
+}
.backdrop-shade-slate-grey, .backdrop-shade-preview-slate-grey {
background-color: SlateGrey;
- background-color: white;
+ background-color: #fff;
background-repeat: repeat-x;
- background-image: -moz-linear-gradient(280deg, slategrey, white);
- background-image: -webkit-linear-gradient(280deg, slategrey, white);
- background-image: -o-linear-gradient(280deg, slategrey, white);
- background-image: linear, 280deg, slategrey, white; }
+ background-image: -moz-linear-gradient(280deg, SlateGrey, #fff);
+ background-image: -webkit-linear-gradient(280deg, SlateGrey, #fff);
+ background-image: -o-linear-gradient(280deg, SlateGrey, #fff);
+ background-image: linear, 280deg, SlateGrey, #fff;
+}
.backdrop-shade-dark-slate-grey, .backdrop-shade-preview-dark-slate-grey {
background-color: darkSlateGrey;
- background-color: white;
+ background-color: #fff;
background-repeat: repeat-x;
- background-image: -moz-linear-gradient(280deg, darkslategrey, white);
- background-image: -webkit-linear-gradient(280deg, darkslategrey, white);
- background-image: -o-linear-gradient(280deg, darkslategrey, white);
- background-image: linear, 280deg, darkslategrey, white; }
+ background-image: -moz-linear-gradient(280deg, darkSlateGrey, #fff);
+ background-image: -webkit-linear-gradient(280deg, darkSlateGrey, #fff);
+ background-image: -o-linear-gradient(280deg, darkSlateGrey, #fff);
+ background-image: linear, 280deg, darkSlateGrey, #fff;
+}
.backdrop-shade-light-slate-grey, .backdrop-shade-preview-light-slate-grey {
background-color: lightSlateGrey;
- background-color: white;
+ background-color: #fff;
background-repeat: repeat-x;
- background-image: -moz-linear-gradient(280deg, lightslategrey, white);
- background-image: -webkit-linear-gradient(280deg, lightslategrey, white);
- background-image: -o-linear-gradient(280deg, lightslategrey, white);
- background-image: linear, 280deg, lightslategrey, white; }
+ background-image: -moz-linear-gradient(280deg, lightSlateGrey, #fff);
+ background-image: -webkit-linear-gradient(280deg, lightSlateGrey, #fff);
+ background-image: -o-linear-gradient(280deg, lightSlateGrey, #fff);
+ background-image: linear, 280deg, lightSlateGrey, #fff;
+}
.backdrop-shade-dim-grey, .backdrop-shade-preview-dim-grey {
background-color: dimGrey;
- background-color: white;
+ background-color: #fff;
background-repeat: repeat-x;
- background-image: -moz-linear-gradient(280deg, dimgrey, white);
- background-image: -webkit-linear-gradient(280deg, dimgrey, white);
- background-image: -o-linear-gradient(280deg, dimgrey, white);
- background-image: linear, 280deg, dimgrey, white; }
+ background-image: -moz-linear-gradient(280deg, dimGrey, #fff);
+ background-image: -webkit-linear-gradient(280deg, dimGrey, #fff);
+ background-image: -o-linear-gradient(280deg, dimGrey, #fff);
+ background-image: linear, 280deg, dimGrey, #fff;
+}
.backdrop-shade-steel-blue, .backdrop-shade-preview-steel-blue {
background-color: steelBlue;
- background-color: white;
+ background-color: #fff;
background-repeat: repeat-x;
- background-image: -moz-linear-gradient(280deg, steelblue, white);
- background-image: -webkit-linear-gradient(280deg, steelblue, white);
- background-image: -o-linear-gradient(280deg, steelblue, white);
- background-image: linear, 280deg, steelblue, white; }
+ background-image: -moz-linear-gradient(280deg, steelBlue, #fff);
+ background-image: -webkit-linear-gradient(280deg, steelBlue, #fff);
+ background-image: -o-linear-gradient(280deg, steelBlue, #fff);
+ background-image: linear, 280deg, steelBlue, #fff;
+}
.backdrop-shade-dark-steel-blue, .backdrop-shade-preview-dark-steel-blue {
background-color: darkSteelBlue;
- background-color: white;
+ background-color: #fff;
background-repeat: repeat-x;
- background-image: -moz-linear-gradient(280deg, darkSteelBlue, white);
- background-image: -webkit-linear-gradient(280deg, darkSteelBlue, white);
- background-image: -o-linear-gradient(280deg, darkSteelBlue, white);
- background-image: linear, 280deg, darkSteelBlue, white; }
+ background-image: -moz-linear-gradient(280deg, darkSteelBlue, #fff);
+ background-image: -webkit-linear-gradient(280deg, darkSteelBlue, #fff);
+ background-image: -o-linear-gradient(280deg, darkSteelBlue, #fff);
+ background-image: linear, 280deg, darkSteelBlue, #fff;
+}
.backdrop-shade-light-steel-blue, .backdrop-shade-preview-light-steel-blue {
background-color: lightSteelBlue;
- background-color: white;
+ background-color: #fff;
background-repeat: repeat-x;
- background-image: -moz-linear-gradient(280deg, lightsteelblue, white);
- background-image: -webkit-linear-gradient(280deg, lightsteelblue, white);
- background-image: -o-linear-gradient(280deg, lightsteelblue, white);
- background-image: linear, 280deg, lightsteelblue, white; }
+ background-image: -moz-linear-gradient(280deg, lightSteelBlue, #fff);
+ background-image: -webkit-linear-gradient(280deg, lightSteelBlue, #fff);
+ background-image: -o-linear-gradient(280deg, lightSteelBlue, #fff);
+ background-image: linear, 280deg, lightSteelBlue, #fff;
+}
.backdrop-shade-cadet-blue, .backdrop-shade-preview-cadet-blue {
background-color: cadetBlue;
- background-color: white;
+ background-color: #fff;
background-repeat: repeat-x;
- background-image: -moz-linear-gradient(280deg, cadetblue, white);
- background-image: -webkit-linear-gradient(280deg, cadetblue, white);
- background-image: -o-linear-gradient(280deg, cadetblue, white);
- background-image: linear, 280deg, cadetblue, white; }
+ background-image: -moz-linear-gradient(280deg, cadetBlue, #fff);
+ background-image: -webkit-linear-gradient(280deg, cadetBlue, #fff);
+ background-image: -o-linear-gradient(280deg, cadetBlue, #fff);
+ background-image: linear, 280deg, cadetBlue, #fff;
+}
.backdrop-shade-brown, .backdrop-shade-preview-brown {
background-color: brown;
- background-color: white;
+ background-color: #fff;
background-repeat: repeat-x;
- background-image: -moz-linear-gradient(280deg, brown, white);
- background-image: -webkit-linear-gradient(280deg, brown, white);
- background-image: -o-linear-gradient(280deg, brown, white);
- background-image: linear, 280deg, brown, white; }
+ background-image: -moz-linear-gradient(280deg, brown, #fff);
+ background-image: -webkit-linear-gradient(280deg, brown, #fff);
+ background-image: -o-linear-gradient(280deg, brown, #fff);
+ background-image: linear, 280deg, brown, #fff;
+}
.backdrop-shade-maroon, .backdrop-shade-preview-maroon {
background-color: maroon;
- background-color: white;
+ background-color: #fff;
background-repeat: repeat-x;
- background-image: -moz-linear-gradient(280deg, maroon, white);
- background-image: -webkit-linear-gradient(280deg, maroon, white);
- background-image: -o-linear-gradient(280deg, maroon, white);
- background-image: linear, 280deg, maroon, white; }
+ background-image: -moz-linear-gradient(280deg, maroon, #fff);
+ background-image: -webkit-linear-gradient(280deg, maroon, #fff);
+ background-image: -o-linear-gradient(280deg, maroon, #fff);
+ background-image: linear, 280deg, maroon, #fff;
+}
.backdrop-shade-forest-green, .backdrop-shade-preview-forest-green {
background-color: forestGreen;
- background-color: white;
+ background-color: #fff;
background-repeat: repeat-x;
- background-image: -moz-linear-gradient(280deg, forestgreen, white);
- background-image: -webkit-linear-gradient(280deg, forestgreen, white);
- background-image: -o-linear-gradient(280deg, forestgreen, white);
- background-image: linear, 280deg, forestgreen, white; }
+ background-image: -moz-linear-gradient(280deg, forestGreen, #fff);
+ background-image: -webkit-linear-gradient(280deg, forestGreen, #fff);
+ background-image: -o-linear-gradient(280deg, forestGreen, #fff);
+ background-image: linear, 280deg, forestGreen, #fff;
+}
.backdrop-shade-peru, .backdrop-shade-preview-peru {
background-color: peru;
- background-color: white;
+ background-color: #fff;
background-repeat: repeat-x;
- background-image: -moz-linear-gradient(280deg, peru, white);
- background-image: -webkit-linear-gradient(280deg, peru, white);
- background-image: -o-linear-gradient(280deg, peru, white);
- background-image: linear, 280deg, peru, white; }
+ background-image: -moz-linear-gradient(280deg, peru, #fff);
+ background-image: -webkit-linear-gradient(280deg, peru, #fff);
+ background-image: -o-linear-gradient(280deg, peru, #fff);
+ background-image: linear, 280deg, peru, #fff;
+}
.backdrop-shade-olive, .backdrop-shade-preview-olive {
background-color: olive;
- background-color: white;
+ background-color: #fff;
background-repeat: repeat-x;
- background-image: -moz-linear-gradient(280deg, olive, white);
- background-image: -webkit-linear-gradient(280deg, olive, white);
- background-image: -o-linear-gradient(280deg, olive, white);
- background-image: linear, 280deg, olive, white; }
+ background-image: -moz-linear-gradient(280deg, olive, #fff);
+ background-image: -webkit-linear-gradient(280deg, olive, #fff);
+ background-image: -o-linear-gradient(280deg, olive, #fff);
+ background-image: linear, 280deg, olive, #fff;
+}
.backdrop-shade-olive-rab, .backdrop-shade-preview-olive-rab {
background-color: oliveRab;
- background-color: white;
+ background-color: #fff;
background-repeat: repeat-x;
- background-image: -moz-linear-gradient(280deg, oliveRab, white);
- background-image: -webkit-linear-gradient(280deg, oliveRab, white);
- background-image: -o-linear-gradient(280deg, oliveRab, white);
- background-image: linear, 280deg, oliveRab, white; }
+ background-image: -moz-linear-gradient(280deg, oliveRab, #fff);
+ background-image: -webkit-linear-gradient(280deg, oliveRab, #fff);
+ background-image: -o-linear-gradient(280deg, oliveRab, #fff);
+ background-image: linear, 280deg, oliveRab, #fff;
+}
.backdrop-shade-indian-red, .backdrop-shade-preview-indian-red {
background-color: indianRed;
- background-color: white;
+ background-color: #fff;
background-repeat: repeat-x;
- background-image: -moz-linear-gradient(280deg, indianred, white);
- background-image: -webkit-linear-gradient(280deg, indianred, white);
- background-image: -o-linear-gradient(280deg, indianred, white);
- background-image: linear, 280deg, indianred, white; }
+ background-image: -moz-linear-gradient(280deg, indianRed, #fff);
+ background-image: -webkit-linear-gradient(280deg, indianRed, #fff);
+ background-image: -o-linear-gradient(280deg, indianRed, #fff);
+ background-image: linear, 280deg, indianRed, #fff;
+}
.backdrop-shade-fire-brick, .backdrop-shade-preview-fire-brick {
background-color: fireBrick;
- background-color: white;
+ background-color: #fff;
background-repeat: repeat-x;
- background-image: -moz-linear-gradient(280deg, firebrick, white);
- background-image: -webkit-linear-gradient(280deg, firebrick, white);
- background-image: -o-linear-gradient(280deg, firebrick, white);
- background-image: linear, 280deg, firebrick, white; }
+ background-image: -moz-linear-gradient(280deg, fireBrick, #fff);
+ background-image: -webkit-linear-gradient(280deg, fireBrick, #fff);
+ background-image: -o-linear-gradient(280deg, fireBrick, #fff);
+ background-image: linear, 280deg, fireBrick, #fff;
+}
.backdrop-shade-white-smoke, .backdrop-shade-preview-white-smoke {
background-color: whiteSmoke;
- background-color: white;
+ background-color: #fff;
background-repeat: repeat-x;
- background-image: -moz-linear-gradient(280deg, whitesmoke, white);
- background-image: -webkit-linear-gradient(280deg, whitesmoke, white);
- background-image: -o-linear-gradient(280deg, whitesmoke, white);
- background-image: linear, 280deg, whitesmoke, white; }
+ background-image: -moz-linear-gradient(280deg, whiteSmoke, #fff);
+ background-image: -webkit-linear-gradient(280deg, whiteSmoke, #fff);
+ background-image: -o-linear-gradient(280deg, whiteSmoke, #fff);
+ background-image: linear, 280deg, whiteSmoke, #fff;
+}
/* Add a new dark colored gradient themes here.
.backdrop-shade-some-shade { background-color:some-shade;}
-
- 1.Now you can use without pattern or picture
- <body class="theme-default">
- <div id="backdrop-holder" class="backdrop-shade-olive-green">
- Content Goes here.
- </div>
- </body>
-
- 2.Now you can use with pattern
- <body class="backgrop-pattern backdrop-pattern-01 theme-default">
- <div id="backdrop-holder" class="backdrop-shade-olive-green">
- Content Goes here.
- </div>
- </body>
-
- 3.Now you can use with picture as a fallback background color
- <body class="backdrop-picture theme-default">
- <div id="backdrop-holder" class="backdrop-shade-olive-green backdrop-picture-mountains">
- Content Goes here.
- </div>
- </body>
+
+ 1.Now you can use without pattern or picture
+ <body class="theme-default">
+ <div id="backdrop-holder" class="backdrop-shade-olive-green">
+ Content Goes here.
+ </div>
+ </body>
+
+ 2.Now you can use with pattern
+ <body class="backgrop-pattern backdrop-pattern-01 theme-default">
+ <div id="backdrop-holder" class="backdrop-shade-olive-green">
+ Content Goes here.
+ </div>
+ </body>
+
+ 3.Now you can use with picture as a fallback background color
+ <body class="backdrop-picture theme-default">
+ <div id="backdrop-holder" class="backdrop-shade-olive-green backdrop-picture-mountains">
+ Content Goes here.
+ </div>
+ </body>
*/
.theme-default .palette.shadowed:hover {
-webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
- transition: all 0.5s ease; }
+ transition: all 0.5s ease;
+}
.theme-default .palette {
position: relative;
top: auto;
z-index: 1;
max-width: 100%;
margin: 0px;
overflow: auto;
background-color: transparent;
- *zoom: 1; }
- .theme-default .palette:before, .theme-default .palette:after {
- content: " ";
- display: table; }
- .theme-default .palette:after {
- clear: both; }
- .theme-default .palette.fixed {
- position: fixed; }
- .theme-default .palette.bordered {
- border: 1px solid #eee;
- -webkit-background-clip: padding-box;
- -moz-background-clip: padding-box;
- background-clip: padding-box; }
- .theme-default .palette.rounded {
- -webkit-border-radius: 6px;
- -moz-border-radius: 6px;
- border-radius: 6px; }
- .theme-default .palette .palette-header {
- background-color: #fff;
- padding: 9px 15px;
- border-bottom: 1px solid #eee; }
- .theme-default .palette .palette-header.rounded {
- -webkit-border-radius: 4px 4px 0px 0px;
- -moz-border-radius: 4px 4px 0px 0px;
- border-radius: 4px 4px 0px 0px; }
- .theme-default .palette .palette-header.bordered {
- border-bottom: 1px solid #ddd;
- -webkit-box-shadow: inset 0 1px 0 #ffffff;
- -moz-box-shadow: inset 0 1px 0 #ffffff;
- box-shadow: inset 0 1px 0 #ffffff; }
- .theme-default .palette .palette-body {
- background-color: #fff;
- overflow-y: auto;
- padding: 15px; }
- .theme-default .palette .palette-footer {
- padding: 14px 15px 15px;
- margin-bottom: 0;
- text-align: right;
- background-color: #f5f5f5; }
- .theme-default .palette .palette-footer.rounded {
- -webkit-border-radius: 0 0 6px 6px;
- -moz-border-radius: 0 0 6px 6px;
- border-radius: 0 0 6px 6px; }
- .theme-default .palette .palette-footer.bordered {
- border-top: 1px solid #ddd;
- -webkit-box-shadow: inset 0 1px 0 #ffffff;
- -moz-box-shadow: inset 0 1px 0 #ffffff;
- box-shadow: inset 0 1px 0 #ffffff; }
+ *zoom: 1;
+}
+.theme-default .palette:before, .theme-default .palette:after {
+ content: " ";
+ display: table;
+}
+.theme-default .palette:after {
+ clear: both;
+}
+.theme-default .palette.fixed {
+ position: fixed;
+}
+.theme-default .palette.bordered {
+ border: 1px solid #eee;
+ -webkit-background-clip: padding-box;
+ -moz-background-clip: padding-box;
+ background-clip: padding-box;
+}
+.theme-default .palette.rounded {
+ -webkit-border-radius: 6px;
+ -moz-border-radius: 6px;
+ border-radius: 6px;
+}
+.theme-default .palette .palette-header {
+ background-color: #fff;
+ padding: 9px 15px;
+ border-bottom: 1px solid #eee;
+}
+.theme-default .palette .palette-header.rounded {
+ -webkit-border-radius: 4px 4px 0px 0px;
+ -moz-border-radius: 4px 4px 0px 0px;
+ border-radius: 4px 4px 0px 0px;
+}
+.theme-default .palette .palette-header.bordered {
+ border-bottom: 1px solid #ddd;
+ -webkit-box-shadow: inset 0 1px 0 #ffffff;
+ -moz-box-shadow: inset 0 1px 0 #ffffff;
+ box-shadow: inset 0 1px 0 #ffffff;
+}
+.theme-default .palette .palette-body {
+ background-color: #fff;
+ overflow-y: auto;
+ padding: 15px;
+}
+.theme-default .palette .palette-footer {
+ padding: 14px 15px 15px;
+ margin-bottom: 0;
+ text-align: right;
+ background-color: #f5f5f5;
+}
+.theme-default .palette .palette-footer.rounded {
+ -webkit-border-radius: 0 0 6px 6px;
+ -moz-border-radius: 0 0 6px 6px;
+ border-radius: 0 0 6px 6px;
+}
+.theme-default .palette .palette-footer.bordered {
+ border-top: 1px solid #ddd;
+ -webkit-box-shadow: inset 0 1px 0 #ffffff;
+ -moz-box-shadow: inset 0 1px 0 #ffffff;
+ box-shadow: inset 0 1px 0 #ffffff;
+}
-/* .palette-content {
- background-color: white;color:#4b4b4b;
- :hover, .selected { background-color: #fff; }
- }
- .palette-outer {
- background-color: white;color:#4b4b4b;
- :hover, .selected { background-color: #fff; }
- }
- .palette-inner {
- background-color: white;color:#4b4b4b;
- :hover, .selected { background-color: #fff; }
- }
- .palette-token {
- background-color: white;color:#4b4b4b;
- a { color:#4b4b4b !important}
- :hover, .selected { background-color: #fff; }
- }
- .palette-shadow {
- -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
- -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
- box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
- -webkit-transition: all 0.5s ease;
- -moz-transition: all 0.5s ease;
- -o-transition: all 0.5s ease;
- transition: all 0.5s ease;
- }
- .palette-rounded { -webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px; }
+/* .palette-content {
+ background-color: white;color:#4b4b4b;
+ :hover, .selected { background-color: #fff; }
+ }
+ .palette-outer {
+ background-color: white;color:#4b4b4b;
+ :hover, .selected { background-color: #fff; }
+ }
+ .palette-inner {
+ background-color: white;color:#4b4b4b;
+ :hover, .selected { background-color: #fff; }
+ }
+ .palette-token {
+ background-color: white;color:#4b4b4b;
+ a { color:#4b4b4b !important}
+ :hover, .selected { background-color: #fff; }
+ }
+ .palette-shadow {
+ -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
+ -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
+ box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
+ -webkit-transition: all 0.5s ease;
+ -moz-transition: all 0.5s ease;
+ -o-transition: all 0.5s ease;
+ transition: all 0.5s ease;
+ }
+ .palette-rounded { -webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px; }
}*/
/*
-.theme-default
+.theme-default
.theme-default .palette-bordered { border: 1px solid #c1c1c1; }
.theme-default .palette > h1, .theme-default .palette > h2, .theme-default .palette > h3, .theme-default .palette > h4, .theme-default .palette > h5, .theme-default .palette > h6 { margin: 10px 0; font-family: inherit; font-weight: bold; line-height: 20px; color: #4b4b4b; text-rendering: optimizelegibility; text-align:left; border-bottom:1px solid #c1c1c1; padding-bottom:20px; }
.theme-default .palette > h4, .theme-default .palette > h5, .theme-default .palette > h6 { padding-bottom:10px; }
.theme-default .palette .palette-inner > h1, .theme-default .palette .palette-inner > h2, .theme-default .palette .palette-inner > h3, .theme-default .palette .palette-inner > h4, .theme-default .palette .palette-inner > h5, .theme-default .palette .palette-inner > h6 { color: whitesmoke; }
@@ -600,159 +667,198 @@
/** Palette Classes **/
.theme-glass .palette {
min-height: 20px;
padding: 10px;
margin-bottom: 20px;
- background: transparent; }
+ background: transparent;
+}
/** Palette Outer **/
.theme-glass .palette-outer {
- color: #fff; }
+ color: #fff;
+}
.contrast-light.theme-glass .palette-outer {
background: rgba(255, 255, 255, 0.2);
- border: 1px solid rgba(255, 255, 255, 0.2); }
+ border: 1px solid rgba(255, 255, 255, 0.2);
+}
.contrast-light.theme-glass .palette-outer:hover, .contrast-light.theme-glass .palette-outer.selected {
- border: 1px solid rgba(255, 255, 255, 0.4); }
+ border: 1px solid rgba(255, 255, 255, 0.4);
+}
.contrast-dark.theme-glass .palette-outer {
background: rgba(0, 0, 0, 0.4);
- border: 1px solid rgba(0, 0, 0, 0.2); }
+ border: 1px solid rgba(0, 0, 0, 0.2);
+}
.contrast-dark.theme-glass .palette-outer:hover, .contrast-light.theme-glass .palette-outer.selected {
- border: 1px solid rgba(0, 0, 0, 0.9); }
+ border: 1px solid rgba(0, 0, 0, 0.9);
+}
/** Palette Inner **/
.theme-glass .palette-inner {
background: rgba(255, 255, 255, 0.9);
- color: #4B4B4B; }
+ color: #4B4B4B;
+}
.theme-glass .palette-inner:hover, .theme-glass .palette-inner.selected {
- background-color: #fff; }
+ background-color: #fff;
+}
/** Palette Token **/
.theme-glass .palette-token {
background-color: rgba(255, 255, 255, 0.1);
- color: #fff; }
+ color: #fff;
+}
.theme-glass .palette-token a {
- color: #fff !important; }
+ color: #fff !important;
+}
.theme-glass .palette-token:hover, .theme-glass .palette-token.selected {
- color: #fff; }
+ color: #fff;
+}
.contrast-light.theme-glass .palette-token {
background-color: rgba(255, 255, 255, 0.1);
- border: 1px solid rgba(255, 255, 255, 0.1); }
+ border: 1px solid rgba(255, 255, 255, 0.1);
+}
.contrast-dark.theme-glass .palette-token {
background-color: rgba(0, 0, 0, 0.1);
- border: 1px solid rgba(0, 0, 0, 0.1); }
+ border: 1px solid rgba(0, 0, 0, 0.1);
+}
.contrast-light.theme-glass .palette-token:hover, .contrast-light.theme-glass .palette-token.selected {
background-color: rgba(255, 255, 255, 0.5);
- border: 1px solid rgba(0, 0, 0, 0.1); }
+ border: 1px solid rgba(0, 0, 0, 0.1);
+}
.contrast-dark.theme-glass .palette-token:hover, .contrast-light.theme-glass .palette-token.selected {
background-color: rgba(0, 0, 0, 0.5);
- border: 1px solid rgba(255, 255, 255, 0.5); }
+ border: 1px solid rgba(255, 255, 255, 0.5);
+}
/** Palette Topup Classes **/
.theme-glass .palette-shadow {
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
- box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); }
+ box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
+}
.theme-glass .palette-rounded {
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
- border-radius: 4px; }
+ border-radius: 4px;
+}
.theme-glass .palette-bordered {
- border: 1px solid #E3E3E3; }
+ border: 1px solid #E3E3E3;
+}
.theme-glass .palette > h1, .theme-glass .palette > h2, .theme-glass .palette > h3, .theme-glass .palette > h4, .theme-glass .palette > h5, .theme-glass .palette > h6 {
margin: 10px 0;
font-family: inherit;
font-weight: bold;
line-height: 20px;
color: #FFF;
text-rendering: optimizelegibility;
text-align: left;
border-bottom: 1px solid #c1c1c1;
- padding-bottom: 20px; }
+ padding-bottom: 20px;
+}
.theme-glass .palette > h4, .theme-glass .palette > h5, .theme-glass .palette > h6 {
- padding-bottom: 10px; }
+ padding-bottom: 10px;
+}
.theme-glass .palette-inner > h1, .theme-glass .palette-inner > h2, .theme-glass .palette-inner > h3, .theme-glass .palette-inner > h4, .theme-glass .palette-inner > h5, .theme-glass .palette-inner > h6 {
- color: #4b4b4b; }
+ color: #4b4b4b;
+}
.theme-glass .palette a:not(.close):not(.escape-color) {
color: #08C;
- font-weight: bold; }
+ font-weight: bold;
+}
.theme-glass .palette a:not(.close):not(.escape-color):hover {
- color: #005580; }
+ color: #005580;
+}
.theme-glass .palette a.title {
- font-size: 18px; }
+ font-size: 18px;
+}
.theme-glass .palette a.sub-title {
- font-size: 16px; }
+ font-size: 16px;
+}
.theme-glass .palette a.small-title {
- font-size: 14px; }
+ font-size: 14px;
+}
.theme-glass .palette a.small-sub-title {
- font-size: 13px; }
+ font-size: 13px;
+}
.theme-glass .palette a.tiny-title {
- font-size: 12px; }
+ font-size: 12px;
+}
.theme-glass .palette .description {
color: #4b4b4b;
- margin: 0px; }
+ margin: 0px;
+}
.theme-glass .palette .description > a.read-more {
font-size: 11px;
- float: right; }
+ float: right;
+}
.theme-glass .palette a.author {
color: brown;
- font-weight: bold !important; }
+ font-weight: bold !important;
+}
.theme-glass .palette .time, .theme-glass .palette .date, .theme-glass .palette .time-ago, .theme-glass .palette .date-time, .theme-glass .palette .display-time {
- color: #898989; }
+ color: #898989;
+}
.theme-glass .palette a.right-heading-link {
float: right;
color: #fff;
font-style: underline;
- font-size: 11px; }
+ font-size: 11px;
+}
/* Overriding simple form css for forms */
.theme-glass .palette .form-horizontal .control-group {
- margin-bottom: 10px; }
+ margin-bottom: 10px;
+}
.theme-glass .palette .form-horizontal .help-block {
text-align: right;
- color: #C1C1C1; }
+ color: #C1C1C1;
+}
.control-group.error > label, .control-group.error .help-block, .control-group.error .help-inline {
- color: #ce817f; }
+ color: #ce817f;
+}
.theme-glass .palette .form-horizontal .help-block {
text-align: right;
- color: #C1C1C1; }
+ color: #C1C1C1;
+}
.theme-glass .palette .form-horizontal .controls input {
- width: 90%; }
+ width: 90%;
+}
.theme-glass .palette .form-horizontal .control-label {
- color: #FFF; }
+ color: #FFF;
+}
/*.theme-default .palette { min-height: 20px;padding: 10px;margin-bottom: 20px;background: transparent; }
.theme-default.contrast-dark .palette-outer { background-color: #4b4b4b;color:#fff; border: 1px solid whitesmoke; }
.theme-default.contrast-light .palette-outer { background-color: white;color:#4b4b4b; border: 1px solid #c1c1c1; }
@@ -781,20 +887,20 @@
.theme-default .palette .palette-inner > h1, .theme-default .palette .palette-inner > h2, .theme-default .palette .palette-inner > h3, .theme-default .palette .palette-inner > h4, .theme-default .palette .palette-inner > h5, .theme-default .palette .palette-inner > h6 { color: whitesmoke; }
.theme-default.contrast-dark .palette .palette-inner > h1, .theme-default.contrast-dark .palette .palette-inner > h2, .theme-default.contrast-dark .palette .palette-inner > h3, .theme-default.contrast-dark .palette .palette-inner > h4, .theme-default.contrast-dark .palette .palette-inner > h5, .theme-default.contrast-dark .palette .palette-inner > h6 { color: #4b4b4b; }
h1 > a.right-heading-link, h2 > a.right-heading-link, h3 > a.right-heading-link, h4 > a.right-heading-link, h5 > a.right-heading-link, h6 > a.right-heading-link {float:right;color:#898989;font-style:underline; font-size:11px;}
-.theme-default .palette a:not(.close):not(.escape-color) {color:#4b4b4b;font-weight:bold;}
+.theme-default .palette a:not(.close):not(.escape-color) {color:#4b4b4b;font-weight:bold;}
.theme-default .palette a:not(.close):not(.escape-color):hover {color:#005580;}
.lnk { color: #fff; }
.lnk:hover { color: orange; }
.theme-default .palette a.title {font-size:18px;}
.theme-default .palette .palette-inner a.title {color:#fff;}
.theme-default .palette .palette-inner a.title:hover {color:orange;}
-.theme-default .palette a.sub-title {font-size:16px;}
+.theme-default .palette a.sub-title {font-size:16px;}
.theme-default .palette .palette-inner a.sub-title {color:#fff;}
.theme-default .palette .palette-inner a.sub-title:hover {color:orange;}
.theme-default .palette a.small-title {font-size:14px;}
.theme-default .palette .palette-inner a.small-title {color:#fff;}