| Current Path : /home1/savoy/public_html/savoyglobal.net/koaladraft/assets/css/green/ |
Linux gator3171.hostgator.com 4.19.286-203.ELK.el7.x86_64 #1 SMP Wed Jun 14 04:33:55 CDT 2023 x86_64 |
| Current File : /home1/savoy/public_html/savoyglobal.net/koaladraft/assets/css/green/typographics.css |
/*
* Peach - Clean & Smooth Admin Template
* by Stammi <http://themeforest.net/user/Stammi>
*
* ================
* Typographics
* ================
*
* -----------------
* TABLE OF CONTENTS
* -----------------
*
* 1) Generic
* 2) Header
* a) Toolbar
* 3) Navigation
* 4) Sidebar
* a) Navigation
* 5) Footer
* -- Sprites:
* 6) Forms
* a) Placeholders
* 7) Activity Stream
* 8) Loading Box
* 9) User Info
* 10) Stats List
* 11) Steps
* 12) Alert Boxes
* 13) Boxes
* 14) Buttons
* 15) Shortcuts
* 16) Tables
* 17) Wizard
* a) Steps
* b) Sidebar
* c) Content
*/
/* ==================================================
* 1) Generic
* ================================================== */
a, a:visited {
color: #475706;
text-decoration: none;
}
a:hover, a:active, a:focus {
color: #052646;
outline: none;
}
/* ==================================================
* 2) Header
* ================================================== */
header a, header a:visited, header a:focus {
color: #4a4a4a;
text-decoration: none;
outline: none;
}
header a:hover {
color: #191919;
}
#header_toolbar h1 {
color: #FFFFFF;
font-size: 17px;
line-height: 37px;
}
/* ==================================================
* 2a) Header: Toolbar
* ================================================== */
.toolbar_small > .toolbutton > span {
font-size: 10px;
color: #fff;
text-shadow: 0px 1px 1px rgba(0, 0, 00, 0.75);
filter: dropshadow(color=#CC000000, offx=0, offy=1);
/* In the circle Arial looks better */
font-family: Arial;
}
.toolbox h3 {
color: #efefef;
font-size: 12px;
text-shadow: 0px 1px 1px rgba(0, 0, 00, 0.75);
filter: dropshadow(color=#CC000000, offx=0, offy=1);
}
.toolbar_large .toolcaption {
color: #fff;
text-shadow: 0px 1px 1px rgba(0, 0, 00, 0.75);
filter: dropshadow(color=#CC000000, offx=0, offy=1);
}
.toolbar_large .dropdown {
color: #2b2b2b;
}
.toolbar_large .dropdown li:hover a, .toolbar_large .dropdown li:active a {
color: #fff;
}
/* ==================================================
* 3) Navigation
* ================================================== */
#nav_main > li a {
font-size: 13px;
text-shadow: 0px 1px 0px #ffffff;
filter: shadow(color=#ffffff, direction: 180, strength: 1);
}
#nav_main > li.current > a, #nav_main > li.current > ul li.current > a {
color: #42500b;
}
/* ==================================================
* 4) Sidebar
* ================================================== */
aside, aside h2 {
font-size: 13px;
}
/* ==================================================
* 4a) Sidebar: Navigation
* ================================================== */
aside nav a, aside nav a:visited, aside nav a:focus {
outline: none;
color: #4b4b4b;
text-decoration: none;
}
aside nav a:hover, aside nav a.current:hover {
color: #fff;
text-shadow: 0px 1px 0px #000;
filter: shadow(color=#000, direction: 120, strength: 1);
}
aside nav a.current {
color: #42500b;
text-shadow: 0px 1px 0px #fff;
filter: shadow(color=#fff, direction: 120, strength: 1);
}
aside nav ul.sub a:hover {
color: #292929;
}
aside nav ul.sub a.current {
color: #475706;
}
/* ==================================================
* 5) Footer
* ================================================== */
footer {
color: #f4f4f4;
font-size: 12px;
text-shadow: 0px 1px 0px #353535;
filter: shadow(color=#353535, direction: 180, strength: 1) progid:DXImageTransform.Microsoft.gradient( startColorstr='#313131', endColorstr='#101010',GradientType=0 );
}
footer #button_bar a, footer #button_bar a:visited, footer #button_bar a:focus {
color: #e6e6e6;
text-decoration: none;
}
footer #button_bar a:active {
color: #ffffff;
}
/* ==================================================
* Sprites
* ================================================== */
/* ==================================================
* 6) Sprite: Forms
* ================================================== */
input {
color: #54616a;
}
input, label {
font-size: 12px;
}
label, form p {
color: #58646d;
}
legend {
font-weight: bold;
}
label, .label {
color: #666666;
font-size: 14px;
font-weight: 700;
text-shadow: 0 1px 0 #FFFFFF;
}
input.error {
color: #870d0d;
}
label.error {
color: #b13636;
}
label.error.red {
color: #fff !important;
text-shadow: 0px 1px 1px #460909;
filter: dropshadow(color=#460909, offx=0, offy=1);
}
/* ==================================================
* 6a) Sprite: Forms: Placeholders
* ================================================== */
::-webkit-input-placeholder {
color: #c8c8c8;
}
input:-moz-placeholder {
color: #c8c8c8;
}
/* ==================================================
* 7) Sprite: Acitivty Stream
* ================================================== */
.activity .description, .activity .description a, .activity .description small {
color: #262626;
font-size: 12px;
}
.activity .description a {
color: #305883;
text-decoration: none;
}
.activity .description small a {
color: #747474;
}
/* ==================================================
* 8) Sprite: Loading Box
* ================================================== */
#loading p {
color: #fff;
text-shadow: 0px 1px 1px #000;
filter: dropshadow(color=#000, offx=0, offy=1);
}
/* ==================================================
* 9) Sprite: User Info
* ================================================== */
.userinfo .info a {
font-size: 12px;
color: #6f6f6f;
text-decoration: none;
text-shadow: 1px 1px 0px #fff;
filter: dropshadow(color=#fff, offx=1, offy=1);
}
.userinfo .links li a {
color: #4d4d4d;
text-shadow: 1px 1px 0px #fff;
filter: dropshadow(color=#fff, offx=1, offy=1);
text-decoration: none;
}
/* ==================================================
* 10) Sprite: Stats List
* ================================================== */
.stats-list span {
color: #313131;
font-size: 18px;
}
.stats-list a {
color: #464646 !important;
text-decoration: none;
font-weight: bold;
font-size: 12px;
}
/* ==================================================
* 11) Sprite: Steps
* ================================================== */
.step span {
text-align: center;
background: #fff;
color: #2e5681;
font-weight: bold;
font-size: 14px;
}
.step a {
text-decoration: none;
}
.step strong, .step small {
font-size: 12px;
}
.step strong {
display: block;
color: #2a2a2a;
}
.step small {
color: #717171;
}
/* ==================================================
* 12) Sprite: Alert Box
* ================================================== */
.alert {
text-shadow: 0px 1px 1px #fff;
}
.alert span.hide {
text-shadow: 1px 1px 0 #FFFFFF;
}
.alert.success {
color: #2a632e;
}
.alert.error {
color: #820101;
}
.alert.warning {
color: #675100;
}
.alert.info {
color: #42500b;
}
.alert.note {
color: #5b5b5b;
}
/* ==================================================
* 13) Sprite: Boxes
* ================================================== */
.box .header h3 {
font-size: 13px;
color: #fff;
text-shadow: 0 1px 0 #000;
font-weight: 700;
}
/* ==================================================
* 14) Sprite: Buttons
* ================================================== */
button, input[type="submit"], a.button {
color: #58646d;
font-size: 12px;
}
button:hover, input[type="submit"]:hover, a.button:hover, .customfile-hover button {
color: #fff;
text-shadow: 0px 1px 0px #12100b;
filter: shadow(color=#12100b, direction: 180, strength: 1);
}
button.red, input[type="reset"], a.button.red {
color: #952a2a;
}
button:hover.red, button:active.red, input[type="reset"]:hover, input[type="reset"]:active, a.button.red:hover, a.button.red:active {
color: #fafafa;
text-shadow: 0px 1px 1px rgba(18, 16, 11, 0.5);
filter: dropshadow(color=#8812100b, offx=0, offy=1);
}
button[disabled], input[type="submit"][disabled], a.button[disabled] {
color: #58646d;
text-shadow: none;
filter: none;
}
/* ==================================================
* 15) Sprite: Shortcuts
* ================================================== */
.shortcuts li:hover strong {
color: #42500b;
text-shadow: 0px 1px 0px #fff;
}
.shortcuts strong {
color: #2a2a2a;
font-size: 14px;
}
.shortcuts span {
color: #717171;
font-size: 12px;
}
/* ==================================================
* 16) Sprite: Tables
* ================================================== */
.dataTables_wrapper {
text-shadow: 0 1px 0 #fff;
font-weight: 400;
}
.table thead th:hover {
color: #023a73;
}
.dataTables_wrapper .actions {
text-shadow: 0 1px 0 #e5e5e5;
color: #222222;
}
.paginate_button, .paginate_active {
color: #373737;
text-shadow: 0 1px 0 #FFFFFF;
}
.paginate_button_disabled {
color: #9F9F9F;
}
.paginate_active {
color: #FCFCFC;
text-shadow: 0 1px 0 #000000;
}
/* ==================================================
* 17) Sprite: Wizard
* ================================================== */
.wizard p {
font-size: 12px;
color: #545454;
}
/* ==================================================
* 17a) Sprite: Wizard: Steps
* ================================================== */
.wizard .steps li a {
text-decoration: none;
color: #000;
}
.wizard .steps li span, .wizard .steps li strong {
color: #2d2d2d;
}
.wizard .steps li span {
font-size: 13px;
}
.wizard .steps li strong {
font-size: 12px;
}
.wizard .steps li small {
color: #8b8b8b;
font-size: 11px;
}
/* ==================================================
* 17b) Sprite: Wizard: Sidebar
* ================================================== */
.wiz_sidebar > span, .wiz_sidebar > div > strong {
color: #2d2d2d;
}
.wiz_sidebar > span {
font-size: 25px;
}
.wiz_sidebar > div > small {
color: #8b8b8b;
font-size: 11px;
}
/* ==================================================
* 17c) Sprite: Wizard: Content
* ================================================== */
.wiz_content h3 {
color: #2d2d2d;
font-size: 15px;
}