Difference between revisions of "User:Lexar/sandbox/Page.css"

From Team Fortress Wiki
Jump to: navigation, search
m (Added start and end comments for readability)
m (formatting for consistency (not sure if 100%))
 
Line 1: Line 1:
 
/*Start weapon wear tabs*/
 
/*Start weapon wear tabs*/
 
.weapon-wear-table {
 
.weapon-wear-table {
     padding: 1px;
+
     padding: 1px;margin: 0px;
 
     width: 100%;
 
     width: 100%;
 +
    min-width: 300px;
 
     float: left;
 
     float: left;
 
     box-sizing: border-box;
 
     box-sizing: border-box;
    margin: 0px;
 
    min-width: 300px;
 
 
}
 
}
 
.weapon-wear-table .tabs {
 
.weapon-wear-table .tabs {
     margin: 0;
+
     padding: 0px;margin: 0px;
     padding: 0;
+
    width: 40%;
 +
     float: left;
 
     list-style: none;
 
     list-style: none;
    float: left;
 
    width: 40%;
 
 
}
 
}
 
.weapon-wear-table .tabs li:hover, .weapon-wear-table .tabs li.current {
 
.weapon-wear-table .tabs li:hover, .weapon-wear-table .tabs li.current {
     background-color:#f4a958;
+
     background-color:#F4A958;
 
}
 
}
 
.weapon-wear-table .tabs li {
 
.weapon-wear-table .tabs li {
 +
    padding: 0.5em 0.2em;margin: 0px;
 +
    width: 100%;
 +
    float: left;
 +
    background-color: #F9D483;
 +
    border-bottom: solid #FFFFFF 1px;
 
     font-size: 1.2em;
 
     font-size: 1.2em;
 
     color: black;
 
     color: black;
 
     font-weight: bold;
 
     font-weight: bold;
    background-color: #F9D483;
 
    border-bottom: solid #fff 1px;
 
    padding: 0.5em 0.2em;
 
 
     line-height: 1.6;
 
     line-height: 1.6;
 
     text-align: center;
 
     text-align: center;
    float: left;
 
    width: 100%;
 
    margin: 0px;
 
 
     box-sizing: border-box;
 
     box-sizing: border-box;
 
     cursor: pointer;
 
     cursor: pointer;
Line 37: Line 34:
 
}
 
}
 
.weapon-wear-table .weapons {
 
.weapon-wear-table .weapons {
 +
    margin: 0px;
 +
    width: 60%;
 +
    height: 200px;
 
     float: left;
 
     float: left;
    margin: 0;
 
 
     list-style: none;
 
     list-style: none;
 
     position: relative;
 
     position: relative;
    width: 60%;
 
    height: 200px;
 
 
}
 
}
 
.weapon-wear-table .weapons li {
 
.weapon-wear-table .weapons li {
 
     width: 100%;
 
     width: 100%;
 +
    height: 100%;
 
     background-color: #FFFCF7;
 
     background-color: #FFFCF7;
    height: 100%;
 
 
     top: 0px;
 
     top: 0px;
 
     left: 0px;
 
     left: 0px;
Line 57: Line 54:
 
}
 
}
 
.weapon-wear-table .weapons li a {
 
.weapon-wear-table .weapons li a {
 +
    width: 100%;
 
     display: block;
 
     display: block;
 
     position: absolute;
 
     position: absolute;
    width: 100%;
 
 
     text-align: center;
 
     text-align: center;
 
}
 
}
 
/*End weapon wear tabs*/
 
/*End weapon wear tabs*/

Latest revision as of 06:05, 16 July 2015

/*Start weapon wear tabs*/
.weapon-wear-table {
    padding: 1px;margin: 0px;
    width: 100%;
    min-width: 300px;
    float: left;
    box-sizing: border-box;
}
.weapon-wear-table .tabs {
    padding: 0px;margin: 0px;
    width: 40%;
    float: left;
    list-style: none;
}
.weapon-wear-table .tabs li:hover, .weapon-wear-table .tabs li.current {
    background-color:#F4A958;
}
.weapon-wear-table .tabs li {
    padding: 0.5em 0.2em;margin: 0px;
    width: 100%;
    float: left;
    background-color: #F9D483;
    border-bottom: solid #FFFFFF 1px;
    font-size: 1.2em;
    color: black;
    font-weight: bold;
    line-height: 1.6;
    text-align: center;
    box-sizing: border-box;
    cursor: pointer;
}
.weapon-wear-table .tabs li.tab-5 {
    width:100%;
}
.weapon-wear-table .weapons {
    margin: 0px;
    width: 60%;
    height: 200px;
    float: left;
    list-style: none;
    position: relative;
}
.weapon-wear-table .weapons li {
    width: 100%;
    height: 100%;
    background-color: #FFFCF7;
    top: 0px;
    left: 0px;
    position: absolute;
    z-index:1;
}
.weapon-wear-table .weapons li.current {
    z-index:2;
}
.weapon-wear-table .weapons li a {
    width: 100%;
    display: block;
    position: absolute;
    text-align: center;
}
/*End weapon wear tabs*/