User:ElStrages/vector.css
Jump to navigation
Jump to search
Note: After saving, you may have to bypass your browser's cache to see the changes.
- Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
- Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
- Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
- Opera: Go to Menu → Settings (Opera → Preferences on a Mac) and then to Privacy & security → Clear browsing data → Cached images and files.
/* Text */
.ESTB a{
background-color: #CCCCEB;
border-top: 1px solid;
border-right: 0px;
border-bottom: 1px solid;
border-left: 1px solid;
}
.ESTB h1{
background-color: #CCCCEB;
border-top: 1px solid;
border-right: 0px;
border-bottom: 1px solid;
border-left: 1px solid;
}
.ESTB h2{
background-color: #CCCCEB;
border-top: 1px solid;
border-right: 0px;
border-bottom: 1px solid;
border-left: 1px solid;
}
.ESTB h3{
background-color: #CCCCEB;
border-top: 1px solid;
border-right: 0px;
border-bottom: 1px solid;
border-left: 1px solid;
}
/* MAIN TABLE STYLE */
.ESTB table, th, td {
border-collapse: collapse;
border-spacing: 0px;
padding: 0px 0px 3px 0px;
}
/* LEFT BUTTON STYLE */
.ESTBL a:link {
color: #FFFFFF;
background-color: #CCCCEB;
border-top: 1px solid;
border-right: 0px;
border-bottom: 1px solid;
border-left: 1px solid;
border-top-left-radius: 1em;
border-bottom-left-radius: 1em;
border-spacing: 0px;
padding: 4px 8px;
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-top: 1px solid;
border-right: 0px;
border-bottom: 1px solid;
border-left: 1px solid;
border-top-left-radius: 1em;
border-bottom-left-radius: 1em;
border-spacing: 0px;
padding: 4px 8px;
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-top: 1px solid;
border-right: 0px;
border-bottom: 1px solid;
border-left: 1px solid;
border-top-left-radius: 1em;
border-bottom-left-radius: 1em;
border-spacing: 0px;
padding: 4px 8px;
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-top: 1px solid;
border-right: 0px;
border-bottom: 1px solid;
border-left: 1px solid;
border-top-left-radius: 1em;
border-bottom-left-radius: 1em;
border-spacing: 0px;
padding: 4px 8px;
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 8px;
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 8px;
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 8px;
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 8px;
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-top: 1px solid;
border-right: 0px;
border-bottom: 1px solid;
border-left: 1px solid;
border-spacing: 0px;
padding: 4px 8px;
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-top: 1px solid;
border-right: 0px;
border-bottom: 1px solid;
border-left: 1px solid;
border-spacing: 0px;
padding: 4px 8px;
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-top: 1px solid;
border-right: 0px;
border-bottom: 1px solid;
border-left: 1px solid;
border-spacing: 0px;
padding: 4px 8px;
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-top: 1px solid;
border-right: 0px;
border-bottom: 1px solid;
border-left: 1px solid;
border-spacing: 0px;
padding: 4px 8px;
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);
}