Permalink
Browse files

updated button css to match social

  • Loading branch information...
1 parent d9078b3 commit 107701436cd79513553ccb44ff63f6a4cf961061 @ankit ankit committed Jan 21, 2011
Showing with 33 additions and 24 deletions.
  1. +32 −23 stylebot/css/options.css
  2. +1 −1 stylebot/options.html
View
@@ -52,28 +52,28 @@ input[type=text] {
background-color: #fbfbfb;
}
-button {
- background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fbfbfb), to(#eee));
- border: 1px solid #ccc;
- padding: 3px 4px 2px 4px;
- border-radius: 5px;
- color: #333;
- cursor: pointer;
- font-family: 'Lucida Grande', Helvetica, Arial, sans-serif;
- font-size: 12px;
-}
-
-button:hover {
- background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fbfbfb), to(#ccc));
-}
-
-button:active {
- background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ccc), to(#fbfbfb));
+button, input[type=button], input[type=submit], a.button {
+ font-size: 12px;
+ font-style: normal;
+ margin: 0px;
+ margin-left: 5px;
+ border-radius: 9px;
+ -moz-border-radius: 9px;
+ border: 1px solid #dedede;
+ cursor: pointer;
+ padding: 1px 7px;
+ color: #666;
+ background-color: #efefef;
+ text-decoration: none;
+ -webkit-transition-property:color, background-color;
+ -webkit-transition-duration: 0.2s, 0.2s;
+ -webkit-transition-timing-function: linear, linear;
}
-button.inline-button {
- display: inline-block;
- margin: 5px 5px;
+button:hover, input[type=button]:hover, input[type=submit]:hover {
+ background: none;
+ background-color: #fff;
+ color: #555;
}
select {
@@ -122,17 +122,24 @@ li.option label {
/* custom styles */
#custom-styles {
- width: 80%;
+/* width: 60%;*/
min-width: 420px;
}
+#custom-style-install-text {
+ float: left;
+ margin-left: 20px;
+}
+
.custom-style {
clear: both;
}
.custom-style-url {
padding: 2px;
- float: left;
+ width: 200px;
+ word-wrap: break-word;
+ display: inline-block;
}
.custom-style-url:hover {
@@ -155,7 +162,9 @@ li.option label {
}
#custom-styles .button-container {
- float: right;
+/* float: right;*/
+ display: inline-block;
+ padding-top: 7px;
}
/** end of options **/
View
@@ -74,7 +74,7 @@
<h4>Custom Styles</h4>
<div id="custom-styles-header">
<input type="text" id="style-search-field" placeholder="Search existing styles..."/>
- <div style="float:right"><button onclick="addStyle();">Add Style</button> or install from <a href="http://stylebot.me/playground/social">Stylebot Social</a></div>
+ <div id="custom-style-install-text"><button onclick="addStyle();">Add Style</button> or install from <a href="http://stylebot.me/playground/social">Stylebot Social</a></div>
</div>
</div>
<div style="clear:both; padding-top: 10px">

0 comments on commit 1077014

Please sign in to comment.