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

From RimWorld Wiki
Jump to navigation Jump to search
Line 53: Line 53:
 
     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 {
+
.ESTBL a:link:visited {
 
     color: #DDDDDD;
 
     color: #DDDDDD;
 
     background-color: #CCCCEB;
 
     background-color: #CCCCEB;
Line 70: Line 70:
 
     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 {
+
.ESTBL a:link:hover {
 
     color: #BBBBBB;
 
     color: #BBBBBB;
 
     background-color: #b7b7d3;
 
     background-color: #b7b7d3;
Line 87: Line 87:
 
     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 {
+
.ESTBL a:link:active {
 
     color: #000000;
 
     color: #000000;
 
     background-color: #d1d1ed;
 
     background-color: #d1d1ed;
Line 120: Line 120:
 
     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 {
+
.ESTBR a:link:visited {
 
     color: #DDDDDD;
 
     color: #DDDDDD;
 
     background-color: #CCCCEB;
 
     background-color: #CCCCEB;
Line 134: Line 134:
 
     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 {
+
.ESTBR a:link:hover {
 
     color: #BBBBBB;
 
     color: #BBBBBB;
 
     background-color: #b7b7d3;
 
     background-color: #b7b7d3;
Line 148: Line 148:
 
     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 {
+
.ESTBR a:link:active {
 
     color: #000000;
 
     color: #000000;
 
     background-color: #d1d1ed;
 
     background-color: #d1d1ed;
Line 179: Line 179:
 
     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 {
+
.ESTBC a:link:visited {
 
     color: #DDDDDD;
 
     color: #DDDDDD;
 
     background-color: #CCCCEB;
 
     background-color: #CCCCEB;
Line 194: Line 194:
 
     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 {
+
.ESTBC a:link:hover {
 
     color: #BBBBBB;
 
     color: #BBBBBB;
 
     background-color: #b7b7d3;
 
     background-color: #b7b7d3;
Line 209: Line 209:
 
     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 {
+
.ESTBC a:link:active {
 
     color: #000000;
 
     color: #000000;
 
     background-color: #d1d1ed;
 
     background-color: #d1d1ed;

Revision as of 13:53, 24 February 2015

/* Text */
.ESTB a, h1, h2 ,h3{
    background-color: #CCCCEB;
    border-top: 1px solid;
    border-right: 0px;
    border-bottom: 1px solid;
    border-left: 1px solid;
}
.ESTBL a, h1, h2 ,h3{
    background-color: #CCCCEB;
    border-top: 1px solid;
    border-right: 0px;
    border-bottom: 1px solid;
    border-left: 1px solid;
}
.ESTBR a, h1, h2 ,h3{
    background-color: #CCCCEB;
    border-top: 1px solid;
    border-right: 0px;
    border-bottom: 1px solid;
    border-left: 1px solid;
}
.ESTBC a, h1, h2 ,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:link: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:link: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:link: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:link: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:link: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:link: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:link: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:link: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:link: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);
}