/* ===== ONGLETS ===== */ div.sheet-tab-content { display: none; } input.sheet-tab1:checked ~ div.sheet-tab1, input.sheet-tab2:checked ~ div.sheet-tab2 { display: block; } input.sheet-tab { cursor: pointer; z-index: 1; } input.sheet-tab::before { content: none; } input.sheet-tab:not(:first-child)::before { border-left: none; } /* ===== Attributs du Personnage ===== */ .sheet-attributs { background-color: #7f6140; font-size: 1.1em; font-family: Caslon Antique, Arial; width: 1200px; } /* ===== Jauge Attitude ===== */ .sheet-attitude { background-color: #7f6140; font-size: 1.2em; font-family: Caslon Antique, Arial; width: 800px; } .sheet-subheader-prudence { background: Green; color: white; font-weight: bold; } .sheet-subheader-reckless { background: red; color: white; font-weight: bold; } /* ===== Tableaux caractéristiques ===== */ .sheet-caract1 { width: 420px; padding-left: 6px; font-size: 1.2em; font-family: Caslon Antique, Arial; background-color: #c96c47; background-image: url("http://imgur.com/ucVqgbm.png"), url("http://imgur.com/jG7oBAE.png"); background-repeat: no-repeat; background-position: center left, top right; border-width: thick; border-style: outset; border-color: #c0643e; } .sheet-caract2 { padding-left: 6px; font-family: Caslon Antique, Arial; width: 450px; font-size: 1.2em; background-color: #95a1b4; background-image: url("http://imgur.com/mOXm3sW.png"), url("http://imgur.com/jG7oBAE.png"); background-repeat: no-repeat; background-position: center left, top right; border-width: thick; border-style: outset; border-color: #838c9c; } /* ===== Tabeaux Compétences ===== */ .sheet-competences1 { width: 240px; font-family: Caslon Antique, Arial; font-size: 1.2em; background-image: url("http://imgur.com/m8GZ9ga.png"); background-repeat: no-repeat; background-size: 100%; border-width: 3px; text-align: center; border-style: solid; border-color: black; } .sheet-competences2 { width: 260px; font-family: Caslon Antique, Arial; font-size: 1.2em; background-image: url("http://imgur.com/m8GZ9ga.png"); background-repeat: no-repeat; background-size: 100%; border-width: 3px; text-align: center; border-style: solid; border-color: black; } .sheet-competences3 { width: 350px; font-family: Caslon Antique, Arial; font-size: 1.2em; background-image: url("http://imgur.com/m8GZ9ga.png"); background-repeat: no-repeat; background-size: 100%; border-width: 3px; text-align: center; border-style: solid; border-color: black; } /* ===== Spécialisations, Aptitudes et Cartes d'Action ===== */ .sheet-specialisations{ width: 200px; font-family: Caslon Antique, Arial; background-color: #c4b89e; border-width: 3px; text-align: center; border-style: solid; border-color: black; } .sheet-aptitude{ width: 300px; font-family: Caslon Antique, Arial; background-color: #c4b89e; border-width: 3px; text-align: center; border-style: solid; border-color: black; } .sheet-actions{ width: 310px; font-family: Caslon Antique, Arial; background-color: #c4b89e; border-width: 3px; text-align: center; border-style: solid; border-color: black; } .sheet-equipement { margin-bottom: 4px; padding: 2px 4px; font-size: 1,25em; background-color: #167b19; font-family: Caslon Antique, Arial; font-weight: bold; text-align: left; } h2 { background-image: url("http://imgur.com/dY3YamZ.png.png"); background-repeat: no-repeat; background-size: 100%; display: inline; } /* ===== ONGLET 2 ===== */ /* ===== Experience et Evolution du personnage ===== */ .sheet-caracprimaires { width: 300px; font-family: Caslon Antique, Arial; background-image: url("http://imgur.com/m8GZ9ga.png"); background-repeat: no-repeat; background-size: 100%; border-width: 3px; text-align: center; border-style: solid; border-color: black; } .sheet-augmentations { width: 410px; font-family: Caslon Antique, Arial; background-image: url("http://imgur.com/m8GZ9ga.png"); background-repeat: no-repeat; background-size: 100%; border-width: 3px; text-align: center; border-style: solid; border-color: black; } .sheet-augmentations2 { width: 480px; font-family: Caslon Antique, Arial; background-image: url("http://imgur.com/m8GZ9ga.png"); background-repeat: no-repeat; background-size: 100%; border-width: 3px; border-style: solid; border-color: black; } /* ===== Alterations ===== */ .sheet-critiques { background-color: #de3f21; font-family: Caslon Antique, Arial; border-width: 3px; border-style: solid; border-color: black; } .sheet-folies { background-color: #3d7bb2; font-family: Caslon Antique, Arial; border-width: 3px; border-style: solid; border-color: black; } .sheet-mutations { background-color: #773681; font-family: Caslon Antique, Arial; border-width: 3px; border-style: solid; border-color: black; } .sheet-maladies { background-color: #37743c; font-family: Caslon Antique, Arial; border-width: 3px; border-style: solid; border-color: black; } /* ===== Notes ===== */ .sheet-notes { width: 600px; font-family: Caslon Antique, Arial; background-image: url("http://imgur.com/m8GZ9ga.png"); background-repeat: no-repeat; background-size: 100%; border-width: 3px; border-style: solid; border-color: black; } /* ===== Cases à cochers spéciaux ===== */ /* ===== Radio Compétences===== */ /* Hide actual radio */ input.sheet-radio-competence[type="radio"] { opacity: 0; width: 12px; height: 12px; position: relative; top: 5px; left: 6px; margin: -5px; cursor: pointer; z-index: 1; } /* Fake radio */ input.sheet-radio-competence[type="radio"] + span::before { margin-right: 2px; line-height: 12px; text-align: center; display: inline-block; vertical-align: middle; content: url("http://imgur.com/0hH6KZd.png"); } /* Remove dot from all radios _after_ selected one */ input.sheet-radio-competence[type="radio"]:checked ~ input[type="radio"] + span::before { content: url("http://imgur.com/eoWpfQ5.png"); } /* ===== Radio Temeraire ===== */ /* Hide actual radio */ input.sheet-radio-temeraire[type="radio"] { opacity: 0; width: 16px; height: 16px; position: relative; top: 5px; left: 6px; margin: -10px; cursor: pointer; z-index: 1; } /* Fake radio */ input.sheet-radio-temeraire[type="radio"] + span::before { margin-right: 2px; line-height: 16px; text-align: center; display: inline-block; vertical-align: middle; content: url("http://imgur.com/4vgjtWP.png"); } /* Remove dot from all radios _after_ selected one */ input.sheet-radio-temeraire[type="radio"]:checked ~ input[type="radio"] + span::before { content: url("http://imgur.com/43200nY.png"); } /* ===== Radio Prudent ===== */ /* Hide actual radio */ input.sheet-radio-prudent[type="radio"] { opacity: 0; width: 16px; height: 16px; position: relative; top: 5px; left: 6px; margin: -10px; cursor: pointer; z-index: 1; } /* Fake radio */ input.sheet-radio-prudent[type="radio"] + span::before { margin-right: 2px; line-height: 16px; text-align: center; display: inline-block; vertical-align: middle; content: url("http://imgur.com/QYys4Lz.png"); } /* Remove dot from all radios _after_ selected one */ input.sheet-radio-prudent[type="radio"]:checked ~ input[type="radio"] + span::before, input.sheet-radio-prudent[type="radio"]:checked + span::before { content: url("http://imgur.com/xMr6BVG.png"); } /* ===== Radio Caracteristique ===== */ /* Hide actual radio */ input.sheet-radio-caracteristique[type="radio"] { opacity: 0; width: 25px; height: 25px; position: relative; top: 5px; left: 6px; margin: -10px; cursor: pointer; z-index: 1; } /* Fake radio */ input.sheet-radio-caracteristique[type="radio"] + span::before { margin-right: 2px; line-height: 25px; text-align: center; display: inline-block; vertical-align: middle; content: url("http://imgur.com/KWrkMNM.png"); } /* Remove dot from all radios _after_ selected one */ input.sheet-radio-caracteristique[type="radio"]:checked ~ input[type="radio"] + span::before { content: url("http://imgur.com/VIfeLQq.png"); } /* ===== Radio Fortune ===== */ /* Hide actual radio */ input.sheet-radio-fortune[type="radio"] { opacity: 0; width: 15px; height: 15px; position: relative; top: 5px; left: 6px; margin: -10px; cursor: pointer; z-index: 1; } /* Fake radio */ input.sheet-radio-fortune[type="radio"] + span::before { margin-right: 2px; line-height: 15px; text-align: center; display: inline-block; vertical-align: middle; content: url("http://imgur.com/0LSgV62.png"); } /* Remove dot from all radios _after_ selected one */ input.sheet-radio-fortune[type="radio"]:checked ~ input[type="radio"] + span::before { content: url("http://imgur.com/9GDWzQ3.png"); }