Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- /* Tooltip container */
- .charsheet-tooltip {
- position: relative;
- display: inline-block;
- border-bottom: 1px dotted black; /* If you want dots under the hoverable text */
- }
- /* Tooltip text */
- .sheet-tooltip .sheet-tooltiptext {
- visibility: hidden;
- width: 120px;
- background-color: black;
- color: #fff;
- text-align: center;
- padding: 5px 0;
- border-radius: 6px;
- /* Position the tooltip text - see examples below! */
- position: absolute;
- z-index: 1;
- width: 180px;
- top: 85%;
- left: 50%;
- margin-left: -60px; /* Use half of the width (120/2 = 60), to center the tooltip */
- }
- /* Show the tooltip text when you mouse over the tooltip container */
- .sheet-tooltip:hover .sheet-tooltiptext {
- visibility: visible;
- }
- /*----------- Tabs Setup -------------*/
- /*this hides the contents of each tab by default*/
- .charsheet div[class^="sheet-section"] {
- display: none;
- }
- /*this shows the tab content when the appropriate input field is selected*/
- .charsheet input.sheet-tab1:checked ~ div.sheet-section-core,
- .charsheet input.sheet-tab2:checked ~ div.sheet-section-skills,
- .charsheet input.sheet-tab3:checked ~ div.sheet-section-spells,
- .charsheet input.sheet-tab4:checked ~ div.sheet-section-gear,
- .charsheet input.sheet-tab5:checked ~ div.sheet-section-notes,
- .charsheet input.sheet-tab6:checked ~ div.sheet-section-abilities,{
- display: block;
- }
- .charsheet input.sheet-tab99:checked ~ div[class^="sheet-section"] {
- display: block;
- }
- /*this hides the radio button for each tab, makes it 100px wide and 40px tall and makes sure it's above everything else*/
- .charsheet input.sheet-tab {
- width: 100px;
- height: 40px;
- cursor: pointer;
- position: relative;
- opacity: 0;
- z-index: 9999;
- }
- /*this styles the span with the tab information and slides to the left, so it appears underneath the radio button*/
- .charsheet span.sheet-tab {
- text-align: center;
- display: inline-block;
- font-size: 13px;
- background: #c7c3b0;
- color: black;
- font-weight: bold;
- border-radius: 4px;
- width: 100px;
- height: 40px;
- cursor: pointer;
- position: relative;
- vertical-align: middle;
- margin-left: -101px;/*originally 91px*/
- }
- /*this modifies the span color once the radio button is selected so you know which tab is selected*/
- .charsheet input.sheet-tab1:checked + span.sheet-tab1,
- .charsheet input.sheet-tab2:checked + span.sheet-tab2,
- .charsheet input.sheet-tab3:checked + span.sheet-tab3,
- .charsheet input.sheet-tab4:checked + span.sheet-tab4,
- .charsheet input.sheet-tab5:checked + span.sheet-tab5,
- .charsheet input.sheet-tab6:checked + span.sheet-tab6,
- .charsheet input.sheet-tab7:checked + span.sheet-tab7,
- .charsheet input.sheet-tab8:checked + span.sheet-tab8,
- .charsheet input.sheet-tab99:checked + span.sheet-tab99 {
- background: #2c424e;
- color: #bfc4c6;
- border-radius: 4px;
- }
- /*----------- End Tab Setup -----------*/
- .sheet-bold {
- font-weight: 900;
- }
- .sheet-italic {
- font-style: italic;
- }
- .sheet-inline {
- display: inline-block;
- }
- .sheet-insanities-row {
- border: 1px solid black;
- }
- .sheet-sanity-sheet-row {
- border: 1px solid black;
- }
- .sheet-collapse {
- display: none;
- }
- .sheet-collapse-show:checked ~.sheet-collapse {
- display: block;
- }
- .sheet-collapse1 {
- display: none;
- }
- .sheet-collapse-show1:checked ~.sheet-collapse1 {
- display: block;
- }
- .sheet-collapse2 {
- display: none;
- }
- .sheet-collapse-show2:checked ~.sheet-collapse2 {
- display: block;
- }
- .sheet-collapse3 {
- display: none;
- }
- .sheet-collapse-show3:checked ~.sheet-collapse3 {
- display: block;
- }
- .sheet-collapse4 {
- display: none;
- }
- .sheet-collapse-show4:checked ~.sheet-collapse4 {
- display: block;
- }
- .sheet-collapse5 {
- display: none;
- }
- .sheet-collapse-show5:checked ~.sheet-collapse5 {
- display: block;
- }
- .sheet-collapse6 {
- display: none;
- }
- .sheet-collapse-show6:checked ~.sheet-collapse6 {
- display: block;
- }
- .sheet-collapse7 {
- display: none;
- }
- .sheet-collapse-show7:checked ~.sheet-collapse7 {
- display: block;
- }
- .sheet-collapse8 {
- display: none;
- }
- .sheet-collapse-show8:checked ~.sheet-collapse8 {
- display: block;
- }
- .sheet-collapse9 {
- display: none;
- }
- .sheet-collapse-show9:checked ~.sheet-collapse9 {
- display: block;
- }
- .sheet-collapse10 {
- display: none;
- }
- .sheet-collapse-show10:checked ~.sheet-collapse10 {
- display: block;
- }
- .sheet-collapse11 {
- display: none;
- }
- .sheet-collapse-show11:checked ~.sheet-collapse11 {
- display: block;
- }
- .sheet-collapse12 {
- display: none;
- }
- .sheet-collapse-show12:checked ~.sheet-collapse12 {
- display: block;
- }
- .sheet-collapse13 {
- display: none;
- }
- .sheet-collapse-show13:checked ~.sheet-collapse13 {
- display: block;
- }
- .sheet-collapse14 {
- display: none;
- }
- .sheet-collapse-show14:checked ~.sheet-collapse14 {
- display: block;
- }
- .sheet-collapse15 {
- display: none;
- }
- .sheet-collapse-show15:checked ~.sheet-collapse15 {
- display: block;
- }
- .sheet-collapse16 {
- display: none;
- }
- .sheet-collapse-show16:checked ~.sheet-collapse16 {
- display: block;
- }
- .sheet-collapse17 {
- display: none;
- }
- .sheet-collapse-show17:checked ~.sheet-collapse17 {
- display: block;
- }
- .sheet-collapse18 {
- display: none;
- }
- .sheet-collapse-show18:checked ~.sheet-collapse18 {
- display: block;
- }
- .sheet-collapse19 {
- display: none;
- }
- .sheet-collapse-show19:checked ~.sheet-collapse19 {
- display: block;
- }
- .sheet-collapse-show120:checked ~.sheet-collapse19 {
- display: block;
- }
- .sheet-collapse20 {
- display: none;
- }
- .sheet-collapse-show20:checked ~.sheet-collapse20 {
- display: block;
- }
- .sheet-collapse21 {
- display: none;
- }
- .sheet-collapse-show21:checked ~.sheet-collapse21 {
- display: block;
- }
- .sheet-collapse22 {
- display: none;
- }
- .sheet-collapse-show22:checked ~.sheet-collapse22 {
- display: block;
- }
- .sheet-collapse23 {
- display: none;
- }
- .sheet-collapse-show23:checked ~.sheet-collapse23 {
- display: block;
- }
- .sheet-collapse24 {
- display: none;
- }
- .sheet-collapse-show24:checked ~.sheet-collapse24 {
- display: block;
- }
- .sheet-collapse25 {
- display: none;
- }
- .sheet-collapse-show25:checked ~.sheet-collapse25 {
- display: block;
- }
- .sheet-collapse26 {
- display: none;
- }
- .sheet-collapse-show26:checked ~.sheet-collapse26 {
- display: block;
- }
- .sheet-collapse27 {
- display: none;
- }
- .sheet-collapse-show27:checked ~.sheet-collapse27 {
- display: block;
- }
- .sheet-collapse28 {
- display: none;
- }
- .sheet-collapse-show28:checked ~.sheet-collapse28 {
- display: block;
- }
- .sheet-collapse29 {
- display: none;
- }
- .sheet-collapse-show29:checked ~.sheet-collapse29 {
- display: block;
- }
- .sheet-collapse30 {
- display: none;
- }
- .sheet-collapse-show30:checked ~.sheet-collapse30 {
- display: block;
- }
- .sheet-collapse31 {
- display: none;
- }
- .sheet-collapse-show31:checked ~.sheet-collapse31 {
- display: block;
- }
- .sheet-collapse32 {
- display: none;
- }
- .sheet-collapse-show32:checked ~.sheet-collapse32 {
- display: block;
- }
- .sheet-collapse33 {
- display: none;
- }
- .sheet-collapse-show33:checked ~.sheet-collapse33 {
- display: block;
- }
- .sheet-collapse34 {
- display: none;
- }
- .sheet-collapse-show34:checked ~.sheet-collapse34 {
- display: block;
- }
- .sheet-collapse35 {
- display: none;
- }
- .sheet-collapse-show35:checked ~.sheet-collapse35 {
- display: block;
- }
- .sheet-collapse36 {
- display: none;
- }
- .sheet-collapse-show36:checked ~.sheet-collapse36 {
- display: block;
- }
- .sheet-collapse37 {
- display: none;
- }
- .sheet-collapse-show37:checked ~.sheet-collapse37 {
- display: block;
- }
- .sheet-collapse38 {
- display: none;
- }
- .sheet-collapse-show38:checked ~.sheet-collapse38 {
- display: block;
- }
- .sheet-collapse39 {
- display: none;
- }
- .sheet-collapse-show39:checked ~.sheet-collapse39 {
- display: block;
- }
- .sheet-collapse40 {
- display: none;
- }
- .sheet-collapse-show40:checked ~.sheet-collapse40 {
- display: block;
- }
- .sheet-collapse41 {
- display: none;
- }
- .sheet-collapse-show41:checked ~.sheet-collapse41 {
- display: block;
- }
- .sheet-collapse42 {
- display: none;
- }
- .sheet-collapse-show42:checked ~.sheet-collapse42 {
- display: block;
- }
- .sheet-collapse43 {
- display: none;
- }
- .sheet-collapse-show43:checked ~.sheet-collapse43 {
- display: block;
- }
- .sheet-collapse44 {
- display: none;
- }
- .sheet-collapse-show44:checked ~.sheet-collapse44 {
- display: block;
- }
- .sheet-collapse45 {
- display: none;
- }
- .sheet-collapse-show45:checked ~.sheet-collapse45 {
- display: block;
- }
- .sheet-collapse46 {
- display: none;
- }
- .sheet-collapse-show46:checked ~.sheet-collapse46 {
- display: block;
- }
- .sheet-collapse47 {
- display: none;
- }
- .sheet-collapse-show47:checked ~.sheet-collapse47 {
- display: block;
- }
- .sheet-collapse48 {
- display: none;
- }
- .sheet-collapse-show48:checked ~.sheet-collapse48 {
- display: block;
- }
- .sheet-collapse49 {
- display: none;
- }
- .sheet-collapse-show49:checked ~.sheet-collapse49 {
- display: block;
- }
- .sheet-collapse50 {
- display: none;
- }
- .sheet-collapse-show50:checked ~.sheet-collapse50 {
- display: block;
- }
- .sheet-collapse51 {
- display: none;
- }
- .sheet-collapse-show51:checked ~.sheet-collapse51 {
- display: block;
- }
- .sheet-collapse52 {
- display: none;
- }
- .sheet-collapse-show52:checked ~.sheet-collapse52 {
- display: block;
- }
- .sheet-collapse53 {
- display: none;
- }
- .sheet-collapse-show53:checked ~.sheet-collapse53 {
- display: block;
- }
- .sheet-collapse54 {
- display: none;
- }
- .sheet-collapse-show54:checked ~.sheet-collapse54 {
- display: block;
- }
- .sheet-collapse55 {
- display: none;
- }
- .sheet-collapse-show55:checked ~.sheet-collapse55 {
- display: block;
- }
- .sheet-collapse56 {
- display: none;
- }
- .sheet-collapse-show56:checked ~.sheet-collapse56 {
- display: block;
- }
- .sheet-textarea1 {
- width: 90%;
- height: 100px;
- padding: 12px 20px;
- box-sizing: border-box;
- border: 2px solid #ccc;
- border-radius: 4px;
- background-color: #f8f8f8;
- }
- .sheet-textareatwo {
- width: 90%;
- height: 100px;
- padding: 12px 20px;
- box-sizing: border-box;
- border: 2px solid #ccc;
- border-radius: 4px;
- background-color: #f8f8f8;
- }
- .sheet-container {
- width: 1000px;
- position: relative;
- }
- .sheet-buttonwidth {
- max-width: 186px;
- }
- .sheet-notes-box {
- height: 75px;
- }
- .sheet-notes-box2 {
- width: 95%;
- height: 300px;
- padding: 12px 20px;
- box-sizing: border-box;
- border: 2px solid #ccc;
- border-radius: 4px;
- background-color: #f8f8f8;
- }
- /* rolltemplate skill rolls*/
- .sheet-rolltemplate-ataw table {
- width: 100%;
- border: 1px solid black;
- color: black;
- background: #FFFFFF;
- }
- .sheet-rolltemplate-ataw caption {
- text-align: center;
- background: black;
- color: white;
- font-weight: bold;
- padding: 2px;
- border: 1px solid black;
- line-height: 1.6em;
- }
- .sheet-rolltemplate-ataw td {
- padding: 2px;
- border-bottom: 1px solid black;
- }
- .sheet-rolltemplate-ataw td.sheet-template_label {
- font-weight: bold;
- }
- .sheet-rolltemplate-ataw td.sheet-template_value {
- text-align: center;
- }
- .sheet-rolltemplate-ataw .inlinerollresult {
- display: inline-block;
- min-width: 1.5em;
- text-align: center;
- border: 2px solid black;
- background: #BEBEBE;
- }
- .sheet-rolltemplate-ataw .inlinerollresult.fullcrit {
- border: 2px solid black;
- background: #BEBEBE;
- }
- .sheet-rolltemplate-ataw .inlinerollresult.fullfail {
- border: 2px solid black;
- background: #BEBEBE;
- }
- .sheet-rolltemplate-ataw .inlinerollresult.importantroll {
- border: 2px solid black;
- background: #BEBEBE;
- }
- /* rolltemplate stat rolls*/
- .sheet-rolltemplate-stat table {
- width: 100%;
- border: 1px solid black;
- color: black;
- background: #FFFFFF;
- }
- .sheet-rolltemplate-stat caption {
- text-align: center;
- background: #FFA500;
- color: black;
- font-weight: bold;
- padding: 2px;
- border: 1px solid black;
- line-height: 1.6em;
- }
- .sheet-rolltemplate-stat td {
- padding: 2px;
- border-bottom: 1px solid black;
- }
- .sheet-rolltemplate-stat td.sheet-template_label {
- font-weight: bold;
- }
- .sheet-rolltemplate-stat td.sheet-template_value {
- text-align: center;
- }
- .sheet-rolltemplate-stat .inlinerollresult {
- display: inline-block;
- min-width: 1.5em;
- text-align: center;
- border: 2px solid black;
- background: #BEBEBE;
- }
- .sheet-rolltemplate-stat .inlinerollresult.fullcrit {
- border: 2px solid black;
- background: #BEBEBE;
- }
- .sheet-rolltemplate-stat .inlinerollresult.fullfail {
- border: 2px solid black;
- background: #BEBEBE;
- }
- .sheet-rolltemplate-stat .inlinerollresult.importantroll {
- border: 2px solid black;
- background: #BEBEBE;
- }
- /* rolltemplate stat2 rolls*/
- .sheet-rolltemplate-stat2 table {
- width: 100%;
- border: 1px solid black;
- color: black;
- background: #FFFFFF;
- }
- .sheet-rolltemplate-stat2 caption {
- text-align: center;
- background: #FFA500;
- color: black;
- font-weight: bold;
- padding: 2px;
- border: 1px solid black;
- line-height: 1.6em;
- }
- .sheet-rolltemplate-stat2 td {
- padding: 2px;
- border-bottom: 1px solid black;
- }
- .sheet-rolltemplate-stat2 td.sheet-template_label {
- font-weight: bold;
- }
- .sheet-rolltemplate-stat2 td.sheet-template_value {
- text-align: center;
- }
- .sheet-rolltemplate-stat2 .inlinerollresult {
- display: inline-block;
- min-width: 1.5em;
- text-align: center;
- border: 2px solid black;
- background: #BEBEBE;
- }
- .sheet-rolltemplate-stat2 .inlinerollresult.fullcrit {
- border: 2px solid black;
- background: #BEBEBE;
- }
- .sheet-rolltemplate-stat2 .inlinerollresult.fullfail {
- border: 2px solid black;
- background: #BEBEBE;
- }
- .sheet-rolltemplate-stat2 .inlinerollresult.importantroll {
- border: 2px solid black;
- background: #BEBEBE;
- }
- /* rolltemplate spell rolls*/
- .sheet-rolltemplate-spell table {
- width: 100%;
- border: 1px solid black;
- color: black;
- background: #FFFFFF;
- }
- .sheet-rolltemplate-spell caption {
- text-align: center;
- background: #9400D3;
- color: #DCDCDC;
- font-weight: bold;
- padding: 2px;
- border: 1px solid black;
- line-height: 1.6em;
- }
- .sheet-rolltemplate-spell td {
- padding: 2px;
- border-bottom: 1px solid black;
- }
- .sheet-rolltemplate-spell td.sheet-template_label {
- font-weight: bold;
- }
- .sheet-rolltemplate-spell td.sheet-template_value {
- text-align: center;
- }
- .sheet-rolltemplate-spell .inlinerollresult {
- display: inline-block;
- min-width: 1.5em;
- text-align: center;
- border: 2px solid black;
- background: #BEBEBE;
- }
- .sheet-rolltemplate-spell .inlinerollresult.fullcrit {
- border: 2px solid black;
- background: #BEBEBE;
- }
- .sheet-rolltemplate-spell .inlinerollresult.fullfail {
- border: 2px solid black;
- background: #BEBEBE;
- }
- .sheet-rolltemplate-spell .inlinerollresult.importantroll {
- border: 2px solid black;
- background: #BEBEBE;
- }
- /*rolltemplate ability rolls*/
- .sheet-rolltemplate-abilities table {
- width: 100%;
- border: 1px solid black;
- color: black;
- background: #FFFFFF;
- }
- .sheet-rolltemplate-abilities caption {
- text-align: center;
- background: #E0FFFF;
- color: #000000;
- font-weight: bold;
- padding: 2px;
- border: 1px solid black;
- line-height: 1.6em;
- }
- .sheet-rolltemplate-abilities td {
- padding: 2px;
- border-bottom: 1px solid black;
- }
- .sheet-rolltemplate-abilities td.sheet-template_label {
- font-weight: bold;
- }
- .sheet-rolltemplate-abilities td.sheet-template_value {
- text-align: center;
- }
- .sheet-rolltemplate-abilities .inlinerollresult {
- display: inline-block;
- min-width: 1.5em;
- text-align: center;
- border: 2px solid black;
- background: #BEBEBE;
- }
- .sheet-rolltemplate-abilities .inlinerollresult.fullcrit {
- border: 2px solid black;
- background: #BEBEBE;
- }
- .sheet-rolltemplate-abilities .inlinerollresult.fullfail {
- border: 2px solid black;
- background: #BEBEBE;
- }
- .sheet-rolltemplate-abilities .inlinerollresult.importantroll {
- border: 2px solid black;
- background: #BEBEBE;
- }
- .sheet-fixed {
- position: fixed;
- top: 7.10%;
- }
Add Comment
Please, Sign In to add comment