Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- /*LA FICHA DE PJ */
- .FEFichWrp {
- width: 650px;
- height: 480px;
- background: transparent;
- position: relative;
- margin: 0 auto;
- overflow: hidden;
- line-height: 0px;
- outline: 1px solid #444;
- }
- .FEFichTop {
- width: 100%;
- height: 400px;
- background-image: url(https://cdn.discordapp.com/attachments/687140426716938303/687740542821597203/est.png);
- margin: 0 auto;
- display: flex;
- align-items: flex-start;
- overflow: hidden;
- }
- .FEFichImg {
- width: 320px;
- height: 370px;
- background: transparent;
- display: flex;
- align-items: center;
- justify-content: center;
- overflow: hidden;
- margin-left: 15px;
- }
- .FEFichIMWRp {
- }
- .FEFichImg img {
- width: 320px;
- height: 370px;
- }
- .FEFichBottom {
- width: 100%;
- height: 80px;
- background-color: #161616;
- background-image: url(https://i.imgur.com/rJVhGaj.png);
- outline: 0px solid #444;
- -webkit-backface-visibility: hidden;
- }
- .FEFichAbFloat {
- background: transparent;
- position: absolute;
- margin-top: 315px;
- margin-left: 255px;
- height: 80px;
- width: 120px;
- z-index: 90;
- align-items: center;
- font-size: 18px;
- }
- .FEFichSuperW {
- width: 650px;
- height: 480px;
- margin: auto;
- }
- .FEFichImgChikitaWrp {
- border: 5px solid transparent;
- height: 80px;
- margin-right: 0;
- outline: 1px solid #349a62;
- overflow: hidden;
- transform: rotate(45deg);
- width: 80px;
- }
- .FEFichImgchikC {
- transform: rotate(-45deg);
- overflow: hidden;
- margin: -21px;
- line-height: 0px;
- }
- .FEFichDatPrIzq {
- width: 300px;
- height: 400px;
- background: transparent;
- display: flex;
- align-items: flex-start;
- justify-content: center;
- align-content: flex-start;
- flex-wrap: wrap;
- margin-top: 15px;
- transition 1s;
- }
- .FEFichDatosBasicos {
- border: 1px solid #313131;
- width: 270px;
- height: 370px;
- background: #161616;
- }
- .FEFichDatosBasicosChiks {
- border: 1px solid #313131;
- width: 270px;
- height: 65px;
- background: #161616;
- margin-top: 10px
- }
- .FEFichTxtPad {
- padding: 10px;
- color: #9d99a3;
- font-size: 13px;
- text-align: left;
- font-family: 'Open Sans';
- height: 305px;
- }
- #FEFichEst::first-letter {
- }
- .FEFichDatNom {
- font-family: 'Playfair Display';
- font-weight: 600;
- font-style: italic;
- font-size: 19px;
- text-align: right;
- width: 90%;
- padding: 3%;
- margin-left: 5px;
- border-bottom: 2px solid #444;
- line-height: 18px;
- color: #ddd;
- margin-bottom: 4px;
- }
- #FEFichEstGM {
- border-bottom: 2px solid #4a8549;
- }
- .FEFichDatS:first-letter {
- }
- .FEFichDatS {
- text-transform: uppercase;
- margin-right: 2px;
- font-family: 'Playfair Display';
- font-weight: 700;
- font-size: 14px;
- padding-bottom: 4px;
- border-bottom: 1px solid #333;
- color: #bbb;
- }
- .FEFichTxtScroll {
- overflow: hidden;
- overflow-y: auto;
- height: 100%;
- line-height: 14.25px;
- }
- .FEFichWrp input[type="radio"] {
- visibility: hidden;
- left: 0;
- right: 0;
- top: 50%;
- position: absolute;
- }
- .FEFichTop label {
- width: 70px;
- overflow: hidden;
- background: #545454;
- color: #eee;
- padding: 10px;
- font-size: 16px;
- line-height: 15px;
- text-align: center;
- cursor: pointer;
- position: absolute;
- z-index: 99;
- margin-left: 20px;
- margin-top: 415px;
- font-family:'Open Sans';
- font-weight: 600;
- font-size: 10px;
- text-transform: uppercase;
- border: solid 1px #222;
- }
- .FEFichTop input[type="radio"] {
- visibility: hidden;
- position: absolute;
- }
- .FEFichButts1 {
- width: 220px;
- height: 100%;
- background: transparent;
- z-index: 2;
- }
- .FEFichButts2 {
- width: 220px;
- height: 100%;
- background: transparent;
- }
- input#FEFichTab1:checked ~ .FEFichDatPrIzq {
- margin-top: 15px;
- transition-duration: .8s;
- transition-timing-function: ease;
- transition-delay: 0s;
- }
- input#FEFichTab1:checked ~ .FEFichHist {
- margin-left: -700px;
- transition-duration: .8s;
- transition-timing-function: ease;
- transition-delay: 0s;
- }
- input#FEFichTab1:checked ~ .FEFichFisico {
- margin-left: 700px;
- transition-duration: .8s;
- transition-timing-function: ease;
- transition-delay: 0s;
- }
- input#FEFichTab1:checked ~ .FEFichPsico {
- margin-left: 700px;
- transition-duration: .8s;
- transition-timing-function: ease;
- transition-delay: 0s;
- }
- .FEFichImg {
- margin-top:15px;
- border: 1px solid #444;
- }
- input#FEFichTab1:checked ~ .FEFichImg {
- margin-top: 15px;
- transition-duration: .8s;
- transition-timing-function: ease;
- transition-delay: 0s;
- }
- input#FEFichTab2:checked ~ .FEFichDatPrIzq {
- margin-top: -400px;
- transition-duration: .8s;
- transition-timing-function: ease;
- transition-delay: 0s;
- }
- input#FEFichTab2:checked ~ .FEFichHist {
- margin-top: 15px;
- margin-left: 15px;
- transition-duration: .8s;
- transition-timing-function: ease;
- transition-delay: 0s;
- }
- input#FEFichTab2:checked ~ .FEFichFisico {
- margin-left: 700px;
- transition-duration: .8s;
- transition-timing-function: ease;
- transition-delay: 0s;
- }
- input#FEFichTab2:checked ~ .FEFichPsico {
- margin-left: 700px;
- transition-duration: .8s;
- transition-timing-function: ease;
- transition-delay: 0s;
- }
- input#FEFichTab2:checked ~ .FEFichImg {
- margin-top: 400px;
- margin-left: -200px;
- width: 350px;
- transition: margin-top .8s ease 0s, margin-left .1s ease 1s, width 1s ease 1s;
- }
- input#FEFichTab3:checked ~ .FEFichImg {
- margin-top: 15px;
- margin-left: -285px;
- transition-duration: .8s;
- transition-timing-function: ease;
- transition-delay: 0s;
- width: 270px;
- }
- input#FEFichTab3:checked ~ .FEFichDatPrIzq {
- margin-top: -400px;
- transition-duration: .8s;
- transition-timing-function: ease;
- transition-delay: 0s;
- }
- input#FEFichTab3:checked ~ .FEFichFisico {
- margin-top: 15px;
- margin-left: 315px;
- transition-duration: .8s;
- transition-timing-function: ease;
- transition-delay: 0s;
- }
- input#FEFichTab3:checked ~ .FEFichHist {
- margin-left: -700px;
- transition-duration: .8s;
- transition-timing-function: ease;
- transition-delay: 0s;
- }
- input#FEFichTab3:checked ~ .FEFichPsico {
- margin-top: 15px;
- margin-left: 700px;
- transition-duration: .8s;
- transition-timing-function: ease;
- transition-delay: 0s;
- }
- input#FEFichTab4:checked ~ .FEFichImg {
- margin-top: 15px;
- margin-left: -285px;
- transition-duration: .8s;
- transition-timing-function: ease;
- transition-delay: 0s;
- width: 270px;
- }
- input#FEFichTab4:checked ~ .FEFichDatPrIzq {
- margin-top: -400px;
- transition-duration: .8s;
- transition-timing-function: ease;
- transition-delay: 0s;
- }
- input#FEFichTab4:checked ~ .FEFichFisico {
- margin-top: 15px;
- margin-left: 700px;
- transition-duration: .8s;
- transition-timing-function: ease;
- transition-delay: 0s;
- }
- input#FEFichTab4:checked ~ .FEFichPsico {
- margin-top: 15px;
- margin-left: 315px;
- transition-duration: .8s;
- transition-timing-function: ease;
- transition-delay: 0s;
- }
- input#FEFichTab4:checked ~ .FEFichHist {
- margin-left: -700px;
- transition-duration: .8s;
- transition-timing-function: ease;
- transition-delay: 0s;
- }
- .FEFichHist {
- position: absolute;
- width: 620px;
- height: 370px;
- background: #161616;
- margin-top: 15px;
- margin-left: 15px;
- outline: 1px solid #313131;
- z-index: 3;
- }
- .FEFichOVDatos {
- position: absolute;
- float: right;
- width: 190px;
- height: 370px;
- background: #161616;
- margin-top: 15px;
- margin-left: 445px;
- outline: 1px solid #313131;
- }
- #FEFichaParrafote {
- line-height: 20px;
- height: 310px;
- text-align: justify;
- padding-right: 5px;
- }
- #FEFichaParrafote2 {
- line-height: 20px;
- height: 345px;
- text-align: justify;
- padding-right: 5px;
- }
- #FEFichParrafoteMini {
- text-align: left;
- line-height: 28px;
- margin-top: 8px;
- }
- .FEFichDatNomBIG {
- font-family: 'Playfair Display';
- font-weight: 600;
- font-style: italic;
- font-size: 19px;
- text-align: right;
- padding: 3%;
- margin-left: 5px;
- border-bottom: 2px solid #444;
- line-height: 18px;
- color: #ddd;
- margin-bottom: 4px;
- width: 93%;
- padding-bottom: 10px;
- font-size: 24px;
- position: relative;
- margin-top: -5px;
- }
- .FEFichFisico {
- position: absolute;
- width: 320px;
- height: 370px;
- background: #161616;
- margin-top: 15px;
- margin-left: 315px;
- outline: 1px solid #313131;
- z-index: 3;
- }
- .FEFichPsico {
- position: absolute;
- width: 320px;
- height: 370px;
- background: #161616;
- margin-top: 15px;
- margin-left: 315px;
- outline: 1px solid #313131;
- overflow: hidden;
- }
- #FEFchikito {
- height: 50px;
- line-height: 14px;
- }
- #FEFichGMIMG {
- background-image: url(https://cdn.discordapp.com/attachments/687140426716938303/687740542821597203/est.png);
- }
- #FEFichCivilesIMG {
- background-image: url(https://cdn.discordapp.com/attachments/687140426716938303/688908898341486677/civiles.png);
- }
- #FEFichCleroIMG {
- background-image: url(https://cdn.discordapp.com/attachments/687140426716938303/688908902439714836/clero.png);
- }
- #FEFichMiliIMG {
- background-image: url(https://cdn.discordapp.com/attachments/687140426716938303/688908904796913689/militares.png);
- }
- #FEFichEscIMG {
- background-image: url(https://cdn.discordapp.com/attachments/687140426716938303/688908904570290240/escalvos.png);
- }
- #FEFichDelIMG {
- background-image: url(https://cdn.discordapp.com/attachments/687140426716938303/688908905144909834/delincuentes.png);
- }
- #FEFichGMIMG label {
- background: #295228;
- color: #eee;
- }
- #FEFichMiliIMG label {
- background: #bf5626;
- color: #eee;
- }
- #FEFichCleroIMG label {
- background: #49b9bf;
- color: #1a1a1a;
- }
- #FEFichCivilesIMG label {
- background: #e897af;
- color: #1a1a1a;
- }
- #FEFichEscIMG label {
- background: #c9c34f;
- color: #1a1a1a;
- }
- #FEFichDelIMG label {
- background: #614575;
- color: #eee;
- }
- #FEFichEstGM {
- border-bottom: 2px solid #4a8549;
- }
- #FEFichMilitar {
- border-bottom: 2px solid #c94622;
- }
- #FEFichClero {
- border-bottom: 2px solid #36c2c9;
- }
- #FEFichCivil {
- border-bottom: 2px solid #de7e9b;
- }
- #FEFichEsc {
- border-bottom: 2px solid #c9c34f;
- }
- #FEFichDel {
- border-bottom: 2px solid #614575;
- }
- #FEFichImgChikiBRD {
- outline: 1px solid #d6764b;
- }
- #FEFichImgChikiClr {
- outline: 1px solid #36c2c9;
- }
- #FEFichImgChikiPnk {
- outline: 1px solid #de7e9b;
- }
- #FEFichImgChikiEsc {
- outline: 1px solid #e6dd43;
- }
- #FEFichImgChikiDel {
- outline: 1px solid #9548cf;
- }
- #FEFichImgChikiGM {
- outline: 1px solid #4da34b;
- }
- #FEFichGMIMG label {
- background: #295228;
- }
- /*FICHAS DE COMBATE*/
- /* NEGRADAS DE TIB PARA LAS FICHAS DE COMBATE */
- .FEFiStatsWrap {
- background-color: #111;
- background-image: url(https://www.transparenttextures.com/patterns/dark-exa.png);
- width: 620px;
- height: 355px;
- margin: auto;
- margin-top: 0px!important;
- overflow: hidden;
- margin-top: 60px;
- outline: 1px solid #444;
- line-height: 0px;
- display: flex;
- align-items: center;
- }
- .FEFiSTp {
- width: 292px;
- height: 400px;
- margin: auto;
- margin-top: 10px;
- display: flex;
- flex-wrap: nowrap;
- justify-content: space-between;
- overflow: hidden;
- }
- .FEFiSTpIzq {
- width: 320px;
- height: 370px;
- background: transparent;
- border: 1px solid #444;
- }
- .FEStDatPrIzq {
- width: 290px;
- height: 329px;
- background: transparent;
- display: flex;
- align-items: flex-start;
- align-content: flex-start;
- justify-content: center;
- flex-wrap: wrap;
- margin-top: 0px;
- transition 1s;
- border: 1px solid #444;
- }
- .FEFSNM {
- width: 100%;
- height: 30px;
- padding: 10px;
- background: #161616;
- display: flex;
- flex-wrap: wrap;
- justify-content: center;
- }
- .FEFSDT {
- width: 60px;
- height: 100%;
- background: var(--exocolor);
- display: flex;
- align-items: center;
- justify-content: center;
- font-family:'Open Sans', sans-serif;
- text-transform: uppercase;
- font-size: 12px;
- color: #eee;
- }
- #FEFSDTchik {
- width: 50px;
- }
- #NumeroAEditar {
- background: #bfbfbf;
- width: 35px;
- margin-right: 5px;
- color: #222;
- }
- .FEFSNeim {
- font-family: 'Playfair Display';
- font-weight: 600;
- font-style: italic;
- font-size: 20px;
- color: #aaa;
- width: 100%;
- text-align: center;
- line-height: 18px;
- max-height: 24px;
- display: flex;
- align-items: center;
- justify-content: center;
- }
- .FEFSNeim2 {
- font-weight: 600;
- font-style: italic;
- color: #aaa;
- text-align: center;
- max-height: 24px;
- display: flex;
- align-items: center;
- justify-content: center;
- display: inline;
- line-height: 10px;
- font-family: 'Open Sans';
- font-size: 12px!important;
- padding-left: 4px;
- line-height: 10px!important;
- }
- #FEFSNMeim {
- height: 30px;
- }
- #FEFSts {
- background: #161616;
- display: flex;
- justify-content: space-around;
- flex-wrap: wrap;
- align-items: center;
- height: 170px;
- padding: 4px 0px;
- }
- #NumeroAEditarD {
- background: #bfbfbf;
- color: #222;
- width: 35px;
- }
- #NumeroAEditarDP {
- background: #bfbfbf;
- color: #462652;
- width: 40px;
- margin-left: -10px;
- }
- .FEFStWr {
- width: 130px;
- height: 30px;
- background: transparent;
- display: flex;
- justify-content: center;
- }
- #RazaAEditar {
- background: olive;
- text-transform: none;
- width: 120px;
- font-size: 10px;
- }
- #FEFmuhancestors {
- font-size: 14px;
- line-height: 14px;
- height: 20px;
- color: #999;
- }
- .FEFStag {
- color: #ddd;
- text-transform: uppercase;
- font-family: 'Open Sans', sans serif;
- font-size: 10px;
- letter-spacing: 6px;
- line-height: 10px;
- display: inline;
- margin-left: 12px;
- }
- .FEFStag2 {
- color: #ddd;
- text-transform: uppercase;
- font-family: 'Open Sans', sans serif;
- font-size: 10px;
- line-height: 10px;
- display: inline;
- letter-spacing: 0px;
- }
- #FEFbordearriba {
- border-top: 1px solid var(--exocolor);
- }
- #FEFSCha {
- height: 40px;
- margin-top: -10px;
- }
- #FEFSCha2 {
- height: 40px;
- margin-top: -2px;
- }
- #FEFemparejarluna {
- height: 10px;
- }
- #RangoAEditar {
- background: #bfbfbf;
- color: #222;
- width: 20px;
- margin-right: 5px;
- }
- #FEFSDProf {
- width: 60px;
- font-size: 9px;
- font-weight: 500;
- }
- #FEFSDProf2 {
- width: 103px;
- font-size: 10px;
- font-weight: 500;
- }
- #FEFSNMDis {
- height: 25px;
- padding: 10px 0px;
- padding-bottom: 9px;
- }
- #FEFSNMDisb {
- height: 25px;
- border-top: 1px solid var(--exocolor);
- padding: 10px 0px;
- padding-bottom: 9px;
- }
- .FESBotonsWrp {
- width: 525px;
- height: 50px;
- background: transparent;
- margin: auto;
- display: flex;
- justify-content: space-between;
- align-items: center;
- line-height: 0px;
- }
- .FESBotons {
- min-width: 50px;
- background: var(--exocolor);
- text-align: center;
- font-family: 'Open Sans', sans serif;
- font-weight: 600;
- font-size: 13px;
- text-transform: uppercase;
- padding: 5px 10px;
- color: #eee;
- line-height: 18px;
- outline: 1px solid #444;
- }
- .FESBtOut {
- padding: 3px;
- outline: 1px solid #444;
- cursor: pointer;
- }
- /* NEGRADAS DE TIB PARA EL PERFIL */
- .FEFotravez #field_id:nth-child(2) {
- display: none;
- }
- .FEFContactoNombre img {
- display: none
- }
- .FEFContactoNombre {
- opacity: 0;
- position: absolute;
- transition: .2s;
- margin-left: -200px;
- margin-top: -40px;
- text-align: right;
- position: absolute;
- width: 200px
- }
- #FEFContactoHover:hover ~ .FEFContactoNombre {
- opacity: 1;
- }
- .FEFLabelTXT {
- padding: 5px 5px;
- background: #333;
- text-transform: uppercase;
- font-size: 9px;
- background-color: #151515;
- color: #ECECEC;
- outline: 1px solid #666;
- }
- #FEPerTit {
- display: flex;
- align-items: center;
- justify-content: center;
- border-right: 0px;
- margin: auto;
- outline: 1px solid #444;
- }
- #FEPerPanel {
- margin: 0px 80px;
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement