Changeset 386 for tapas/web/resources/css/button.css

Timestamp:

03/01/12 17:22:49 (12 years ago)

Author:

vmipsl

Message:

clean

File:

• tapas/web/resources/css/button.css (modified) (1 diff)

tapas/web/resources/css/button.css

@@ -5 +5 @@
 /* BUTTONS */
 
-.buttons a, .buttons button {
-    display:block;
-    float:left;
-    margin:0 11px 0 0;
-    background-color:#f5f5f5;
-    border:1px solid #dedede;
-    border-top:1px solid #eee;
-    border-left:1px solid #eee;
+button {
+    -moz-border-radius: 4px 4px 4px 4px;
+    -webkit-border-radius: 4px 4px 4px 4px;
 
-    font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
-    font-size:100%;
-    line-height:130%;
-    text-decoration:none;
-    font-weight:bold;
-    color:#565656;
-    cursor:pointer;
-    padding:5px 10px 6px 7px; /* Links */
-}
-.buttons button{
-    width:auto;
-    overflow:visible;
-    padding:4px 6px 3px 6px; /* IE6 */
-}
-.buttons button[type]{
-    padding:5px 10px 5px 7px; /* Firefox */
-    line-height:17px; /* Safari */
-}
-*:first-child+html button[type]{
-    padding:4px 10px 3px 7px; /* IE7 */
-}
-.buttons button img, .buttons a img{
-    margin:0 3px -3px 0 !important;
-    padding:0;
-    border:none;
-    width:16px;
-    height:16px;
+    display: block;
+    float: left;
+    margin: 0 11px 0 0;
+    background-color: #f5f5f5;
+    border: 1px solid #dedede;
+    border-top: 1px solid #eee;
+    border-left: 1px solid #eee;
+
+    font-family: "Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
+    font-size: 100%;
+    line-height: 130%;
+    text-decoration: none;
+    font-weight: bold;
+    color: #565656;
+    cursor: pointer;
+
+    width: auto;
+    overflow: visible;
+    padding: 4px 6px 3px 6px; /* IE6 */
 }
 
+button[type] {
+    padding: 5px 10px 5px 7px; /* Firefox */
+    line-height: 17px; /* Safari */
+}
+
+*:first-child+html button[type] {
+    padding: 4px 10px 3px 7px; /* IE7 */
+}
+
+.small {
+    font-size: 80%;
+}
+
+button img {
+    margin: 0 3px -3px 0 !important;
+    padding: 0;
+    border: none;
+    width: 16px;
+    height: 16px;
+}
 
 /* STANDARD */
-
-button:hover, .buttons a:hover{
-    background-color:#dff4ff;
-    border:1px solid #c2e1ef;
-    color:#336699;
-}
-.buttons a:active{
-    background-color:#6299c5;
-    border:1px solid #6299c5;
-    color:#fff;
+button:hover {
+    background-color: #dff4ff;
+    border: 1px solid #c2e1ef;
+    color: #336699;
 }
 
 /* POSITIVE */
+button.positive {
+    background-color: #F0FFF0;
+    color: #529214;
+}
 
-button.positive, .buttons a.positive{
-    color:#529214;
-}
-.buttons a.positive:hover, button.positive:hover{
-    background-color:#E6EFC2;
-    border:1px solid #C6D880;
-    color:#529214;
-}
-.buttons a.positive:active{
-    background-color:#529214;
-    border:1px solid #529214;
-    color:#fff;
+button.positive:hover {
+    background-color: #E6EFC2;
+    border: 1px solid #C6D880;
+    color: #529214;
 }
 
 /* NEGATIVE */
+button.negative {
+    color: #d12f19;
+}
 
-.buttons a.negative, button.negative{
-    color:#d12f19;
-}
-.buttons a.negative:hover, button.negative:hover{
-    background:#fbe3e4;
-    border:1px solid #fbc2c4;
-    color:#d12f19;
-}
-.buttons a.negative:active{
-    background-color:#d12f19;
-    border:1px solid #d12f19;
-    color:#fff;
+button.negative:hover {
+    background: #fbe3e4;
+    border: 1px solid #fbc2c4;
+    color: #d12f19;
 }
 
 /* DISABLE */
-
-.buttons a.disable, .buttons a.disable:hover, .buttons button.disable, .buttons button.disable:hover
-{
-    background-color:#CCCCCC;
-    border:1px solid #dedede;
-    color:#565656;
+button.disable, button.disable:hover {
+    background-color: #CCCCCC;
+    border: 1px solid #dedede;
+    color: #565656;
 }
 
+/* BLUE BUTTON */
+button.blue_button {
+    background-image: url("../images/elements/button_middle_3.png");
+    background-repeat: repeat-x;
+    height: 39px;
+    float: right;
+    margin-right: 0;
+    border: 0;
+}
+
+.blue_button_text, .big_blue_button_text {
+    color: white;
+    font-size: 11px;
+    font-weight: bold;
+}
+
+button.big_blue_button {
+/*background-image: url("../images/logoNat_small.png");*/
+    background-image: url("../images/elements/big_button_middle_3.png");
+    background-repeat: repeat-x repeat-y;
+    height: 50px;
+    width: 50px;
+    float: right;
+    margin-right: 0;
+    border: 0;
+}
+
+.big_blue_button_text {
+    position: relative;
+    top: -3px;
+    font-size: 44px;
+}
+
+/* GRAY BUTTON */
+button.gray_button {
+    background-image: url("../images/elements/button_middle_gray.png");
+    background-repeat: repeat-x;
+    height: 41px;
+    float: right;
+    margin-right: 0;
+    position: relative;
+    top: -1px;
+}
+
+button.action_button {
+    margin-left: 5px;
+    margin-right: -3px;
+}