Difference between revisions of "User:ElStrages/vector.css"

From RimWorld Wiki
Jump to navigation Jump to search
Line 1: Line 1:
 +
<!-- MAIN TABLE STYLE -->
 
.ESTB table, th, td {
 
.ESTB table, th, td {
−
     padding: 5px 4px;
+
     padding: 5px 5px;
 
}
 
}
−
.ESTB a:link {
+
<!-- LEFT BUTTON STYLE -->
 +
.ESTBL a:link {
 +
        color: #FFFFFF;
 +
        background-color: #CCCCEB;
 +
    background: url('http://imgur.com/uGTmWdN');
 +
    background-repeat:no-repeat;
 +
    background-color: #CCCCEB;
 +
    border: 1px solid;
 +
    border-top-left-radius: 1em;
 +
    border-bottom-left-radius: 1em;
 +
    padding: 2px;
 +
    text-align: center;
 +
    text-shadow: 1px 1px 1px #eee;
 +
    width: 25px;
 +
    -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: url('http://imgur.com/uGTmWdN');
 +
    background-repeat: no-repeat;
 +
    background-color: #CCCCEB;
 +
    border: 1px solid;
 +
    border-top-left-radius: 1em;
 +
    border-bottom-left-radius: 1em;
 +
    padding: 2px;
 +
    text-align: center;
 +
    width: 25px;
 +
    -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: url('http://imgur.com/uGTmWdN');
 +
    background-repeat: no-repeat;
 +
    background-color: #b7b7d3;
 +
    border: 1px solid;
 +
    border-top-left-radius: 1em;
 +
    border-bottom-left-radius: 1em;
 +
    padding: 2px;
 +
    text-align: center;
 +
    width: 25px;
 +
    -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: url('http://imgur.com/uGTmWdN');
 +
    background-repeat: no-repeat;
 +
    background-color: #b7b7d3;
 +
    border: 1px solid;
 +
    border-top-left-radius: 1em;
 +
    border-bottom-left-radius: 1em;
 +
    padding: 2px;
 +
    text-align: center;
 +
    width: 25px;
 +
    -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;
 
         color: #FFFFFF;
 
         background-color: #CCCCEB;
 
         background-color: #CCCCEB;
Line 10: Line 75:
 
     border: 1px solid;
 
     border: 1px solid;
 
     border-top-right-radius: 1em;
 
     border-top-right-radius: 1em;
−
    border-top-left-radius: 1em;
 
 
     border-bottom-right-radius: 1em;
 
     border-bottom-right-radius: 1em;
−
    border-bottom-left-radius: 1em;
+
     padding: 2px;
−
     padding: 0.5em;
 
 
     text-align: center;
 
     text-align: center;
 
     text-shadow: 1px 1px 1px #eee;
 
     text-shadow: 1px 1px 1px #eee;
Line 21: Line 84:
 
     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);
 
}
 
}
−
.ESTB a:visited {
+
.ESTBR a:visited {
 
         color: #DDDDDD;
 
         color: #DDDDDD;
 
     background: url('http://imgur.com/uGTmWdN');
 
     background: url('http://imgur.com/uGTmWdN');
Line 28: Line 91:
 
     border: 1px solid;
 
     border: 1px solid;
 
     border-top-right-radius: 1em;
 
     border-top-right-radius: 1em;
−
    border-top-left-radius: 1em;
 
 
     border-bottom-right-radius: 1em;
 
     border-bottom-right-radius: 1em;
−
    border-bottom-left-radius: 1em;
+
     padding: 2px;
−
     padding: 0.5em;
 
 
     text-align: center;
 
     text-align: center;
 
     width: 25px;
 
     width: 25px;
Line 38: Line 99:
 
     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);
 
}
 
}
−
.ESTB a:hover {
+
.ESTBR a:hover {
 
         color: #BBBBBB;
 
         color: #BBBBBB;
 
     background: url('http://imgur.com/uGTmWdN');
 
     background: url('http://imgur.com/uGTmWdN');
Line 45: Line 106:
 
     border: 1px solid;
 
     border: 1px solid;
 
     border-top-right-radius: 1em;
 
     border-top-right-radius: 1em;
−
    border-top-left-radius: 1em;
 
 
     border-bottom-right-radius: 1em;
 
     border-bottom-right-radius: 1em;
−
    border-bottom-left-radius: 1em;
+
     padding: 2px;
−
     padding: 0.5em;
 
 
     text-align: center;
 
     text-align: center;
 
     width: 25px;
 
     width: 25px;
Line 55: Line 114:
 
     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);  
 
}
 
}
−
.ESTB a:active {
+
.ESTBR a:active {
 
         color: #000000;
 
         color: #000000;
 
     background: url('http://imgur.com/uGTmWdN');
 
     background: url('http://imgur.com/uGTmWdN');
Line 62: Line 121:
 
     border: 1px solid;
 
     border: 1px solid;
 
     border-top-right-radius: 1em;
 
     border-top-right-radius: 1em;
−
    border-top-left-radius: 1em;
 
 
     border-bottom-right-radius: 1em;
 
     border-bottom-right-radius: 1em;
−
     border-bottom-left-radius: 1em;
+
    padding: 2px;
−
     padding: 0.5em;
+
    text-align: center;
 +
    width: 25px;
 +
    -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;
 +
    background: url('http://imgur.com/uGTmWdN');
 +
    background-repeat:no-repeat;
 +
    background-color: #CCCCEB;
 +
     border: 1px solid;
 +
    padding: 2px;
 +
    text-align: center;
 +
    text-shadow: 1px 1px 1px #eee;
 +
    width: 25px;
 +
    -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: url('http://imgur.com/uGTmWdN');
 +
    background-repeat: no-repeat;
 +
    background-color: #CCCCEB;
 +
    border: 1px solid;
 +
     padding: 2px;
 +
    text-align: center;
 +
    width: 25px;
 +
    -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: url('http://imgur.com/uGTmWdN');
 +
    background-repeat: no-repeat;
 +
    background-color: #b7b7d3;
 +
    padding: 2px;
 +
    text-align: center;
 +
    width: 25px;
 +
    -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: url('http://imgur.com/uGTmWdN');
 +
    background-repeat: no-repeat;
 +
    background-color: #b7b7d3;
 +
    border: 1px solid;
 +
    padding: 2px;
 
     text-align: center;
 
     text-align: center;
 
     width: 25px;
 
     width: 25px;

Revision as of 22:57, 20 February 2015

<!-- MAIN TABLE STYLE -->
.ESTB table, th, td {
     padding: 5px 5px;
}
<!-- LEFT BUTTON STYLE -->
.ESTBL a:link {
        color: #FFFFFF;
        background-color: #CCCCEB;
    background: url('http://imgur.com/uGTmWdN');
    background-repeat:no-repeat;
    background-color: #CCCCEB;
    border: 1px solid;
    border-top-left-radius: 1em;
    border-bottom-left-radius: 1em;
    padding: 2px;
    text-align: center;
    text-shadow: 1px 1px 1px #eee;
    width: 25px;
    -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: url('http://imgur.com/uGTmWdN');
    background-repeat: no-repeat;
    background-color: #CCCCEB;
    border: 1px solid;
    border-top-left-radius: 1em;
    border-bottom-left-radius: 1em;
    padding: 2px;
    text-align: center;
    width: 25px;
    -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: url('http://imgur.com/uGTmWdN');
    background-repeat: no-repeat;
    background-color: #b7b7d3;
    border: 1px solid;
    border-top-left-radius: 1em;
    border-bottom-left-radius: 1em;
    padding: 2px;
    text-align: center;
    width: 25px;
    -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: url('http://imgur.com/uGTmWdN');
    background-repeat: no-repeat;
    background-color: #b7b7d3;
    border: 1px solid;
    border-top-left-radius: 1em;
    border-bottom-left-radius: 1em;
    padding: 2px;
    text-align: center;
    width: 25px;
    -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;
    background: url('http://imgur.com/uGTmWdN');
    background-repeat:no-repeat;
    background-color: #CCCCEB;
    border: 1px solid;
    border-top-right-radius: 1em;
    border-bottom-right-radius: 1em;
    padding: 2px;
    text-align: center;
    text-shadow: 1px 1px 1px #eee;
    width: 25px;
    -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: url('http://imgur.com/uGTmWdN');
    background-repeat: no-repeat;
    background-color: #CCCCEB;
    border: 1px solid;
    border-top-right-radius: 1em;
    border-bottom-right-radius: 1em;
    padding: 2px;
    text-align: center;
    width: 25px;
    -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: url('http://imgur.com/uGTmWdN');
    background-repeat: no-repeat;
    background-color: #b7b7d3;
    border: 1px solid;
    border-top-right-radius: 1em;
    border-bottom-right-radius: 1em;
    padding: 2px;
    text-align: center;
    width: 25px;
    -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: url('http://imgur.com/uGTmWdN');
    background-repeat: no-repeat;
    background-color: #b7b7d3;
    border: 1px solid;
    border-top-right-radius: 1em;
    border-bottom-right-radius: 1em;
    padding: 2px;
    text-align: center;
    width: 25px;
    -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;
    background: url('http://imgur.com/uGTmWdN');
    background-repeat:no-repeat;
    background-color: #CCCCEB;
    border: 1px solid;
    padding: 2px;
    text-align: center;
    text-shadow: 1px 1px 1px #eee;
    width: 25px;
    -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: url('http://imgur.com/uGTmWdN');
    background-repeat: no-repeat;
    background-color: #CCCCEB;
    border: 1px solid;
    padding: 2px;
    text-align: center;
    width: 25px;
    -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: url('http://imgur.com/uGTmWdN');
    background-repeat: no-repeat;
    background-color: #b7b7d3;
    padding: 2px;
    text-align: center;
    width: 25px;
    -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: url('http://imgur.com/uGTmWdN');
    background-repeat: no-repeat;
    background-color: #b7b7d3;
    border: 1px solid;
    padding: 2px;
    text-align: center;
    width: 25px;
    -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);
}
Retrieved from "https://rimworldwiki.com/index.php?title=User:ElStrages/vector.css&oldid=32672"