Difference between revisions of "User:ElStrages/vector.css"
Jump to navigation
Jump to search
| Line 12: | Line 12: | ||
border-bottom-left-radius: 1em; | border-bottom-left-radius: 1em; | ||
border-spacing: 0px; | border-spacing: 0px; | ||
| − | padding: | + | padding: 4px; |
text-align: center; | text-align: center; | ||
text-shadow: 1px 1px 1px #eee; | text-shadow: 1px 1px 1px #eee; | ||
| Line 26: | Line 26: | ||
border-top-left-radius: 1em; | border-top-left-radius: 1em; | ||
border-bottom-left-radius: 1em; | border-bottom-left-radius: 1em; | ||
| − | padding: | + | border-spacing: 0px; |
| + | padding: 4px; | ||
text-align: center; | text-align: center; | ||
width: 40px; | width: 40px; | ||
| Line 39: | Line 40: | ||
border-top-left-radius: 1em; | border-top-left-radius: 1em; | ||
border-bottom-left-radius: 1em; | border-bottom-left-radius: 1em; | ||
| − | padding: | + | border-spacing: 0px; |
| + | padding: 4px; | ||
text-align: center; | text-align: center; | ||
width: 40px; | width: 40px; | ||
| Line 52: | Line 54: | ||
border-top-left-radius: 1em; | border-top-left-radius: 1em; | ||
border-bottom-left-radius: 1em; | border-bottom-left-radius: 1em; | ||
| − | padding: | + | border-spacing: 0px; |
| + | padding: 4px; | ||
text-align: center; | text-align: center; | ||
width: 40px; | width: 40px; | ||
| Line 66: | Line 69: | ||
border-top-right-radius: 1em; | border-top-right-radius: 1em; | ||
border-bottom-right-radius: 1em; | border-bottom-right-radius: 1em; | ||
| − | padding: | + | border-spacing: 0px; |
| + | padding: 4px; | ||
text-align: center; | text-align: center; | ||
text-shadow: 1px 1px 1px #eee; | text-shadow: 1px 1px 1px #eee; | ||
| Line 80: | Line 84: | ||
border-top-right-radius: 1em; | border-top-right-radius: 1em; | ||
border-bottom-right-radius: 1em; | border-bottom-right-radius: 1em; | ||
| − | padding: | + | border-spacing: 0px; |
| + | padding: 4px; | ||
text-align: center; | text-align: center; | ||
width: 40px; | width: 40px; | ||
| Line 93: | Line 98: | ||
border-top-right-radius: 1em; | border-top-right-radius: 1em; | ||
border-bottom-right-radius: 1em; | border-bottom-right-radius: 1em; | ||
| − | padding: | + | border-spacing: 0px; |
| + | padding: 4px; | ||
text-align: center; | text-align: center; | ||
width: 40px; | width: 40px; | ||
| Line 106: | Line 112: | ||
border-top-right-radius: 1em; | border-top-right-radius: 1em; | ||
border-bottom-right-radius: 1em; | border-bottom-right-radius: 1em; | ||
| − | padding: | + | border-spacing: 0px; |
| + | padding: 4px; | ||
text-align: center; | text-align: center; | ||
width: 40px; | width: 40px; | ||
| Line 118: | Line 125: | ||
background-color: #CCCCEB; | background-color: #CCCCEB; | ||
border: 1px solid; | border: 1px solid; | ||
| − | padding: | + | border-spacing: 0px; |
| + | padding: 4px; | ||
text-align: center; | text-align: center; | ||
text-shadow: 1px 1px 1px #eee; | text-shadow: 1px 1px 1px #eee; | ||
| Line 130: | Line 138: | ||
background-color: #CCCCEB; | background-color: #CCCCEB; | ||
border: 1px solid; | border: 1px solid; | ||
| − | padding: | + | border-spacing: 0px; |
| + | padding: 4px; | ||
text-align: center; | text-align: center; | ||
width: 40px; | width: 40px; | ||
| Line 140: | Line 149: | ||
color: #BBBBBB; | color: #BBBBBB; | ||
background-color: #b7b7d3; | background-color: #b7b7d3; | ||
| − | padding: | + | border-spacing: 0px; |
| + | padding: 4px; | ||
text-align: center; | text-align: center; | ||
width: 40px; | width: 40px; | ||
| Line 151: | Line 161: | ||
background-color: #d1d1ed; | background-color: #d1d1ed; | ||
border: 1px solid; | border: 1px solid; | ||
| − | padding: | + | border-spacing: 0px; |
| + | padding: 4px; | ||
text-align: center; | text-align: center; | ||
width: 40px; | width: 40px; | ||
Revision as of 23:20, 20 February 2015
/* MAIN TABLE STYLE */
.ESTB table, th, td {
border-collapse: collapse;
border-spacing: 0px;
}
/* LEFT BUTTON STYLE */
.ESTBL a:link {
color: #FFFFFF;
background-color: #CCCCEB;
border: 1px solid;
border-top-left-radius: 1em;
border-bottom-left-radius: 1em;
border-spacing: 0px;
padding: 4px;
text-align: center;
text-shadow: 1px 1px 1px #eee;
width: 40px;
-moz-box-shadow: inset 2px 2px 2px rgba(255, 255, 255, .4), inset -2px -2px 2px rgba(0, 0, 0, .4);
-webkit-box-shadow: inset 2px 2px 2px rgba(255, 255, 255, .4), inset -2px -2px 2px rgba(0, 0, 0, .4);
box-shadow: inset 2px 2px 2px rgba(255, 255, 255, .4), inset -2px -2px 2px rgba(0, 0, 0, .4);
}
.ESTBL a:visited {
color: #DDDDDD;
background-color: #CCCCEB;
border: 1px solid;
border-top-left-radius: 1em;
border-bottom-left-radius: 1em;
border-spacing: 0px;
padding: 4px;
text-align: center;
width: 40px;
-moz-box-shadow: inset 2px 2px 2px rgba(255, 255, 255, .4), inset -2px -2px 2px rgba(0, 0, 0, .4);
-webkit-box-shadow: inset 2px 2px 2px rgba(255, 255, 255, .4), inset -2px -2px 2px rgba(0, 0, 0, .4);
box-shadow: inset 2px 2px 2px rgba(255, 255, 255, .4), inset -2px -2px 2px rgba(0, 0, 0, .4);
}
.ESTBL a:hover {
color: #BBBBBB;
background-color: #b7b7d3;
border: 1px solid;
border-top-left-radius: 1em;
border-bottom-left-radius: 1em;
border-spacing: 0px;
padding: 4px;
text-align: center;
width: 40px;
-moz-box-shadow: inset -2px -2px 2px rgba(0, 0, 0, .4), inset 2px 2px 2px rgba(255, 255, 255, .4);
-webkit-box-shadow: inset -2px -2px 2px rgba(0, 0, 0, .4), inset 2px 2px 2px rgba(255, 255, 255, .4);
box-shadow: inset -2px -2px 2px rgba(0, 0, 0, .4), inset 2px 2px 2px rgba(255, 255, 255, .4);
}
.ESTBL a:active {
color: #000000;
background-color: #d1d1ed;
border: 1px solid;
border-top-left-radius: 1em;
border-bottom-left-radius: 1em;
border-spacing: 0px;
padding: 4px;
text-align: center;
width: 40px;
-moz-box-shadow: inset -2px -2px 2px rgba(0, 0, 0, .4), inset 2px 2px 2px rgba(255, 255, 255, .4);
-webkit-box-shadow: inset -2px -2px 2px rgba(0, 0, 0, .4), inset 2px 2px 2px rgba(255, 255, 255, .4);
box-shadow: inset -2px -2px 2px rgba(0, 0, 0, .4), inset 2px 2px 2px rgba(255, 255, 255, .4);
}
/* RIGHT BUTTON STYLE */
.ESTBR a:link {
color: #FFFFFF;
background-color: #CCCCEB;
border: 1px solid;
border-top-right-radius: 1em;
border-bottom-right-radius: 1em;
border-spacing: 0px;
padding: 4px;
text-align: center;
text-shadow: 1px 1px 1px #eee;
width: 40px;
-moz-box-shadow: inset 2px 2px 2px rgba(255, 255, 255, .4), inset -2px -2px 2px rgba(0, 0, 0, .4);
-webkit-box-shadow: inset 2px 2px 2px rgba(255, 255, 255, .4), inset -2px -2px 2px rgba(0, 0, 0, .4);
box-shadow: inset 2px 2px 2px rgba(255, 255, 255, .4), inset -2px -2px 2px rgba(0, 0, 0, .4);
}
.ESTBR a:visited {
color: #DDDDDD;
background-color: #CCCCEB;
border: 1px solid;
border-top-right-radius: 1em;
border-bottom-right-radius: 1em;
border-spacing: 0px;
padding: 4px;
text-align: center;
width: 40px;
-moz-box-shadow: inset 2px 2px 2px rgba(255, 255, 255, .4), inset -2px -2px 2px rgba(0, 0, 0, .4);
-webkit-box-shadow: inset 2px 2px 2px rgba(255, 255, 255, .4), inset -2px -2px 2px rgba(0, 0, 0, .4);
box-shadow: inset 2px 2px 2px rgba(255, 255, 255, .4), inset -2px -2px 2px rgba(0, 0, 0, .4);
}
.ESTBR a:hover {
color: #BBBBBB;
background-color: #b7b7d3;
border: 1px solid;
border-top-right-radius: 1em;
border-bottom-right-radius: 1em;
border-spacing: 0px;
padding: 4px;
text-align: center;
width: 40px;
-moz-box-shadow: inset -2px -2px 2px rgba(0, 0, 0, .4), inset 2px 2px 2px rgba(255, 255, 255, .4);
-webkit-box-shadow: inset -2px -2px 2px rgba(0, 0, 0, .4), inset 2px 2px 2px rgba(255, 255, 255, .4);
box-shadow: inset -2px -2px 2px rgba(0, 0, 0, .4), inset 2px 2px 2px rgba(255, 255, 255, .4);
}
.ESTBR a:active {
color: #000000;
background-color: #d1d1ed;
border: 1px solid;
border-top-right-radius: 1em;
border-bottom-right-radius: 1em;
border-spacing: 0px;
padding: 4px;
text-align: center;
width: 40px;
-moz-box-shadow: inset -2px -2px 2px rgba(0, 0, 0, .4), inset 2px 2px 2px rgba(255, 255, 255, .4);
-webkit-box-shadow: inset -2px -2px 2px rgba(0, 0, 0, .4), inset 2px 2px 2px rgba(255, 255, 255, .4);
box-shadow: inset -2px -2px 2px rgba(0, 0, 0, .4), inset 2px 2px 2px rgba(255, 255, 255, .4);
}
/* CENTER BUTTON STYLE */
.ESTBC a:link {
color: #FFFFFF;
background-color: #CCCCEB;
border: 1px solid;
border-spacing: 0px;
padding: 4px;
text-align: center;
text-shadow: 1px 1px 1px #eee;
width: 40px;
-moz-box-shadow: inset 2px 2px 2px rgba(255, 255, 255, .4), inset -2px -2px 2px rgba(0, 0, 0, .4);
-webkit-box-shadow: inset 2px 2px 2px rgba(255, 255, 255, .4), inset -2px -2px 2px rgba(0, 0, 0, .4);
box-shadow: inset 2px 2px 2px rgba(255, 255, 255, .4), inset -2px -2px 2px rgba(0, 0, 0, .4);
}
.ESTBC a:visited {
color: #DDDDDD;
background-color: #CCCCEB;
border: 1px solid;
border-spacing: 0px;
padding: 4px;
text-align: center;
width: 40px;
-moz-box-shadow: inset 2px 2px 2px rgba(255, 255, 255, .4), inset -2px -2px 2px rgba(0, 0, 0, .4);
-webkit-box-shadow: inset 2px 2px 2px rgba(255, 255, 255, .4), inset -2px -2px 2px rgba(0, 0, 0, .4);
box-shadow: inset 2px 2px 2px rgba(255, 255, 255, .4), inset -2px -2px 2px rgba(0, 0, 0, .4);
}
.ESTBC a:hover {
color: #BBBBBB;
background-color: #b7b7d3;
border-spacing: 0px;
padding: 4px;
text-align: center;
width: 40px;
-moz-box-shadow: inset -2px -2px 2px rgba(0, 0, 0, .4), inset 2px 2px 2px rgba(255, 255, 255, .4);
-webkit-box-shadow: inset -2px -2px 2px rgba(0, 0, 0, .4), inset 2px 2px 2px rgba(255, 255, 255, .4);
box-shadow: inset -2px -2px 2px rgba(0, 0, 0, .4), inset 2px 2px 2px rgba(255, 255, 255, .4);
}
.ESTBC a:active {
color: #000000;
background-color: #d1d1ed;
border: 1px solid;
border-spacing: 0px;
padding: 4px;
text-align: center;
width: 40px;
-moz-box-shadow: inset -2px -2px 2px rgba(0, 0, 0, .4), inset 2px 2px 2px rgba(255, 255, 255, .4);
-webkit-box-shadow: inset -2px -2px 2px rgba(0, 0, 0, .4), inset 2px 2px 2px rgba(255, 255, 255, .4);
box-shadow: inset -2px -2px 2px rgba(0, 0, 0, .4), inset 2px 2px 2px rgba(255, 255, 255, .4);
}