Revision as of 10:38, 27 January 2018

/* CSS placed here will be applied to all skins */

.triangle-border3, .triangle-border2, .triangle-border {
    position: relative;
    padding: 20px 15px 20px 120px;
    margin: 10px 10px 42px 10px;
    border: 1px solid #1e2a3a;
    /*color: #333;*/
    background: #191f2b;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
.triangle-border3{padding: 20px 15px; width: 60%;}
.triangle-border2{padding: 20px 120px 20px 15px;}
.triangle-border:before {
    content: "";
    position: absolute;
    bottom: -20px;
    left: 230px;
    border-width: 1px 1px 0;
    border-style: solid;
    border-color: #1e2a3a transparent;
    display: block;
    width: 0;
}
.triangle-border:after {
    content: "";
    position: absolute;
    bottom: -13px;
    left: 237px;
    border-width: 13px 13px 0;
    border-style: solid;
    border-color: #191f2b transparent;
    display: block;
    width: 0;
}

.triangle-border2:before {
    content: "";
    position: absolute;
    bottom: -20px;
    right: 230px;
    border-width: 1px 1px 0;
    border-style: solid;
    border-color: #1e2a3a transparent;
    display: block;
    width: 0;
}
.triangle-border2:after {
    content: "";
    position: absolute;
    bottom: -13px;
    right: 237px;
    border-width: 13px 13px 0;
    border-style: solid;
    border-color: #191f2b transparent;
    display: block;
    width: 0;
}

.triangle-border3:before {
    content: "";
    position: absolute;
    bottom: -20px;
    left: 50%;
    border-width: 1px 1px 0;
    border-style: solid;
    border-color: #1e2a3a transparent;
    display: block;
    width: 0;
}
.triangle-border3:after {
    content: "";
    position: absolute;
    bottom: -13px;
    left: 51%;
    border-width: 13px 13px 0;
    border-style: solid;
    border-color: #191f2b transparent;
    display: block;
    width: 0;
}

.fleft{
    float: left;
}
.fright{
    float: right;
}
.chara {
    position: relative;
    z-index: 10;
}