Permalink
Browse files

-Added variables for the new style elements

  • Loading branch information...
1 parent e3fdba1 commit 763ef01d4b745538b2e510e71f7d107f6ab2496a @Finalfantasykid committed Mar 12, 2012
Showing with 45 additions and 42 deletions.
  1. +45 −42 PenguinCMS/style.php
View
@@ -27,14 +27,15 @@
$theme['block_head_color'] = "#FAFAFA";
$theme['content_block_body'] = "#D8D8D8";
$theme['footer_color'] = "#222222";
-$theme['input_color'] = "#FFFFFF";
-$theme['textarea_color'] = "#FFFFFF";
+$theme['input_light'] = "#ededed";
+$theme['input_dark'] = "#dfdfdf";
// Other
$theme['main_width'] = "960px";
$theme['banner_url'] = "images/banners/banner.png";
$theme['navbar_border'] = "#888888";
$theme['borderColor'] = "#AAAAAA";
+$theme['input_border'] = "#FFFFFF";
// Text
$theme['font_color'] = "#606060";
@@ -651,81 +652,82 @@
}
input {
- -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, #dfdfdf), color-stop(1, #ededed) );
- background:-moz-linear-gradient( center top, #dfdfdf 5%, #ededed 100% );
- filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');
- background-color:#ededed;
+ -moz-box-shadow:inset 0px 1px 0px 0px {$theme['input_border']};
+ -webkit-box-shadow:inset 0px 1px 0px 0px {$theme['input_border']};
+ box-shadow:inset 0px 1px 0px 0px {$theme['input_border']};
+ background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, {$theme['input_dark']}), color-stop(1, {$theme['input_light']}) );
+ background:-moz-linear-gradient( center top, {$theme['input_dark']} 5%, {$theme['input_light']} 100% );
+ filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='{$theme['input_dark']}', endColorstr='{$theme['input_light']}');
+ background-color:{$theme['input_dark']};
-moz-border-radius:6px;
-webkit-border-radius:6px;
border-radius:6px;
- border:1px solid #dcdcdc;
+ border:1px solid {$theme['input_dark']};
display:inline-block;
color:#777777;
font-family: {$theme['font_family']};
font-size:15px;
font-weight:bold;
padding:3px 3px;
text-decoration:none;
- text-shadow:1px 1px 0px #ffffff;
+ text-shadow:1px 1px 0px {$theme['input_border']};
}
select {
- -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, #dfdfdf), color-stop(1, #ededed) );
- background:-moz-linear-gradient( center top, #dfdfdf 5%, #ededed 100% );
- filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');
- background-color:#ededed;
+ -moz-box-shadow:inset 0px 1px 0px 0px {$theme['input_border']};
+ -webkit-box-shadow:inset 0px 1px 0px 0px {$theme['input_border']};
+ box-shadow:inset 0px 1px 0px 0px {$theme['input_border']};
+ background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, {$theme['input_dark']}), color-stop(1, {$theme['input_light']}) );
+ background:-moz-linear-gradient( center top, {$theme['input_dark']} 5%, {$theme['input_light']} 100% );
+ filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='{$theme['input_dark']}', endColorstr='{$theme['input_light']}');
+ background-color:{$theme['input_dark']};
-moz-border-radius:6px;
-webkit-border-radius:6px;
border-radius:6px;
- border:1px solid #dcdcdc;
+ border:1px solid {$theme['input_dark']};
display:inline-block;
color:#777777;
font-family: {$theme['font_family']};
font-size:15px;
font-weight:bold;
padding:3px 3px;
text-decoration:none;
- text-shadow:1px 1px 0px #ffffff;
+ text-shadow:1px 1px 0px {$theme['input_border']};
}
option {
text-shadow:0 0 0 #ffffff;
}
input[type=button], input[type=submit], .button, .button:visited {
- -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-box-shadow:inset 0px 1px 0px 0px {$theme['input_border']};
+ -webkit-box-shadow:inset 0px 1px 0px 0px {$theme['input_border']};
+ box-shadow:inset 0px 1px 0px 0px {$theme['input_border']};
+ background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, {$theme['input_light']}), color-stop(1, {$theme['input_dark']}) );
+ background:-moz-linear-gradient( center top, {$theme['input_light']} 5%, {$theme['input_dark']} 100% );
+ filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='{$theme['input_light']}', endColorstr='{$theme['input_dark']}');
+ background-color:{$theme['input_light']};
-moz-border-radius:6px;
-webkit-border-radius:6px;
border-radius:6px;
- border:1px solid #dcdcdc;
+ border:1px solid {$theme['input_dark']};
display:inline-block;
color:{$theme['link_color']};
font-family: {$theme['font_family']};
font-size:15px;
font-weight:bold;
padding:6px 24px;
text-decoration:none;
- text-shadow:1px 1px 0px #ffffff;
+ text-shadow:1px 1px 0px {$theme['input_border']};
margin-right:5px;
}
input[type=button]:hover, input[type=submit]:hover, .button: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;
+ background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, {$theme['input_dark']}), color-stop(1, {$theme['input_light']}) );
+ background:-moz-linear-gradient( center top, {$theme['input_dark']} 5%, {$theme['input_light']} 100% );
+ filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='{$theme['input_dark']}', endColorstr='{$theme['input_light']}');
+ background-color:{$theme['input_dark']};
+ color:{$theme['link_color']};
text-decoration:none;
cursor: pointer;
}
@@ -734,31 +736,32 @@
position:relative;
top:1px;
text-decoration:none;
+ color:{$theme['link_color']};
cursor: pointer;
}
textarea {
width: 99%;
height: 400px;
- -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, #dfdfdf), color-stop(1, #ededed) );
- background:-moz-linear-gradient( center top, #dfdfdf 5%, #ededed 100% );
- filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');
- background-color:#ededed;
+ -moz-box-shadow:inset 0px 1px 0px 0px {$theme['input_border']};
+ -webkit-box-shadow:inset 0px 1px 0px 0px {$theme['input_border']};
+ box-shadow:inset 0px 1px 0px 0px {$theme['input_border']};
+ background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, {$theme['input_dark']}), color-stop(1, {$theme['input_light']}) );
+ background:-moz-linear-gradient( center top, {$theme['input_dark']} 5%, {$theme['input_light']} 100% );
+ filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='{$theme['input_dark']}', endColorstr='{$theme['input_light']}');
+ background-color:{$theme['input_dark']};
-moz-border-radius:6px;
-webkit-border-radius:6px;
border-radius:6px;
- border:1px solid #dcdcdc;
+ border:1px solid {$theme['input_dark']};
display:inline-block;
color:#777777;
font-family: {$theme['font_family']};
font-size:15px;
font-weight:bold;
padding:6px 6px;
text-decoration:none;
- text-shadow:1px 1px 0px #ffffff;
+ text-shadow:1px 1px 0px {$theme['input_border']};
}
table.invisible {;

0 comments on commit 763ef01

Please sign in to comment.