@font-face { font-family: 'aller'; src: url('http://vader.binaryelysium.com/fonts/aller_rg-webfont.eot'); src: url('http://vader.binaryelysium.com/fonts/aller_rg-webfont.eot?#iefix') format('embedded-opentype'), url('http://vader.binaryelysium.com/fonts/aller_rg-webfont.woff') format('woff'), url('http://vader.binaryelysium.com/fonts/aller_rg-webfont.ttf') format('truetype'), url('http://vader.binaryelysium.com/fonts/aller_rg-webfont.svg#allerregular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'aller'; src: url('http://vader.binaryelysium.com/fonts/aller_bd-webfont.eot'); src: url('http://vader.binaryelysium.com/fonts/aller_bd-webfont.eot?#iefix') format('embedded-opentype'), url('http://vader.binaryelysium.com/fonts/aller_bd-webfont.woff') format('woff'), url('http://vader.binaryelysium.com/fonts/aller_bd-webfont.ttf') format('truetype'), url('http://vader.binaryelysium.com/fonts/aller_bd-webfont.svg#allerbold') format('svg'); font-weight: bold; font-style: normal; } @font-face { font-family: 'aller'; src: url('http://vader.binaryelysium.com/fonts/aller_it-webfont.eot'); src: url('http://vader.binaryelysium.com/fonts/aller_it-webfont.eot?#iefix') format('embedded-opentype'), url('http://vader.binaryelysium.com/fonts/aller_it-webfont.woff') format('woff'), url('http://vader.binaryelysium.com/fonts/aller_it-webfont.ttf') format('truetype'), url('http://vader.binaryelysium.com/fonts/aller_it-webfont.svg#alleritalic') format('svg'); font-weight: normal; font-style: italic; } @font-face { font-family: 'Jura'; font-style: normal; font-weight: 400; src: local('Jura Regular'), local('Jura-Regular'), url(https://themes.googleusercontent.com/static/fonts/jura/v5/pqMzP52_r6zHbOILcX8h-A.woff) format('woff'); } /* @-webkit-keyframes fadeAnim { 0% { opacity: 0; } 100% { opacity: 1; } } @-moz-keyframes fadeAnim { 0% { opacity: 0; } 100% { opacity: 1; } } @-o-keyframes fadeAnim { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes fadeAnim { 0% { opacity: 0; } 100% { opacity: 1; } } */ /** apply to input[type=radio/checkbox] */ /** CSS only dropdowns based off of http://jsfiddle.net/A664f/4/ */ .sheet-dropdown { position: relative; } /** CSS only dropdowns based off of http://jsfiddle.net/A664f/4/ */ .sheet-d12-s { background-position: -302px -1px; width: 23px; height: 23px; background-image: url("https://i.imgur.com/zkgyBOi.png"); background-repeat: no-repeat; color: transparent; display: inline-block; } .sheet-d10-s { background-position: -156px -1px; width: 23px; height: 23px; background-image: url("https://i.imgur.com/zkgyBOi.png"); background-repeat: no-repeat; color: transparent; display: inline-block; } .sheet-d8-s { background-position: -740px -1px; width: 23px; height: 23px; background-image: url("https://i.imgur.com/zkgyBOi.png"); background-repeat: no-repeat; color: transparent; display: inline-block; } .sheet-d6-s { background-position: -594px -1px; width: 23px; height: 23px; background-image: url("https://i.imgur.com/zkgyBOi.png"); background-repeat: no-repeat; color: transparent; display: inline-block; } .sheet-d4-s { background-position: -448px -1px; width: 23px; height: 23px; background-image: url("https://i.imgur.com/zkgyBOi.png"); background-repeat: no-repeat; color: transparent; display: inline-block; } .sheet-d12 { background-position: -265px -1px; width: 35px; height: 35px; background-image: url("https://i.imgur.com/zkgyBOi.png"); background-repeat: no-repeat; color: transparent; display: inline-block; } .sheet-d10 { background-position: -119px -1px; width: 35px; height: 35px; background-image: url("https://i.imgur.com/zkgyBOi.png"); background-repeat: no-repeat; color: transparent; display: inline-block; } .sheet-d8 { background-position: -703px -1px; width: 35px; height: 35px; background-image: url("https://i.imgur.com/zkgyBOi.png"); background-repeat: no-repeat; color: transparent; display: inline-block; } .sheet-d6 { background-position: -557px -1px; width: 35px; height: 35px; background-image: url("https://i.imgur.com/zkgyBOi.png"); background-repeat: no-repeat; color: transparent; display: inline-block; } .sheet-d4 { background-position: -411px -1px; width: 35px; height: 35px; background-image: url("https://i.imgur.com/zkgyBOi.png"); background-repeat: no-repeat; color: transparent; display: inline-block; } /* Sheet-wide styles */ .sheet-main-outer { background: url("https://i.imgur.com/WTTBLUo.png") top left no-repeat, url("https://i.imgur.com/hwYnUHT.png") bottom left no-repeat, #ffffff; border-style: solid; border-width: 1px; border-color: #a7a5a6; margin-top: 50px; } .sheet-main { position: relative; min-height: 795px; background-position: top left; background-repeat: no-repeat; width: 713px; background: white; margin: 125px 30px 90px 30px; border: none; border-left: 2px solid #a7a5a6; border-right: 2px solid #a7a5a6; padding: 0; font-family: 'aller', palatino, Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif; font-size: 16px; line-height: 14px; color: #000000; } .sheet-page { padding: 5px 5px; } .sheet-page .sheet-section { display: inline-block; width: 100%; padding: 0px 0px 0px 0px; margin: 0px 0px 2px 1px; min-height: 50px; } .sheet-page .sheet-section h2 { border-bottom: none; background-color: #a1a8c2; color: white; margin-top: 3px; font-size: 18px; font-weight: normal; letter-spacing: 3px; margin-bottom: 5px; font-variant: small-caps; width: 300px; position: relative; left: 7px; padding: 0; line-height: 28px; } .sheet-page .sheet-section h2:before { content: ""; position: absolute; top: 0px; left: -7px; bottom: 0; border-top: 7px solid transparent; border-right: 8px solid #a1a8c2; border-bottom: 7px solid transparent; } .sheet-page .sheet-section h2:after { content: ""; position: absolute; top: 0; bottom: 0; right: -7px; border-top: 7px solid transparent; border-left: 8px solid #a1a8c2; border-bottom: 7px solid transparent; } .sheet-page .sheet-section button[type=roll] { display: inline-block; margin-bottom: 0; font-weight: normal; text-align: center; vertical-align: middle; cursor: pointer; background-image: none; border: 1px solid transparent; white-space: nowrap; padding: 6px 12px; font-size: 14px; line-height: 1.42857143; border-radius: 4px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; color: #333333; background-color: #ffffff; border-color: #cccccc; font-family: Jura, Calibri, Candara, Segoe, "Segoe UI", Optima, "Liberation Sans", Arial, sans-serif; border: 0px solid transparent; font-weight: bold; } .sheet-page .sheet-section button[type=roll]:focus, .sheet-page .sheet-section button[type=roll]:active:focus, .sheet-page .sheet-section button[type=roll].active:focus { outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } .sheet-page .sheet-section button[type=roll]:hover, .sheet-page .sheet-section button[type=roll]:focus { color: #333333; text-decoration: none; } .sheet-page .sheet-section button[type=roll]:active, .sheet-page .sheet-section button[type=roll].active { outline: 0; background-image: none; -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); } .sheet-page .sheet-section button[type=roll].disabled, .sheet-page .sheet-section button[type=roll][disabled], fieldset[disabled] .sheet-page .sheet-section button[type=roll] { cursor: not-allowed; pointer-events: none; opacity: 0.65; filter: alpha(opacity=65); -webkit-box-shadow: none; box-shadow: none; } .sheet-page .sheet-section button[type=roll]:hover, .sheet-page .sheet-section button[type=roll]:focus, .sheet-page .sheet-section button[type=roll]:active, .sheet-page .sheet-section button[type=roll].active, .open .dropdown-toggle.sheet-page .sheet-section button[type=roll] { color: #333333; background-color: #ebebeb; border-color: #adadad; } .sheet-page .sheet-section button[type=roll]:active, .sheet-page .sheet-section button[type=roll].active, .open .dropdown-toggle.sheet-page .sheet-section button[type=roll] { background-image: none; } .sheet-page .sheet-section button[type=roll].disabled, .sheet-page .sheet-section button[type=roll][disabled], fieldset[disabled] .sheet-page .sheet-section button[type=roll], .sheet-page .sheet-section button[type=roll].disabled:hover, .sheet-page .sheet-section button[type=roll][disabled]:hover, fieldset[disabled] .sheet-page .sheet-section button[type=roll]:hover, .sheet-page .sheet-section button[type=roll].disabled:focus, .sheet-page .sheet-section button[type=roll][disabled]:focus, fieldset[disabled] .sheet-page .sheet-section button[type=roll]:focus, .sheet-page .sheet-section button[type=roll].disabled:active, .sheet-page .sheet-section button[type=roll][disabled]:active, fieldset[disabled] .sheet-page .sheet-section button[type=roll]:active, .sheet-page .sheet-section button[type=roll].disabled.active, .sheet-page .sheet-section button[type=roll][disabled].active, fieldset[disabled] .sheet-page .sheet-section button[type=roll].active { background-color: #ffffff; border-color: #cccccc; } .sheet-page .sheet-section button[type=roll] .badge { color: #ffffff; background-color: #333333; } .sheet-page .sheet-section button[type=roll]:before { content: ""; } .sheet-page .sheet-section button:not([type=roll]) { font-family: Jura, Calibri, Candara, Segoe, "Segoe UI", Optima, "Liberation Sans", Arial, sans-serif; } .sheet-page .sheet-section input, .sheet-page .sheet-section textarea { font-family: 'aller', palatino, Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif; } .sheet-page .sheet-section .sheet-dropdown > div:hover { -webkit-animation: fadeAnim 0.5s 1; /* Safari 4+ */ -moz-animation: fadeAnim 0.5s 1; /* Fx 5+ */ -o-animation: fadeAnim 0.5s 1; /* Opera 12+ */ animation: fadeAnim 0.5s 1; /* IE 10+ */ } .sheet-page .sheet-section input { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; outline: 0; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; background-color: transparent; border: 1px solid #a7a5a6; border-width: 0 0 1px 0; } .sheet-page .sheet-section input[type=text] { -ms-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-box-sizing: border-box; border: 1px solid #a7a5a6; border-width: 0 0 1px 0; padding: 0; font-size: 13px; background: transparent; max-width: 100%; } .sheet-page .sheet-section input[type=checkbox] { /* Hide actual radio/checkbox */ opacity: 0; width: 16px; height: 16px; position: relative; top: 5px; left: 6px; margin: -10px; cursor: pointer; z-index: 1; top: 0; } .sheet-page .sheet-section input[type=checkbox] + span:before { /* Fake radio/checkbox */ margin-right: 4px; line-height: 14px; text-align: center; display: inline-block; vertical-align: middle; } .sheet-page .sheet-section input[type=checkbox] + span::before { content: ""; background-position: -1px -1px; width: 15px; height: 15px; background-image: url("https://i.imgur.com/zkgyBOi.png"); background-repeat: no-repeat; vertical-align: middle; color: transparent; display: inline-block; height: 16px; width: 16px; } .sheet-page .sheet-section input[type=checkbox]:checked + span::before { background-position: -18px -1px; width: 15px; height: 15px; background-image: url("https://i.imgur.com/zkgyBOi.png"); background-repeat: no-repeat; display: inline-block; height: 16px; width: 16px; } /* Section: Header */ .sheet-pagehead { margin: 22px auto 30px auto; width: 510px; position: absolute; top: -95px; left: 180px; text-align: left; } .sheet-pagehead input { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; outline: 0; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; background-color: transparent; border: 1px solid #a7a5a6; border-width: 0 0 1px 0; } .sheet-pagehead input[type=text] { -ms-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-box-sizing: border-box; border: 1px solid #a7a5a6; border-width: 0 0 1px 0; padding: 0; font-size: 13px; background: transparent; max-width: 100%; } .sheet-pagehead .attr_ID { font-family: 'aller', palatino, Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif; font-size: 20pt; text-align: left; font-variant: small-caps; margin: 0px 0px 9px 0px; display: inline-block; width: 65%; display: block; } .sheet-pagehead .attr_Desc { font-family: 'aller', palatino, Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif; text-align: left; font-size: 14px; display: inline-block; line-height: 14px; padding-bottom: 3px; width: 100%; display: block; } .sheet-pagehead .sheet-portraitholder { display: inline-block; position: relative; float: right; z-index: 1; top: -30px; right: 0; margin: 0; padding: 0; border: none; } /* Section: Attributes */ .sheet-attributes { width: 100%; height: 35px; margin-left: 18%; } .sheet-attributes .sheet-attribute { display: inline-block; clear: both; width: 18%; margin-left: 0px; margin-right: 30px; } .sheet-attributes .sheet-attribute > div { float: left; vertical-align: middle; margin: 0; } .sheet-attributes .sheet-attribute > button { float: right; display: inline-block; height: 35px; margin: 0px; } /* Section: Skills */ .sheet-skills table { margin: 0 auto; border-collapse: separate; } .sheet-skills table td { border-bottom: 1px solid black; min-width: 90px; } .sheet-skills table td:nth-child(2n) { border-right: 8px solid white; } .sheet-skills table td:last-child { border-right: none; } .sheet-skills table td input.sheet-skill-spec { width: 80px; font-size: 12px; line-height: 1.5; } .sheet-skills table td input.sheet-skill-spec + button[type=roll] { min-width: 0; padding: 5px 10px; font-size: 12px; line-height: 1.5; border-radius: 3px; padding: 1px 1px; font-weight: normal; height: 23px; } .sheet-skills table td input.sheet-skill-spec + button[type=roll]:before { content: "t"; } .sheet-skills table td .sheet-dropdown button[type=roll] { display: inline-block; margin-bottom: 0; font-weight: normal; text-align: center; vertical-align: middle; cursor: pointer; background-image: none; border: 1px solid transparent; white-space: nowrap; padding: 6px 12px; font-size: 14px; line-height: 1.42857143; border-radius: 4px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; color: #333333; background-color: #ffffff; border-color: #cccccc; font-family: Jura, Calibri, Candara, Segoe, "Segoe UI", Optima, "Liberation Sans", Arial, sans-serif; border: 0px solid transparent; font-weight: bold; padding: 5px 10px; font-size: 12px; line-height: 1.5; border-radius: 3px; min-width: 80px; font-size: 0.75em; } .sheet-skills table td .sheet-dropdown button[type=roll]:focus, .sheet-skills table td .sheet-dropdown button[type=roll]:active:focus, .sheet-skills table td .sheet-dropdown button[type=roll].active:focus { outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } .sheet-skills table td .sheet-dropdown button[type=roll]:hover, .sheet-skills table td .sheet-dropdown button[type=roll]:focus { color: #333333; text-decoration: none; } .sheet-skills table td .sheet-dropdown button[type=roll]:active, .sheet-skills table td .sheet-dropdown button[type=roll].active { outline: 0; background-image: none; -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); } .sheet-skills table td .sheet-dropdown button[type=roll].disabled, .sheet-skills table td .sheet-dropdown button[type=roll][disabled], fieldset[disabled] .sheet-skills table td .sheet-dropdown button[type=roll] { cursor: not-allowed; pointer-events: none; opacity: 0.65; filter: alpha(opacity=65); -webkit-box-shadow: none; box-shadow: none; } .sheet-skills table td .sheet-dropdown button[type=roll]:hover, .sheet-skills table td .sheet-dropdown button[type=roll]:focus, .sheet-skills table td .sheet-dropdown button[type=roll]:active, .sheet-skills table td .sheet-dropdown button[type=roll].active, .open .dropdown-toggle.sheet-skills table td .sheet-dropdown button[type=roll] { color: #333333; background-color: #ebebeb; border-color: #adadad; } .sheet-skills table td .sheet-dropdown button[type=roll]:active, .sheet-skills table td .sheet-dropdown button[type=roll].active, .open .dropdown-toggle.sheet-skills table td .sheet-dropdown button[type=roll] { background-image: none; } .sheet-skills table td .sheet-dropdown button[type=roll].disabled, .sheet-skills table td .sheet-dropdown button[type=roll][disabled], fieldset[disabled] .sheet-skills table td .sheet-dropdown button[type=roll], .sheet-skills table td .sheet-dropdown button[type=roll].disabled:hover, .sheet-skills table td .sheet-dropdown button[type=roll][disabled]:hover, fieldset[disabled] .sheet-skills table td .sheet-dropdown button[type=roll]:hover, .sheet-skills table td .sheet-dropdown button[type=roll].disabled:focus, .sheet-skills table td .sheet-dropdown button[type=roll][disabled]:focus, fieldset[disabled] .sheet-skills table td .sheet-dropdown button[type=roll]:focus, .sheet-skills table td .sheet-dropdown button[type=roll].disabled:active, .sheet-skills table td .sheet-dropdown button[type=roll][disabled]:active, fieldset[disabled] .sheet-skills table td .sheet-dropdown button[type=roll]:active, .sheet-skills table td .sheet-dropdown button[type=roll].disabled.active, .sheet-skills table td .sheet-dropdown button[type=roll][disabled].active, fieldset[disabled] .sheet-skills table td .sheet-dropdown button[type=roll].active { background-color: #ffffff; border-color: #cccccc; } .sheet-skills table td .sheet-dropdown button[type=roll] .badge { color: #ffffff; background-color: #333333; } .sheet-skills table .sheet-dropdown { display: inline-block; } /* Section: Shared Distinctions and Sig Assets*/ .sheet-sigassets, .sheet-distinctions { margin-bottom: 50px; } .sheet-sigassets:last-of-type, .sheet-distinctions:last-of-type { margin-bottom: 5px; } .sheet-sigassets .sheet-ul, .sheet-distinctions .sheet-ul, .sheet-sigassets ul, .sheet-distinctions ul { list-style: none; margin: 0 0 0 25px; } .sheet-sigassets .sheet-ul .sheet-li, .sheet-distinctions .sheet-ul .sheet-li, .sheet-sigassets ul .sheet-li, .sheet-distinctions ul .sheet-li, .sheet-sigassets .sheet-ul li, .sheet-distinctions .sheet-ul li, .sheet-sigassets ul li, .sheet-distinctions ul li { margin-bottom: 5px; } .sheet-sigassets .sheet-ul .sheet-li textarea, .sheet-distinctions .sheet-ul .sheet-li textarea, .sheet-sigassets ul .sheet-li textarea, .sheet-distinctions ul .sheet-li textarea, .sheet-sigassets .sheet-ul li textarea, .sheet-distinctions .sheet-ul li textarea, .sheet-sigassets ul li textarea, .sheet-distinctions ul li textarea { height: auto; width: 90%; margin: 0; } /* Section: Distinctions */ .sheet-distinctions > input[type=text].sheet-lore { width: 100%; font-style: italic; margin-bottom: 5px; } .sheet-distinctions .sheet-distinct-head input[type=text] { font-variant: small-caps; display: inline-block; margin-bottom: 5px; font-size: 18px; } .sheet-distinctions .sheet-distinct-head:before { background-position: -703px -1px; width: 35px; height: 35px; background-image: url("https://i.imgur.com/zkgyBOi.png"); background-repeat: no-repeat; content: ' '; display: inline-block; vertical-align: middle; } .sheet-distinctions .sheet-distinct-head button[type=roll] { min-width: 0; padding: 5px 10px; font-size: 12px; line-height: 1.5; border-radius: 3px; padding: 1px 1px; font-weight: normal; width: 35px; height: 35px; } .sheet-distinctions .sheet-distinct-head button[type=roll]:before { content: "t"; } .sheet-distinctions .sheet-distinction-skills { font-variant: small-caps; margin: 0; } .sheet-distinctions .sheet-distinction-skills input[type=text] { font-family: Jura, Calibri, Candara, Segoe, "Segoe UI", Optima, "Liberation Sans", Arial, sans-serif; width: 73px; margin-left: 2px; font-weight: bolder; line-height: 1.5; } /* Section: Signature Assets*/ .sheet-sigassets .sheet-sigasset-head { height: 35px; } .sheet-sigassets .sheet-sigasset-head .sheet-dropdown { width: 41%; } .sheet-sigassets .sheet-sigasset-head .sheet-dropdown > div { float: left; vertical-align: middle; } .sheet-sigassets .sheet-sigasset-head .sheet-dropdown > input[type=text] { font-size: 18px; font-variant: small-caps; margin-bottom: 5px; float: right; display: inline-block; } .sheet-sigassets .sheet-sigasset-head button[type=roll] { min-width: 0; padding: 5px 10px; font-size: 12px; line-height: 1.5; border-radius: 3px; padding: 1px 1px; font-weight: normal; display: inline-block; float: right; width: 35px; height: 35px; } .sheet-sigassets .sheet-sigasset-head button[type=roll]:before { content: "t"; } .sheet-sigassets textarea { height: auto; width: 90%; margin: 0; margin-bottom: 5px; } /* Create pseudo-dropdowns CSS */ .sheet-dropdown .sheet-drop-attr_Mental { display: inline-block; vertical-align: middle; text-align: left; } .sheet-dropdown .sheet-drop-attr_Mental .sheet-value-1 { display: none; } .sheet-dropdown .sheet-drop-attr_Mental .sheet-value-2 { display: none; } .sheet-dropdown .sheet-drop-attr_Mental .sheet-value-3 { display: none; } .sheet-dropdown .sheet-drop-attr_Mental .sheet-value-4 { display: none; } .sheet-dropdown .sheet-drop-attr_Mental .sheet-value-5 { display: none; } .sheet-dropdown input[name="attr_Mental"], .sheet-dropdown input[name="attr_Mental"] + span, .sheet-dropdown input[name="attr_Mental"] + span + label { display: none; } .sheet-dropdown input[name="attr_Mental"], .sheet-dropdown input[name="attr_Mental"] + span, .sheet-dropdown input[name="attr_Mental"] + span + label { z-index: 1; } .sheet-dropdown .sheet-drop-attr_Mental:hover { position: absolute; width: 80px; z-index: 1; background-color: #a1a8c2; padding: 5px; } .sheet-dropdown .sheet-drop-attr_Mental:hover:before { content: ""; position: absolute; top: 0px; left: -7px; bottom: 0; border-top: 7px solid transparent; border-right: 8px solid #a1a8c2; border-bottom: 7px solid transparent; } .sheet-dropdown .sheet-drop-attr_Mental:hover:after { content: ""; position: absolute; top: 0; bottom: 0; right: -7px; border-top: 7px solid transparent; border-left: 8px solid #a1a8c2; border-bottom: 7px solid transparent; } .sheet-dropdown .sheet-drop-attr_Mental:hover input[name="attr_Mental"] { display: inline; } .sheet-dropdown .sheet-drop-attr_Mental:hover input[name="attr_Mental"] + span, .sheet-dropdown .sheet-drop-attr_Mental:hover input[name="attr_Mental"] + span + label { display: inline; } .sheet-dropdown .sheet-drop-attr_Mental:hover input[name="attr_Mental"]:checked { display: inline; } .sheet-dropdown .sheet-drop-attr_Mental:hover input[name="attr_Mental"]:checked + span, .sheet-dropdown .sheet-drop-attr_Mental:hover input[name="attr_Mental"]:checked + span + label { display: inline; } .sheet-dropdown input[name="attr_Mental"]:checked, .sheet-dropdown input[name="attr_Mental"]:checked + span + label, .sheet-dropdown input[name="attr_Mental"]:checked + label { display: none; } .sheet-dropdown .sheet-drop-attr_Mental:not(:hover) input[name="attr_Mental"][value="4"]:checked ~ .sheet-value-1 { display: block; } .sheet-dropdown .sheet-drop-attr_Mental:not(:hover) input[name="attr_Mental"][value="6"]:checked ~ .sheet-value-2 { display: block; } .sheet-dropdown .sheet-drop-attr_Mental:not(:hover) input[name="attr_Mental"][value="8"]:checked ~ .sheet-value-3 { display: block; } .sheet-dropdown .sheet-drop-attr_Mental:not(:hover) input[name="attr_Mental"][value="10"]:checked ~ .sheet-value-4 { display: block; } .sheet-dropdown .sheet-drop-attr_Mental:not(:hover) input[name="attr_Mental"][value="12"]:checked ~ .sheet-value-5 { display: block; } .sheet-dropdown .sheet-drop-attr_Physical { display: inline-block; vertical-align: middle; text-align: left; } .sheet-dropdown .sheet-drop-attr_Physical .sheet-value-1 { display: none; } .sheet-dropdown .sheet-drop-attr_Physical .sheet-value-2 { display: none; } .sheet-dropdown .sheet-drop-attr_Physical .sheet-value-3 { display: none; } .sheet-dropdown .sheet-drop-attr_Physical .sheet-value-4 { display: none; } .sheet-dropdown .sheet-drop-attr_Physical .sheet-value-5 { display: none; } .sheet-dropdown input[name="attr_Physical"], .sheet-dropdown input[name="attr_Physical"] + span, .sheet-dropdown input[name="attr_Physical"] + span + label { display: none; } .sheet-dropdown input[name="attr_Physical"], .sheet-dropdown input[name="attr_Physical"] + span, .sheet-dropdown input[name="attr_Physical"] + span + label { z-index: 1; } .sheet-dropdown .sheet-drop-attr_Physical:hover { position: absolute; width: 80px; z-index: 1; background-color: #a1a8c2; padding: 5px; } .sheet-dropdown .sheet-drop-attr_Physical:hover:before { content: ""; position: absolute; top: 0px; left: -7px; bottom: 0; border-top: 7px solid transparent; border-right: 8px solid #a1a8c2; border-bottom: 7px solid transparent; } .sheet-dropdown .sheet-drop-attr_Physical:hover:after { content: ""; position: absolute; top: 0; bottom: 0; right: -7px; border-top: 7px solid transparent; border-left: 8px solid #a1a8c2; border-bottom: 7px solid transparent; } .sheet-dropdown .sheet-drop-attr_Physical:hover input[name="attr_Physical"] { display: inline; } .sheet-dropdown .sheet-drop-attr_Physical:hover input[name="attr_Physical"] + span, .sheet-dropdown .sheet-drop-attr_Physical:hover input[name="attr_Physical"] + span + label { display: inline; } .sheet-dropdown .sheet-drop-attr_Physical:hover input[name="attr_Physical"]:checked { display: inline; } .sheet-dropdown .sheet-drop-attr_Physical:hover input[name="attr_Physical"]:checked + span, .sheet-dropdown .sheet-drop-attr_Physical:hover input[name="attr_Physical"]:checked + span + label { display: inline; } .sheet-dropdown input[name="attr_Physical"]:checked, .sheet-dropdown input[name="attr_Physical"]:checked + span + label, .sheet-dropdown input[name="attr_Physical"]:checked + label { display: none; } .sheet-dropdown .sheet-drop-attr_Physical:not(:hover) input[name="attr_Physical"][value="4"]:checked ~ .sheet-value-1 { display: block; } .sheet-dropdown .sheet-drop-attr_Physical:not(:hover) input[name="attr_Physical"][value="6"]:checked ~ .sheet-value-2 { display: block; } .sheet-dropdown .sheet-drop-attr_Physical:not(:hover) input[name="attr_Physical"][value="8"]:checked ~ .sheet-value-3 { display: block; } .sheet-dropdown .sheet-drop-attr_Physical:not(:hover) input[name="attr_Physical"][value="10"]:checked ~ .sheet-value-4 { display: block; } .sheet-dropdown .sheet-drop-attr_Physical:not(:hover) input[name="attr_Physical"][value="12"]:checked ~ .sheet-value-5 { display: block; } .sheet-dropdown .sheet-drop-attr_Social { display: inline-block; vertical-align: middle; text-align: left; } .sheet-dropdown .sheet-drop-attr_Social .sheet-value-1 { display: none; } .sheet-dropdown .sheet-drop-attr_Social .sheet-value-2 { display: none; } .sheet-dropdown .sheet-drop-attr_Social .sheet-value-3 { display: none; } .sheet-dropdown .sheet-drop-attr_Social .sheet-value-4 { display: none; } .sheet-dropdown .sheet-drop-attr_Social .sheet-value-5 { display: none; } .sheet-dropdown input[name="attr_Social"], .sheet-dropdown input[name="attr_Social"] + span, .sheet-dropdown input[name="attr_Social"] + span + label { display: none; } .sheet-dropdown input[name="attr_Social"], .sheet-dropdown input[name="attr_Social"] + span, .sheet-dropdown input[name="attr_Social"] + span + label { z-index: 1; } .sheet-dropdown .sheet-drop-attr_Social:hover { position: absolute; width: 80px; z-index: 1; background-color: #a1a8c2; padding: 5px; } .sheet-dropdown .sheet-drop-attr_Social:hover:before { content: ""; position: absolute; top: 0px; left: -7px; bottom: 0; border-top: 7px solid transparent; border-right: 8px solid #a1a8c2; border-bottom: 7px solid transparent; } .sheet-dropdown .sheet-drop-attr_Social:hover:after { content: ""; position: absolute; top: 0; bottom: 0; right: -7px; border-top: 7px solid transparent; border-left: 8px solid #a1a8c2; border-bottom: 7px solid transparent; } .sheet-dropdown .sheet-drop-attr_Social:hover input[name="attr_Social"] { display: inline; } .sheet-dropdown .sheet-drop-attr_Social:hover input[name="attr_Social"] + span, .sheet-dropdown .sheet-drop-attr_Social:hover input[name="attr_Social"] + span + label { display: inline; } .sheet-dropdown .sheet-drop-attr_Social:hover input[name="attr_Social"]:checked { display: inline; } .sheet-dropdown .sheet-drop-attr_Social:hover input[name="attr_Social"]:checked + span, .sheet-dropdown .sheet-drop-attr_Social:hover input[name="attr_Social"]:checked + span + label { display: inline; } .sheet-dropdown input[name="attr_Social"]:checked, .sheet-dropdown input[name="attr_Social"]:checked + span + label, .sheet-dropdown input[name="attr_Social"]:checked + label { display: none; } .sheet-dropdown .sheet-drop-attr_Social:not(:hover) input[name="attr_Social"][value="4"]:checked ~ .sheet-value-1 { display: block; } .sheet-dropdown .sheet-drop-attr_Social:not(:hover) input[name="attr_Social"][value="6"]:checked ~ .sheet-value-2 { display: block; } .sheet-dropdown .sheet-drop-attr_Social:not(:hover) input[name="attr_Social"][value="8"]:checked ~ .sheet-value-3 { display: block; } .sheet-dropdown .sheet-drop-attr_Social:not(:hover) input[name="attr_Social"][value="10"]:checked ~ .sheet-value-4 { display: block; } .sheet-dropdown .sheet-drop-attr_Social:not(:hover) input[name="attr_Social"][value="12"]:checked ~ .sheet-value-5 { display: block; } .sheet-dropdown .sheet-drop-attr_Craft { display: inline-block; vertical-align: middle; text-align: left; } .sheet-dropdown .sheet-drop-attr_Craft .sheet-value-1 { display: none; } .sheet-dropdown .sheet-drop-attr_Craft .sheet-value-2 { display: none; } .sheet-dropdown .sheet-drop-attr_Craft .sheet-value-3 { display: none; } .sheet-dropdown .sheet-drop-attr_Craft .sheet-value-4 { display: none; } .sheet-dropdown .sheet-drop-attr_Craft .sheet-value-5 { display: none; } .sheet-dropdown input[name="attr_Craft"], .sheet-dropdown input[name="attr_Craft"] + span, .sheet-dropdown input[name="attr_Craft"] + span + label { display: none; } .sheet-dropdown input[name="attr_Craft"], .sheet-dropdown input[name="attr_Craft"] + span, .sheet-dropdown input[name="attr_Craft"] + span + label { z-index: 1; } .sheet-dropdown .sheet-drop-attr_Craft:hover { position: absolute; width: 80px; z-index: 1; background-color: #a1a8c2; padding: 5px; } .sheet-dropdown .sheet-drop-attr_Craft:hover:before { content: ""; position: absolute; top: 0px; left: -7px; bottom: 0; border-top: 7px solid transparent; border-right: 8px solid #a1a8c2; border-bottom: 7px solid transparent; } .sheet-dropdown .sheet-drop-attr_Craft:hover:after { content: ""; position: absolute; top: 0; bottom: 0; right: -7px; border-top: 7px solid transparent; border-left: 8px solid #a1a8c2; border-bottom: 7px solid transparent; } .sheet-dropdown .sheet-drop-attr_Craft:hover input[name="attr_Craft"] { display: inline; } .sheet-dropdown .sheet-drop-attr_Craft:hover input[name="attr_Craft"] + span, .sheet-dropdown .sheet-drop-attr_Craft:hover input[name="attr_Craft"] + span + label { display: inline; } .sheet-dropdown .sheet-drop-attr_Craft:hover input[name="attr_Craft"]:checked { display: inline; } .sheet-dropdown .sheet-drop-attr_Craft:hover input[name="attr_Craft"]:checked + span, .sheet-dropdown .sheet-drop-attr_Craft:hover input[name="attr_Craft"]:checked + span + label { display: inline; } .sheet-dropdown input[name="attr_Craft"]:checked, .sheet-dropdown input[name="attr_Craft"]:checked + span + label, .sheet-dropdown input[name="attr_Craft"]:checked + label { display: none; } .sheet-dropdown .sheet-drop-attr_Craft:not(:hover) input[name="attr_Craft"][value="4"]:checked ~ .sheet-value-1 { display: block; } .sheet-dropdown .sheet-drop-attr_Craft:not(:hover) input[name="attr_Craft"][value="6"]:checked ~ .sheet-value-2 { display: block; } .sheet-dropdown .sheet-drop-attr_Craft:not(:hover) input[name="attr_Craft"][value="8"]:checked ~ .sheet-value-3 { display: block; } .sheet-dropdown .sheet-drop-attr_Craft:not(:hover) input[name="attr_Craft"][value="10"]:checked ~ .sheet-value-4 { display: block; } .sheet-dropdown .sheet-drop-attr_Craft:not(:hover) input[name="attr_Craft"][value="12"]:checked ~ .sheet-value-5 { display: block; } .sheet-dropdown .sheet-drop-attr_Drive { display: inline-block; vertical-align: middle; text-align: left; } .sheet-dropdown .sheet-drop-attr_Drive .sheet-value-1 { display: none; } .sheet-dropdown .sheet-drop-attr_Drive .sheet-value-2 { display: none; } .sheet-dropdown .sheet-drop-attr_Drive .sheet-value-3 { display: none; } .sheet-dropdown .sheet-drop-attr_Drive .sheet-value-4 { display: none; } .sheet-dropdown .sheet-drop-attr_Drive .sheet-value-5 { display: none; } .sheet-dropdown input[name="attr_Drive"], .sheet-dropdown input[name="attr_Drive"] + span, .sheet-dropdown input[name="attr_Drive"] + span + label { display: none; } .sheet-dropdown input[name="attr_Drive"], .sheet-dropdown input[name="attr_Drive"] + span, .sheet-dropdown input[name="attr_Drive"] + span + label { z-index: 1; } .sheet-dropdown .sheet-drop-attr_Drive:hover { position: absolute; width: 80px; z-index: 1; background-color: #a1a8c2; padding: 5px; } .sheet-dropdown .sheet-drop-attr_Drive:hover:before { content: ""; position: absolute; top: 0px; left: -7px; bottom: 0; border-top: 7px solid transparent; border-right: 8px solid #a1a8c2; border-bottom: 7px solid transparent; } .sheet-dropdown .sheet-drop-attr_Drive:hover:after { content: ""; position: absolute; top: 0; bottom: 0; right: -7px; border-top: 7px solid transparent; border-left: 8px solid #a1a8c2; border-bottom: 7px solid transparent; } .sheet-dropdown .sheet-drop-attr_Drive:hover input[name="attr_Drive"] { display: inline; } .sheet-dropdown .sheet-drop-attr_Drive:hover input[name="attr_Drive"] + span, .sheet-dropdown .sheet-drop-attr_Drive:hover input[name="attr_Drive"] + span + label { display: inline; } .sheet-dropdown .sheet-drop-attr_Drive:hover input[name="attr_Drive"]:checked { display: inline; } .sheet-dropdown .sheet-drop-attr_Drive:hover input[name="attr_Drive"]:checked + span, .sheet-dropdown .sheet-drop-attr_Drive:hover input[name="attr_Drive"]:checked + span + label { display: inline; } .sheet-dropdown input[name="attr_Drive"]:checked, .sheet-dropdown input[name="attr_Drive"]:checked + span + label, .sheet-dropdown input[name="attr_Drive"]:checked + label { display: none; } .sheet-dropdown .sheet-drop-attr_Drive:not(:hover) input[name="attr_Drive"][value="4"]:checked ~ .sheet-value-1 { display: block; } .sheet-dropdown .sheet-drop-attr_Drive:not(:hover) input[name="attr_Drive"][value="6"]:checked ~ .sheet-value-2 { display: block; } .sheet-dropdown .sheet-drop-attr_Drive:not(:hover) input[name="attr_Drive"][value="8"]:checked ~ .sheet-value-3 { display: block; } .sheet-dropdown .sheet-drop-attr_Drive:not(:hover) input[name="attr_Drive"][value="10"]:checked ~ .sheet-value-4 { display: block; } .sheet-dropdown .sheet-drop-attr_Drive:not(:hover) input[name="attr_Drive"][value="12"]:checked ~ .sheet-value-5 { display: block; } .sheet-dropdown .sheet-drop-attr_Fight { display: inline-block; vertical-align: middle; text-align: left; } .sheet-dropdown .sheet-drop-attr_Fight .sheet-value-1 { display: none; } .sheet-dropdown .sheet-drop-attr_Fight .sheet-value-2 { display: none; } .sheet-dropdown .sheet-drop-attr_Fight .sheet-value-3 { display: none; } .sheet-dropdown .sheet-drop-attr_Fight .sheet-value-4 { display: none; } .sheet-dropdown .sheet-drop-attr_Fight .sheet-value-5 { display: none; } .sheet-dropdown input[name="attr_Fight"], .sheet-dropdown input[name="attr_Fight"] + span, .sheet-dropdown input[name="attr_Fight"] + span + label { display: none; } .sheet-dropdown input[name="attr_Fight"], .sheet-dropdown input[name="attr_Fight"] + span, .sheet-dropdown input[name="attr_Fight"] + span + label { z-index: 1; } .sheet-dropdown .sheet-drop-attr_Fight:hover { position: absolute; width: 80px; z-index: 1; background-color: #a1a8c2; padding: 5px; } .sheet-dropdown .sheet-drop-attr_Fight:hover:before { content: ""; position: absolute; top: 0px; left: -7px; bottom: 0; border-top: 7px solid transparent; border-right: 8px solid #a1a8c2; border-bottom: 7px solid transparent; } .sheet-dropdown .sheet-drop-attr_Fight:hover:after { content: ""; position: absolute; top: 0; bottom: 0; right: -7px; border-top: 7px solid transparent; border-left: 8px solid #a1a8c2; border-bottom: 7px solid transparent; } .sheet-dropdown .sheet-drop-attr_Fight:hover input[name="attr_Fight"] { display: inline; } .sheet-dropdown .sheet-drop-attr_Fight:hover input[name="attr_Fight"] + span, .sheet-dropdown .sheet-drop-attr_Fight:hover input[name="attr_Fight"] + span + label { display: inline; } .sheet-dropdown .sheet-drop-attr_Fight:hover input[name="attr_Fight"]:checked { display: inline; } .sheet-dropdown .sheet-drop-attr_Fight:hover input[name="attr_Fight"]:checked + span, .sheet-dropdown .sheet-drop-attr_Fight:hover input[name="attr_Fight"]:checked + span + label { display: inline; } .sheet-dropdown input[name="attr_Fight"]:checked, .sheet-dropdown input[name="attr_Fight"]:checked + span + label, .sheet-dropdown input[name="attr_Fight"]:checked + label { display: none; } .sheet-dropdown .sheet-drop-attr_Fight:not(:hover) input[name="attr_Fight"][value="4"]:checked ~ .sheet-value-1 { display: block; } .sheet-dropdown .sheet-drop-attr_Fight:not(:hover) input[name="attr_Fight"][value="6"]:checked ~ .sheet-value-2 { display: block; } .sheet-dropdown .sheet-drop-attr_Fight:not(:hover) input[name="attr_Fight"][value="8"]:checked ~ .sheet-value-3 { display: block; } .sheet-dropdown .sheet-drop-attr_Fight:not(:hover) input[name="attr_Fight"][value="10"]:checked ~ .sheet-value-4 { display: block; } .sheet-dropdown .sheet-drop-attr_Fight:not(:hover) input[name="attr_Fight"][value="12"]:checked ~ .sheet-value-5 { display: block; } .sheet-dropdown .sheet-drop-attr_Fix { display: inline-block; vertical-align: middle; text-align: left; } .sheet-dropdown .sheet-drop-attr_Fix .sheet-value-1 { display: none; } .sheet-dropdown .sheet-drop-attr_Fix .sheet-value-2 { display: none; } .sheet-dropdown .sheet-drop-attr_Fix .sheet-value-3 { display: none; } .sheet-dropdown .sheet-drop-attr_Fix .sheet-value-4 { display: none; } .sheet-dropdown .sheet-drop-attr_Fix .sheet-value-5 { display: none; } .sheet-dropdown input[name="attr_Fix"], .sheet-dropdown input[name="attr_Fix"] + span, .sheet-dropdown input[name="attr_Fix"] + span + label { display: none; } .sheet-dropdown input[name="attr_Fix"], .sheet-dropdown input[name="attr_Fix"] + span, .sheet-dropdown input[name="attr_Fix"] + span + label { z-index: 1; } .sheet-dropdown .sheet-drop-attr_Fix:hover { position: absolute; width: 80px; z-index: 1; background-color: #a1a8c2; padding: 5px; } .sheet-dropdown .sheet-drop-attr_Fix:hover:before { content: ""; position: absolute; top: 0px; left: -7px; bottom: 0; border-top: 7px solid transparent; border-right: 8px solid #a1a8c2; border-bottom: 7px solid transparent; } .sheet-dropdown .sheet-drop-attr_Fix:hover:after { content: ""; position: absolute; top: 0; bottom: 0; right: -7px; border-top: 7px solid transparent; border-left: 8px solid #a1a8c2; border-bottom: 7px solid transparent; } .sheet-dropdown .sheet-drop-attr_Fix:hover input[name="attr_Fix"] { display: inline; } .sheet-dropdown .sheet-drop-attr_Fix:hover input[name="attr_Fix"] + span, .sheet-dropdown .sheet-drop-attr_Fix:hover input[name="attr_Fix"] + span + label { display: inline; } .sheet-dropdown .sheet-drop-attr_Fix:hover input[name="attr_Fix"]:checked { display: inline; } .sheet-dropdown .sheet-drop-attr_Fix:hover input[name="attr_Fix"]:checked + span, .sheet-dropdown .sheet-drop-attr_Fix:hover input[name="attr_Fix"]:checked + span + label { display: inline; } .sheet-dropdown input[name="attr_Fix"]:checked, .sheet-dropdown input[name="attr_Fix"]:checked + span + label, .sheet-dropdown input[name="attr_Fix"]:checked + label { display: none; } .sheet-dropdown .sheet-drop-attr_Fix:not(:hover) input[name="attr_Fix"][value="4"]:checked ~ .sheet-value-1 { display: block; } .sheet-dropdown .sheet-drop-attr_Fix:not(:hover) input[name="attr_Fix"][value="6"]:checked ~ .sheet-value-2 { display: block; } .sheet-dropdown .sheet-drop-attr_Fix:not(:hover) input[name="attr_Fix"][value="8"]:checked ~ .sheet-value-3 { display: block; } .sheet-dropdown .sheet-drop-attr_Fix:not(:hover) input[name="attr_Fix"][value="10"]:checked ~ .sheet-value-4 { display: block; } .sheet-dropdown .sheet-drop-attr_Fix:not(:hover) input[name="attr_Fix"][value="12"]:checked ~ .sheet-value-5 { display: block; } .sheet-dropdown .sheet-drop-attr_Fly { display: inline-block; vertical-align: middle; text-align: left; } .sheet-dropdown .sheet-drop-attr_Fly .sheet-value-1 { display: none; } .sheet-dropdown .sheet-drop-attr_Fly .sheet-value-2 { display: none; } .sheet-dropdown .sheet-drop-attr_Fly .sheet-value-3 { display: none; } .sheet-dropdown .sheet-drop-attr_Fly .sheet-value-4 { display: none; } .sheet-dropdown .sheet-drop-attr_Fly .sheet-value-5 { display: none; } .sheet-dropdown input[name="attr_Fly"], .sheet-dropdown input[name="attr_Fly"] + span, .sheet-dropdown input[name="attr_Fly"] + span + label { display: none; } .sheet-dropdown input[name="attr_Fly"], .sheet-dropdown input[name="attr_Fly"] + span, .sheet-dropdown input[name="attr_Fly"] + span + label { z-index: 1; } .sheet-dropdown .sheet-drop-attr_Fly:hover { position: absolute; width: 80px; z-index: 1; background-color: #a1a8c2; padding: 5px; } .sheet-dropdown .sheet-drop-attr_Fly:hover:before { content: ""; position: absolute; top: 0px; left: -7px; bottom: 0; border-top: 7px solid transparent; border-right: 8px solid #a1a8c2; border-bottom: 7px solid transparent; } .sheet-dropdown .sheet-drop-attr_Fly:hover:after { content: ""; position: absolute; top: 0; bottom: 0; right: -7px; border-top: 7px solid transparent; border-left: 8px solid #a1a8c2; border-bottom: 7px solid transparent; } .sheet-dropdown .sheet-drop-attr_Fly:hover input[name="attr_Fly"] { display: inline; } .sheet-dropdown .sheet-drop-attr_Fly:hover input[name="attr_Fly"] + span, .sheet-dropdown .sheet-drop-attr_Fly:hover input[name="attr_Fly"] + span + label { display: inline; } .sheet-dropdown .sheet-drop-attr_Fly:hover input[name="attr_Fly"]:checked { display: inline; } .sheet-dropdown .sheet-drop-attr_Fly:hover input[name="attr_Fly"]:checked + span, .sheet-dropdown .sheet-drop-attr_Fly:hover input[name="attr_Fly"]:checked + span + label { display: inline; } .sheet-dropdown input[name="attr_Fly"]:checked, .sheet-dropdown input[name="attr_Fly"]:checked + span + label, .sheet-dropdown input[name="attr_Fly"]:checked + label { display: none; } .sheet-dropdown .sheet-drop-attr_Fly:not(:hover) input[name="attr_Fly"][value="4"]:checked ~ .sheet-value-1 { display: block; } .sheet-dropdown .sheet-drop-attr_Fly:not(:hover) input[name="attr_Fly"][value="6"]:checked ~ .sheet-value-2 { display: block; } .sheet-dropdown .sheet-drop-attr_Fly:not(:hover) input[name="attr_Fly"][value="8"]:checked ~ .sheet-value-3 { display: block; } .sheet-dropdown .sheet-drop-attr_Fly:not(:hover) input[name="attr_Fly"][value="10"]:checked ~ .sheet-value-4 { display: block; } .sheet-dropdown .sheet-drop-attr_Fly:not(:hover) input[name="attr_Fly"][value="12"]:checked ~ .sheet-value-5 { display: block; } .sheet-dropdown .sheet-drop-attr_Focus { display: inline-block; vertical-align: middle; text-align: left; } .sheet-dropdown .sheet-drop-attr_Focus .sheet-value-1 { display: none; } .sheet-dropdown .sheet-drop-attr_Focus .sheet-value-2 { display: none; } .sheet-dropdown .sheet-drop-attr_Focus .sheet-value-3 { display: none; } .sheet-dropdown .sheet-drop-attr_Focus .sheet-value-4 { display: none; } .sheet-dropdown .sheet-drop-attr_Focus .sheet-value-5 { display: none; } .sheet-dropdown input[name="attr_Focus"], .sheet-dropdown input[name="attr_Focus"] + span, .sheet-dropdown input[name="attr_Focus"] + span + label { display: none; } .sheet-dropdown input[name="attr_Focus"], .sheet-dropdown input[name="attr_Focus"] + span, .sheet-dropdown input[name="attr_Focus"] + span + label { z-index: 1; } .sheet-dropdown .sheet-drop-attr_Focus:hover { position: absolute; width: 80px; z-index: 1; background-color: #a1a8c2; padding: 5px; } .sheet-dropdown .sheet-drop-attr_Focus:hover:before { content: ""; position: absolute; top: 0px; left: -7px; bottom: 0; border-top: 7px solid transparent; border-right: 8px solid #a1a8c2; border-bottom: 7px solid transparent; } .sheet-dropdown .sheet-drop-attr_Focus:hover:after { content: ""; position: absolute; top: 0; bottom: 0; right: -7px; border-top: 7px solid transparent; border-left: 8px solid #a1a8c2; border-bottom: 7px solid transparent; } .sheet-dropdown .sheet-drop-attr_Focus:hover input[name="attr_Focus"] { display: inline; } .sheet-dropdown .sheet-drop-attr_Focus:hover input[name="attr_Focus"] + span, .sheet-dropdown .sheet-drop-attr_Focus:hover input[name="attr_Focus"] + span + label { display: inline; } .sheet-dropdown .sheet-drop-attr_Focus:hover input[name="attr_Focus"]:checked { display: inline; } .sheet-dropdown .sheet-drop-attr_Focus:hover input[name="attr_Focus"]:checked + span, .sheet-dropdown .sheet-drop-attr_Focus:hover input[name="attr_Focus"]:checked + span + label { display: inline; } .sheet-dropdown input[name="attr_Focus"]:checked, .sheet-dropdown input[name="attr_Focus"]:checked + span + label, .sheet-dropdown input[name="attr_Focus"]:checked + label { display: none; } .sheet-dropdown .sheet-drop-attr_Focus:not(:hover) input[name="attr_Focus"][value="4"]:checked ~ .sheet-value-1 { display: block; } .sheet-dropdown .sheet-drop-attr_Focus:not(:hover) input[name="attr_Focus"][value="6"]:checked ~ .sheet-value-2 { display: block; } .sheet-dropdown .sheet-drop-attr_Focus:not(:hover) input[name="attr_Focus"][value="8"]:checked ~ .sheet-value-3 { display: block; } .sheet-dropdown .sheet-drop-attr_Focus:not(:hover) input[name="attr_Focus"][value="10"]:checked ~ .sheet-value-4 { display: block; } .sheet-dropdown .sheet-drop-attr_Focus:not(:hover) input[name="attr_Focus"][value="12"]:checked ~ .sheet-value-5 { display: block; } .sheet-dropdown .sheet-drop-attr_Influence { display: inline-block; vertical-align: middle; text-align: left; } .sheet-dropdown .sheet-drop-attr_Influence .sheet-value-1 { display: none; } .sheet-dropdown .sheet-drop-attr_Influence .sheet-value-2 { display: none; } .sheet-dropdown .sheet-drop-attr_Influence .sheet-value-3 { display: none; } .sheet-dropdown .sheet-drop-attr_Influence .sheet-value-4 { display: none; } .sheet-dropdown .sheet-drop-attr_Influence .sheet-value-5 { display: none; } .sheet-dropdown input[name="attr_Influence"], .sheet-dropdown input[name="attr_Influence"] + span, .sheet-dropdown input[name="attr_Influence"] + span + label { display: none; } .sheet-dropdown input[name="attr_Influence"], .sheet-dropdown input[name="attr_Influence"] + span, .sheet-dropdown input[name="attr_Influence"] + span + label { z-index: 1; } .sheet-dropdown .sheet-drop-attr_Influence:hover { position: absolute; width: 80px; z-index: 1; background-color: #a1a8c2; padding: 5px; } .sheet-dropdown .sheet-drop-attr_Influence:hover:before { content: ""; position: absolute; top: 0px; left: -7px; bottom: 0; border-top: 7px solid transparent; border-right: 8px solid #a1a8c2; border-bottom: 7px solid transparent; } .sheet-dropdown .sheet-drop-attr_Influence:hover:after { content: ""; position: absolute; top: 0; bottom: 0; right: -7px; border-top: 7px solid transparent; border-left: 8px solid #a1a8c2; border-bottom: 7px solid transparent; } .sheet-dropdown .sheet-drop-attr_Influence:hover input[name="attr_Influence"] { display: inline; } .sheet-dropdown .sheet-drop-attr_Influence:hover input[name="attr_Influence"] + span, .sheet-dropdown .sheet-drop-attr_Influence:hover input[name="attr_Influence"] + span + label { display: inline; } .sheet-dropdown .sheet-drop-attr_Influence:hover input[name="attr_Influence"]:checked { display: inline; } .sheet-dropdown .sheet-drop-attr_Influence:hover input[name="attr_Influence"]:checked + span, .sheet-dropdown .sheet-drop-attr_Influence:hover input[name="attr_Influence"]:checked + span + label { display: inline; } .sheet-dropdown input[name="attr_Influence"]:checked, .sheet-dropdown input[name="attr_Influence"]:checked + span + label, .sheet-dropdown input[name="attr_Influence"]:checked + label { display: none; } .sheet-dropdown .sheet-drop-attr_Influence:not(:hover) input[name="attr_Influence"][value="4"]:checked ~ .sheet-value-1 { display: block; } .sheet-dropdown .sheet-drop-attr_Influence:not(:hover) input[name="attr_Influence"][value="6"]:checked ~ .sheet-value-2 { display: block; } .sheet-dropdown .sheet-drop-attr_Influence:not(:hover) input[name="attr_Influence"][value="8"]:checked ~ .sheet-value-3 { display: block; } .sheet-dropdown .sheet-drop-attr_Influence:not(:hover) input[name="attr_Influence"][value="10"]:checked ~ .sheet-value-4 { display: block; } .sheet-dropdown .sheet-drop-attr_Influence:not(:hover) input[name="attr_Influence"][value="12"]:checked ~ .sheet-value-5 { display: block; } .sheet-dropdown .sheet-drop-attr_Know { display: inline-block; vertical-align: middle; text-align: left; } .sheet-dropdown .sheet-drop-attr_Know .sheet-value-1 { display: none; } .sheet-dropdown .sheet-drop-attr_Know .sheet-value-2 { display: none; } .sheet-dropdown .sheet-drop-attr_Know .sheet-value-3 { display: none; } .sheet-dropdown .sheet-drop-attr_Know .sheet-value-4 { display: none; } .sheet-dropdown .sheet-drop-attr_Know .sheet-value-5 { display: none; } .sheet-dropdown input[name="attr_Know"], .sheet-dropdown input[name="attr_Know"] + span, .sheet-dropdown input[name="attr_Know"] + span + label { display: none; } .sheet-dropdown input[name="attr_Know"], .sheet-dropdown input[name="attr_Know"] + span, .sheet-dropdown input[name="attr_Know"] + span + label { z-index: 1; } .sheet-dropdown .sheet-drop-attr_Know:hover { position: absolute; width: 80px; z-index: 1; background-color: #a1a8c2; padding: 5px; } .sheet-dropdown .sheet-drop-attr_Know:hover:before { content: ""; position: absolute; top: 0px; left: -7px; bottom: 0; border-top: 7px solid transparent; border-right: 8px solid #a1a8c2; border-bottom: 7px solid transparent; } .sheet-dropdown .sheet-drop-attr_Know:hover:after { content: ""; position: absolute; top: 0; bottom: 0; right: -7px; border-top: 7px solid transparent; border-left: 8px solid #a1a8c2; border-bottom: 7px solid transparent; } .sheet-dropdown .sheet-drop-attr_Know:hover input[name="attr_Know"] { display: inline; } .sheet-dropdown .sheet-drop-attr_Know:hover input[name="attr_Know"] + span, .sheet-dropdown .sheet-drop-attr_Know:hover input[name="attr_Know"] + span + label { display: inline; } .sheet-dropdown .sheet-drop-attr_Know:hover input[name="attr_Know"]:checked { display: inline; } .sheet-dropdown .sheet-drop-attr_Know:hover input[name="attr_Know"]:checked + span, .sheet-dropdown .sheet-drop-attr_Know:hover input[name="attr_Know"]:checked + span + label { display: inline; } .sheet-dropdown input[name="attr_Know"]:checked, .sheet-dropdown input[name="attr_Know"]:checked + span + label, .sheet-dropdown input[name="attr_Know"]:checked + label { display: none; } .sheet-dropdown .sheet-drop-attr_Know:not(:hover) input[name="attr_Know"][value="4"]:checked ~ .sheet-value-1 { display: block; } .sheet-dropdown .sheet-drop-attr_Know:not(:hover) input[name="attr_Know"][value="6"]:checked ~ .sheet-value-2 { display: block; } .sheet-dropdown .sheet-drop-attr_Know:not(:hover) input[name="attr_Know"][value="8"]:checked ~ .sheet-value-3 { display: block; } .sheet-dropdown .sheet-drop-attr_Know:not(:hover) input[name="attr_Know"][value="10"]:checked ~ .sheet-value-4 { display: block; } .sheet-dropdown .sheet-drop-attr_Know:not(:hover) input[name="attr_Know"][value="12"]:checked ~ .sheet-value-5 { display: block; } .sheet-dropdown .sheet-drop-attr_Labor { display: inline-block; vertical-align: middle; text-align: left; } .sheet-dropdown .sheet-drop-attr_Labor .sheet-value-1 { display: none; } .sheet-dropdown .sheet-drop-attr_Labor .sheet-value-2 { display: none; } .sheet-dropdown .sheet-drop-attr_Labor .sheet-value-3 { display: none; } .sheet-dropdown .sheet-drop-attr_Labor .sheet-value-4 { display: none; } .sheet-dropdown .sheet-drop-attr_Labor .sheet-value-5 { display: none; } .sheet-dropdown input[name="attr_Labor"], .sheet-dropdown input[name="attr_Labor"] + span, .sheet-dropdown input[name="attr_Labor"] + span + label { display: none; } .sheet-dropdown input[name="attr_Labor"], .sheet-dropdown input[name="attr_Labor"] + span, .sheet-dropdown input[name="attr_Labor"] + span + label { z-index: 1; } .sheet-dropdown .sheet-drop-attr_Labor:hover { position: absolute; width: 80px; z-index: 1; background-color: #a1a8c2; padding: 5px; } .sheet-dropdown .sheet-drop-attr_Labor:hover:before { content: ""; position: absolute; top: 0px; left: -7px; bottom: 0; border-top: 7px solid transparent; border-right: 8px solid #a1a8c2; border-bottom: 7px solid transparent; } .sheet-dropdown .sheet-drop-attr_Labor:hover:after { content: ""; position: absolute; top: 0; bottom: 0; right: -7px; border-top: 7px solid transparent; border-left: 8px solid #a1a8c2; border-bottom: 7px solid transparent; } .sheet-dropdown .sheet-drop-attr_Labor:hover input[name="attr_Labor"] { display: inline; } .sheet-dropdown .sheet-drop-attr_Labor:hover input[name="attr_Labor"] + span, .sheet-dropdown .sheet-drop-attr_Labor:hover input[name="attr_Labor"] + span + label { display: inline; } .sheet-dropdown .sheet-drop-attr_Labor:hover input[name="attr_Labor"]:checked { display: inline; } .sheet-dropdown .sheet-drop-attr_Labor:hover input[name="attr_Labor"]:checked + span, .sheet-dropdown .sheet-drop-attr_Labor:hover input[name="attr_Labor"]:checked + span + label { display: inline; } .sheet-dropdown input[name="attr_Labor"]:checked, .sheet-dropdown input[name="attr_Labor"]:checked + span + label, .sheet-dropdown input[name="attr_Labor"]:checked + label { display: none; } .sheet-dropdown .sheet-drop-attr_Labor:not(:hover) input[name="attr_Labor"][value="4"]:checked ~ .sheet-value-1 { display: block; } .sheet-dropdown .sheet-drop-attr_Labor:not(:hover) input[name="attr_Labor"][value="6"]:checked ~ .sheet-value-2 { display: block; } .sheet-dropdown .sheet-drop-attr_Labor:not(:hover) input[name="attr_Labor"][value="8"]:checked ~ .sheet-value-3 { display: block; } .sheet-dropdown .sheet-drop-attr_Labor:not(:hover) input[name="attr_Labor"][value="10"]:checked ~ .sheet-value-4 { display: block; } .sheet-dropdown .sheet-drop-attr_Labor:not(:hover) input[name="attr_Labor"][value="12"]:checked ~ .sheet-value-5 { display: block; } .sheet-dropdown .sheet-drop-attr_Move { display: inline-block; vertical-align: middle; text-align: left; } .sheet-dropdown .sheet-drop-attr_Move .sheet-value-1 { display: none; } .sheet-dropdown .sheet-drop-attr_Move .sheet-value-2 { display: none; } .sheet-dropdown .sheet-drop-attr_Move .sheet-value-3 { display: none; } .sheet-dropdown .sheet-drop-attr_Move .sheet-value-4 { display: none; } .sheet-dropdown .sheet-drop-attr_Move .sheet-value-5 { display: none; } .sheet-dropdown input[name="attr_Move"], .sheet-dropdown input[name="attr_Move"] + span, .sheet-dropdown input[name="attr_Move"] + span + label { display: none; } .sheet-dropdown input[name="attr_Move"], .sheet-dropdown input[name="attr_Move"] + span, .sheet-dropdown input[name="attr_Move"] + span + label { z-index: 1; } .sheet-dropdown .sheet-drop-attr_Move:hover { position: absolute; width: 80px; z-index: 1; background-color: #a1a8c2; padding: 5px; } .sheet-dropdown .sheet-drop-attr_Move:hover:before { content: ""; position: absolute; top: 0px; left: -7px; bottom: 0; border-top: 7px solid transparent; border-right: 8px solid #a1a8c2; border-bottom: 7px solid transparent; } .sheet-dropdown .sheet-drop-attr_Move:hover:after { content: ""; position: absolute; top: 0; bottom: 0; right: -7px; border-top: 7px solid transparent; border-left: 8px solid #a1a8c2; border-bottom: 7px solid transparent; } .sheet-dropdown .sheet-drop-attr_Move:hover input[name="attr_Move"] { display: inline; } .sheet-dropdown .sheet-drop-attr_Move:hover input[name="attr_Move"] + span, .sheet-dropdown .sheet-drop-attr_Move:hover input[name="attr_Move"] + span + label { display: inline; } .sheet-dropdown .sheet-drop-attr_Move:hover input[name="attr_Move"]:checked { display: inline; } .sheet-dropdown .sheet-drop-attr_Move:hover input[name="attr_Move"]:checked + span, .sheet-dropdown .sheet-drop-attr_Move:hover input[name="attr_Move"]:checked + span + label { display: inline; } .sheet-dropdown input[name="attr_Move"]:checked, .sheet-dropdown input[name="attr_Move"]:checked + span + label, .sheet-dropdown input[name="attr_Move"]:checked + label { display: none; } .sheet-dropdown .sheet-drop-attr_Move:not(:hover) input[name="attr_Move"][value="4"]:checked ~ .sheet-value-1 { display: block; } .sheet-dropdown .sheet-drop-attr_Move:not(:hover) input[name="attr_Move"][value="6"]:checked ~ .sheet-value-2 { display: block; } .sheet-dropdown .sheet-drop-attr_Move:not(:hover) input[name="attr_Move"][value="8"]:checked ~ .sheet-value-3 { display: block; } .sheet-dropdown .sheet-drop-attr_Move:not(:hover) input[name="attr_Move"][value="10"]:checked ~ .sheet-value-4 { display: block; } .sheet-dropdown .sheet-drop-attr_Move:not(:hover) input[name="attr_Move"][value="12"]:checked ~ .sheet-value-5 { display: block; } .sheet-dropdown .sheet-drop-attr_Notice { display: inline-block; vertical-align: middle; text-align: left; } .sheet-dropdown .sheet-drop-attr_Notice .sheet-value-1 { display: none; } .sheet-dropdown .sheet-drop-attr_Notice .sheet-value-2 { display: none; } .sheet-dropdown .sheet-drop-attr_Notice .sheet-value-3 { display: none; } .sheet-dropdown .sheet-drop-attr_Notice .sheet-value-4 { display: none; } .sheet-dropdown .sheet-drop-attr_Notice .sheet-value-5 { display: none; } .sheet-dropdown input[name="attr_Notice"], .sheet-dropdown input[name="attr_Notice"] + span, .sheet-dropdown input[name="attr_Notice"] + span + label { display: none; } .sheet-dropdown input[name="attr_Notice"], .sheet-dropdown input[name="attr_Notice"] + span, .sheet-dropdown input[name="attr_Notice"] + span + label { z-index: 1; } .sheet-dropdown .sheet-drop-attr_Notice:hover { position: absolute; width: 80px; z-index: 1; background-color: #a1a8c2; padding: 5px; } .sheet-dropdown .sheet-drop-attr_Notice:hover:before { content: ""; position: absolute; top: 0px; left: -7px; bottom: 0; border-top: 7px solid transparent; border-right: 8px solid #a1a8c2; border-bottom: 7px solid transparent; } .sheet-dropdown .sheet-drop-attr_Notice:hover:after { content: ""; position: absolute; top: 0; bottom: 0; right: -7px; border-top: 7px solid transparent; border-left: 8px solid #a1a8c2; border-bottom: 7px solid transparent; } .sheet-dropdown .sheet-drop-attr_Notice:hover input[name="attr_Notice"] { display: inline; } .sheet-dropdown .sheet-drop-attr_Notice:hover input[name="attr_Notice"] + span, .sheet-dropdown .sheet-drop-attr_Notice:hover input[name="attr_Notice"] + span + label { display: inline; } .sheet-dropdown .sheet-drop-attr_Notice:hover input[name="attr_Notice"]:checked { display: inline; } .sheet-dropdown .sheet-drop-attr_Notice:hover input[name="attr_Notice"]:checked + span, .sheet-dropdown .sheet-drop-attr_Notice:hover input[name="attr_Notice"]:checked + span + label { display: inline; } .sheet-dropdown input[name="attr_Notice"]:checked, .sheet-dropdown input[name="attr_Notice"]:checked + span + label, .sheet-dropdown input[name="attr_Notice"]:checked + label { display: none; } .sheet-dropdown .sheet-drop-attr_Notice:not(:hover) input[name="attr_Notice"][value="4"]:checked ~ .sheet-value-1 { display: block; } .sheet-dropdown .sheet-drop-attr_Notice:not(:hover) input[name="attr_Notice"][value="6"]:checked ~ .sheet-value-2 { display: block; } .sheet-dropdown .sheet-drop-attr_Notice:not(:hover) input[name="attr_Notice"][value="8"]:checked ~ .sheet-value-3 { display: block; } .sheet-dropdown .sheet-drop-attr_Notice:not(:hover) input[name="attr_Notice"][value="10"]:checked ~ .sheet-value-4 { display: block; } .sheet-dropdown .sheet-drop-attr_Notice:not(:hover) input[name="attr_Notice"][value="12"]:checked ~ .sheet-value-5 { display: block; } .sheet-dropdown .sheet-drop-attr_Operate { display: inline-block; vertical-align: middle; text-align: left; } .sheet-dropdown .sheet-drop-attr_Operate .sheet-value-1 { display: none; } .sheet-dropdown .sheet-drop-attr_Operate .sheet-value-2 { display: none; } .sheet-dropdown .sheet-drop-attr_Operate .sheet-value-3 { display: none; } .sheet-dropdown .sheet-drop-attr_Operate .sheet-value-4 { display: none; } .sheet-dropdown .sheet-drop-attr_Operate .sheet-value-5 { display: none; } .sheet-dropdown input[name="attr_Operate"], .sheet-dropdown input[name="attr_Operate"] + span, .sheet-dropdown input[name="attr_Operate"] + span + label { display: none; } .sheet-dropdown input[name="attr_Operate"], .sheet-dropdown input[name="attr_Operate"] + span, .sheet-dropdown input[name="attr_Operate"] + span + label { z-index: 1; } .sheet-dropdown .sheet-drop-attr_Operate:hover { position: absolute; width: 80px; z-index: 1; background-color: #a1a8c2; padding: 5px; } .sheet-dropdown .sheet-drop-attr_Operate:hover:before { content: ""; position: absolute; top: 0px; left: -7px; bottom: 0; border-top: 7px solid transparent; border-right: 8px solid #a1a8c2; border-bottom: 7px solid transparent; } .sheet-dropdown .sheet-drop-attr_Operate:hover:after { content: ""; position: absolute; top: 0; bottom: 0; right: -7px; border-top: 7px solid transparent; border-left: 8px solid #a1a8c2; border-bottom: 7px solid transparent; } .sheet-dropdown .sheet-drop-attr_Operate:hover input[name="attr_Operate"] { display: inline; } .sheet-dropdown .sheet-drop-attr_Operate:hover input[name="attr_Operate"] + span, .sheet-dropdown .sheet-drop-attr_Operate:hover input[name="attr_Operate"] + span + label { display: inline; } .sheet-dropdown .sheet-drop-attr_Operate:hover input[name="attr_Operate"]:checked { display: inline; } .sheet-dropdown .sheet-drop-attr_Operate:hover input[name="attr_Operate"]:checked + span, .sheet-dropdown .sheet-drop-attr_Operate:hover input[name="attr_Operate"]:checked + span + label { display: inline; } .sheet-dropdown input[name="attr_Operate"]:checked, .sheet-dropdown input[name="attr_Operate"]:checked + span + label, .sheet-dropdown input[name="attr_Operate"]:checked + label { display: none; } .sheet-dropdown .sheet-drop-attr_Operate:not(:hover) input[name="attr_Operate"][value="4"]:checked ~ .sheet-value-1 { display: block; } .sheet-dropdown .sheet-drop-attr_Operate:not(:hover) input[name="attr_Operate"][value="6"]:checked ~ .sheet-value-2 { display: block; } .sheet-dropdown .sheet-drop-attr_Operate:not(:hover) input[name="attr_Operate"][value="8"]:checked ~ .sheet-value-3 { display: block; } .sheet-dropdown .sheet-drop-attr_Operate:not(:hover) input[name="attr_Operate"][value="10"]:checked ~ .sheet-value-4 { display: block; } .sheet-dropdown .sheet-drop-attr_Operate:not(:hover) input[name="attr_Operate"][value="12"]:checked ~ .sheet-value-5 { display: block; } .sheet-dropdown .sheet-drop-attr_Perform { display: inline-block; vertical-align: middle; text-align: left; } .sheet-dropdown .sheet-drop-attr_Perform .sheet-value-1 { display: none; } .sheet-dropdown .sheet-drop-attr_Perform .sheet-value-2 { display: none; } .sheet-dropdown .sheet-drop-attr_Perform .sheet-value-3 { display: none; } .sheet-dropdown .sheet-drop-attr_Perform .sheet-value-4 { display: none; } .sheet-dropdown .sheet-drop-attr_Perform .sheet-value-5 { display: none; } .sheet-dropdown input[name="attr_Perform"], .sheet-dropdown input[name="attr_Perform"] + span, .sheet-dropdown input[name="attr_Perform"] + span + label { display: none; } .sheet-dropdown input[name="attr_Perform"], .sheet-dropdown input[name="attr_Perform"] + span, .sheet-dropdown input[name="attr_Perform"] + span + label { z-index: 1; } .sheet-dropdown .sheet-drop-attr_Perform:hover { position: absolute; width: 80px; z-index: 1; background-color: #a1a8c2; padding: 5px; } .sheet-dropdown .sheet-drop-attr_Perform:hover:before { content: ""; position: absolute; top: 0px; left: -7px; bottom: 0; border-top: 7px solid transparent; border-right: 8px solid #a1a8c2; border-bottom: 7px solid transparent; } .sheet-dropdown .sheet-drop-attr_Perform:hover:after { content: ""; position: absolute; top: 0; bottom: 0; right: -7px; border-top: 7px solid transparent; border-left: 8px solid #a1a8c2; border-bottom: 7px solid transparent; } .sheet-dropdown .sheet-drop-attr_Perform:hover input[name="attr_Perform"] { display: inline; } .sheet-dropdown .sheet-drop-attr_Perform:hover input[name="attr_Perform"] + span, .sheet-dropdown .sheet-drop-attr_Perform:hover input[name="attr_Perform"] + span + label { display: inline; } .sheet-dropdown .sheet-drop-attr_Perform:hover input[name="attr_Perform"]:checked { display: inline; } .sheet-dropdown .sheet-drop-attr_Perform:hover input[name="attr_Perform"]:checked + span, .sheet-dropdown .sheet-drop-attr_Perform:hover input[name="attr_Perform"]:checked + span + label { display: inline; } .sheet-dropdown input[name="attr_Perform"]:checked, .sheet-dropdown input[name="attr_Perform"]:checked + span + label, .sheet-dropdown input[name="attr_Perform"]:checked + label { display: none; } .sheet-dropdown .sheet-drop-attr_Perform:not(:hover) input[name="attr_Perform"][value="4"]:checked ~ .sheet-value-1 { display: block; } .sheet-dropdown .sheet-drop-attr_Perform:not(:hover) input[name="attr_Perform"][value="6"]:checked ~ .sheet-value-2 { display: block; } .sheet-dropdown .sheet-drop-attr_Perform:not(:hover) input[name="attr_Perform"][value="8"]:checked ~ .sheet-value-3 { display: block; } .sheet-dropdown .sheet-drop-attr_Perform:not(:hover) input[name="attr_Perform"][value="10"]:checked ~ .sheet-value-4 { display: block; } .sheet-dropdown .sheet-drop-attr_Perform:not(:hover) input[name="attr_Perform"][value="12"]:checked ~ .sheet-value-5 { display: block; } .sheet-dropdown .sheet-drop-attr_Shoot { display: inline-block; vertical-align: middle; text-align: left; } .sheet-dropdown .sheet-drop-attr_Shoot .sheet-value-1 { display: none; } .sheet-dropdown .sheet-drop-attr_Shoot .sheet-value-2 { display: none; } .sheet-dropdown .sheet-drop-attr_Shoot .sheet-value-3 { display: none; } .sheet-dropdown .sheet-drop-attr_Shoot .sheet-value-4 { display: none; } .sheet-dropdown .sheet-drop-attr_Shoot .sheet-value-5 { display: none; } .sheet-dropdown input[name="attr_Shoot"], .sheet-dropdown input[name="attr_Shoot"] + span, .sheet-dropdown input[name="attr_Shoot"] + span + label { display: none; } .sheet-dropdown input[name="attr_Shoot"], .sheet-dropdown input[name="attr_Shoot"] + span, .sheet-dropdown input[name="attr_Shoot"] + span + label { z-index: 1; } .sheet-dropdown .sheet-drop-attr_Shoot:hover { position: absolute; width: 80px; z-index: 1; background-color: #a1a8c2; padding: 5px; } .sheet-dropdown .sheet-drop-attr_Shoot:hover:before { content: ""; position: absolute; top: 0px; left: -7px; bottom: 0; border-top: 7px solid transparent; border-right: 8px solid #a1a8c2; border-bottom: 7px solid transparent; } .sheet-dropdown .sheet-drop-attr_Shoot:hover:after { content: ""; position: absolute; top: 0; bottom: 0; right: -7px; border-top: 7px solid transparent; border-left: 8px solid #a1a8c2; border-bottom: 7px solid transparent; } .sheet-dropdown .sheet-drop-attr_Shoot:hover input[name="attr_Shoot"] { display: inline; } .sheet-dropdown .sheet-drop-attr_Shoot:hover input[name="attr_Shoot"] + span, .sheet-dropdown .sheet-drop-attr_Shoot:hover input[name="attr_Shoot"] + span + label { display: inline; } .sheet-dropdown .sheet-drop-attr_Shoot:hover input[name="attr_Shoot"]:checked { display: inline; } .sheet-dropdown .sheet-drop-attr_Shoot:hover input[name="attr_Shoot"]:checked + span, .sheet-dropdown .sheet-drop-attr_Shoot:hover input[name="attr_Shoot"]:checked + span + label { display: inline; } .sheet-dropdown input[name="attr_Shoot"]:checked, .sheet-dropdown input[name="attr_Shoot"]:checked + span + label, .sheet-dropdown input[name="attr_Shoot"]:checked + label { display: none; } .sheet-dropdown .sheet-drop-attr_Shoot:not(:hover) input[name="attr_Shoot"][value="4"]:checked ~ .sheet-value-1 { display: block; } .sheet-dropdown .sheet-drop-attr_Shoot:not(:hover) input[name="attr_Shoot"][value="6"]:checked ~ .sheet-value-2 { display: block; } .sheet-dropdown .sheet-drop-attr_Shoot:not(:hover) input[name="attr_Shoot"][value="8"]:checked ~ .sheet-value-3 { display: block; } .sheet-dropdown .sheet-drop-attr_Shoot:not(:hover) input[name="attr_Shoot"][value="10"]:checked ~ .sheet-value-4 { display: block; } .sheet-dropdown .sheet-drop-attr_Shoot:not(:hover) input[name="attr_Shoot"][value="12"]:checked ~ .sheet-value-5 { display: block; } .sheet-dropdown .sheet-drop-attr_Sneak { display: inline-block; vertical-align: middle; text-align: left; } .sheet-dropdown .sheet-drop-attr_Sneak .sheet-value-1 { display: none; } .sheet-dropdown .sheet-drop-attr_Sneak .sheet-value-2 { display: none; } .sheet-dropdown .sheet-drop-attr_Sneak .sheet-value-3 { display: none; } .sheet-dropdown .sheet-drop-attr_Sneak .sheet-value-4 { display: none; } .sheet-dropdown .sheet-drop-attr_Sneak .sheet-value-5 { display: none; } .sheet-dropdown input[name="attr_Sneak"], .sheet-dropdown input[name="attr_Sneak"] + span, .sheet-dropdown input[name="attr_Sneak"] + span + label { display: none; } .sheet-dropdown input[name="attr_Sneak"], .sheet-dropdown input[name="attr_Sneak"] + span, .sheet-dropdown input[name="attr_Sneak"] + span + label { z-index: 1; } .sheet-dropdown .sheet-drop-attr_Sneak:hover { position: absolute; width: 80px; z-index: 1; background-color: #a1a8c2; padding: 5px; } .sheet-dropdown .sheet-drop-attr_Sneak:hover:before { content: ""; position: absolute; top: 0px; left: -7px; bottom: 0; border-top: 7px solid transparent; border-right: 8px solid #a1a8c2; border-bottom: 7px solid transparent; } .sheet-dropdown .sheet-drop-attr_Sneak:hover:after { content: ""; position: absolute; top: 0; bottom: 0; right: -7px; border-top: 7px solid transparent; border-left: 8px solid #a1a8c2; border-bottom: 7px solid transparent; } .sheet-dropdown .sheet-drop-attr_Sneak:hover input[name="attr_Sneak"] { display: inline; } .sheet-dropdown .sheet-drop-attr_Sneak:hover input[name="attr_Sneak"] + span, .sheet-dropdown .sheet-drop-attr_Sneak:hover input[name="attr_Sneak"] + span + label { display: inline; } .sheet-dropdown .sheet-drop-attr_Sneak:hover input[name="attr_Sneak"]:checked { display: inline; } .sheet-dropdown .sheet-drop-attr_Sneak:hover input[name="attr_Sneak"]:checked + span, .sheet-dropdown .sheet-drop-attr_Sneak:hover input[name="attr_Sneak"]:checked + span + label { display: inline; } .sheet-dropdown input[name="attr_Sneak"]:checked, .sheet-dropdown input[name="attr_Sneak"]:checked + span + label, .sheet-dropdown input[name="attr_Sneak"]:checked + label { display: none; } .sheet-dropdown .sheet-drop-attr_Sneak:not(:hover) input[name="attr_Sneak"][value="4"]:checked ~ .sheet-value-1 { display: block; } .sheet-dropdown .sheet-drop-attr_Sneak:not(:hover) input[name="attr_Sneak"][value="6"]:checked ~ .sheet-value-2 { display: block; } .sheet-dropdown .sheet-drop-attr_Sneak:not(:hover) input[name="attr_Sneak"][value="8"]:checked ~ .sheet-value-3 { display: block; } .sheet-dropdown .sheet-drop-attr_Sneak:not(:hover) input[name="attr_Sneak"][value="10"]:checked ~ .sheet-value-4 { display: block; } .sheet-dropdown .sheet-drop-attr_Sneak:not(:hover) input[name="attr_Sneak"][value="12"]:checked ~ .sheet-value-5 { display: block; } .sheet-dropdown .sheet-drop-attr_Survive { display: inline-block; vertical-align: middle; text-align: left; } .sheet-dropdown .sheet-drop-attr_Survive .sheet-value-1 { display: none; } .sheet-dropdown .sheet-drop-attr_Survive .sheet-value-2 { display: none; } .sheet-dropdown .sheet-drop-attr_Survive .sheet-value-3 { display: none; } .sheet-dropdown .sheet-drop-attr_Survive .sheet-value-4 { display: none; } .sheet-dropdown .sheet-drop-attr_Survive .sheet-value-5 { display: none; } .sheet-dropdown input[name="attr_Survive"], .sheet-dropdown input[name="attr_Survive"] + span, .sheet-dropdown input[name="attr_Survive"] + span + label { display: none; } .sheet-dropdown input[name="attr_Survive"], .sheet-dropdown input[name="attr_Survive"] + span, .sheet-dropdown input[name="attr_Survive"] + span + label { z-index: 1; } .sheet-dropdown .sheet-drop-attr_Survive:hover { position: absolute; width: 80px; z-index: 1; background-color: #a1a8c2; padding: 5px; } .sheet-dropdown .sheet-drop-attr_Survive:hover:before { content: ""; position: absolute; top: 0px; left: -7px; bottom: 0; border-top: 7px solid transparent; border-right: 8px solid #a1a8c2; border-bottom: 7px solid transparent; } .sheet-dropdown .sheet-drop-attr_Survive:hover:after { content: ""; position: absolute; top: 0; bottom: 0; right: -7px; border-top: 7px solid transparent; border-left: 8px solid #a1a8c2; border-bottom: 7px solid transparent; } .sheet-dropdown .sheet-drop-attr_Survive:hover input[name="attr_Survive"] { display: inline; } .sheet-dropdown .sheet-drop-attr_Survive:hover input[name="attr_Survive"] + span, .sheet-dropdown .sheet-drop-attr_Survive:hover input[name="attr_Survive"] + span + label { display: inline; } .sheet-dropdown .sheet-drop-attr_Survive:hover input[name="attr_Survive"]:checked { display: inline; } .sheet-dropdown .sheet-drop-attr_Survive:hover input[name="attr_Survive"]:checked + span, .sheet-dropdown .sheet-drop-attr_Survive:hover input[name="attr_Survive"]:checked + span + label { display: inline; } .sheet-dropdown input[name="attr_Survive"]:checked, .sheet-dropdown input[name="attr_Survive"]:checked + span + label, .sheet-dropdown input[name="attr_Survive"]:checked + label { display: none; } .sheet-dropdown .sheet-drop-attr_Survive:not(:hover) input[name="attr_Survive"][value="4"]:checked ~ .sheet-value-1 { display: block; } .sheet-dropdown .sheet-drop-attr_Survive:not(:hover) input[name="attr_Survive"][value="6"]:checked ~ .sheet-value-2 { display: block; } .sheet-dropdown .sheet-drop-attr_Survive:not(:hover) input[name="attr_Survive"][value="8"]:checked ~ .sheet-value-3 { display: block; } .sheet-dropdown .sheet-drop-attr_Survive:not(:hover) input[name="attr_Survive"][value="10"]:checked ~ .sheet-value-4 { display: block; } .sheet-dropdown .sheet-drop-attr_Survive:not(:hover) input[name="attr_Survive"][value="12"]:checked ~ .sheet-value-5 { display: block; } .sheet-dropdown .sheet-drop-attr_Throw { display: inline-block; vertical-align: middle; text-align: left; } .sheet-dropdown .sheet-drop-attr_Throw .sheet-value-1 { display: none; } .sheet-dropdown .sheet-drop-attr_Throw .sheet-value-2 { display: none; } .sheet-dropdown .sheet-drop-attr_Throw .sheet-value-3 { display: none; } .sheet-dropdown .sheet-drop-attr_Throw .sheet-value-4 { display: none; } .sheet-dropdown .sheet-drop-attr_Throw .sheet-value-5 { display: none; } .sheet-dropdown input[name="attr_Throw"], .sheet-dropdown input[name="attr_Throw"] + span, .sheet-dropdown input[name="attr_Throw"] + span + label { display: none; } .sheet-dropdown input[name="attr_Throw"], .sheet-dropdown input[name="attr_Throw"] + span, .sheet-dropdown input[name="attr_Throw"] + span + label { z-index: 1; } .sheet-dropdown .sheet-drop-attr_Throw:hover { position: absolute; width: 80px; z-index: 1; background-color: #a1a8c2; padding: 5px; } .sheet-dropdown .sheet-drop-attr_Throw:hover:before { content: ""; position: absolute; top: 0px; left: -7px; bottom: 0; border-top: 7px solid transparent; border-right: 8px solid #a1a8c2; border-bottom: 7px solid transparent; } .sheet-dropdown .sheet-drop-attr_Throw:hover:after { content: ""; position: absolute; top: 0; bottom: 0; right: -7px; border-top: 7px solid transparent; border-left: 8px solid #a1a8c2; border-bottom: 7px solid transparent; } .sheet-dropdown .sheet-drop-attr_Throw:hover input[name="attr_Throw"] { display: inline; } .sheet-dropdown .sheet-drop-attr_Throw:hover input[name="attr_Throw"] + span, .sheet-dropdown .sheet-drop-attr_Throw:hover input[name="attr_Throw"] + span + label { display: inline; } .sheet-dropdown .sheet-drop-attr_Throw:hover input[name="attr_Throw"]:checked { display: inline; } .sheet-dropdown .sheet-drop-attr_Throw:hover input[name="attr_Throw"]:checked + span, .sheet-dropdown .sheet-drop-attr_Throw:hover input[name="attr_Throw"]:checked + span + label { display: inline; } .sheet-dropdown input[name="attr_Throw"]:checked, .sheet-dropdown input[name="attr_Throw"]:checked + span + label, .sheet-dropdown input[name="attr_Throw"]:checked + label { display: none; } .sheet-dropdown .sheet-drop-attr_Throw:not(:hover) input[name="attr_Throw"][value="4"]:checked ~ .sheet-value-1 { display: block; } .sheet-dropdown .sheet-drop-attr_Throw:not(:hover) input[name="attr_Throw"][value="6"]:checked ~ .sheet-value-2 { display: block; } .sheet-dropdown .sheet-drop-attr_Throw:not(:hover) input[name="attr_Throw"][value="8"]:checked ~ .sheet-value-3 { display: block; } .sheet-dropdown .sheet-drop-attr_Throw:not(:hover) input[name="attr_Throw"][value="10"]:checked ~ .sheet-value-4 { display: block; } .sheet-dropdown .sheet-drop-attr_Throw:not(:hover) input[name="attr_Throw"][value="12"]:checked ~ .sheet-value-5 { display: block; } .sheet-dropdown .sheet-drop-attr_Treat { display: inline-block; vertical-align: middle; text-align: left; } .sheet-dropdown .sheet-drop-attr_Treat .sheet-value-1 { display: none; } .sheet-dropdown .sheet-drop-attr_Treat .sheet-value-2 { display: none; } .sheet-dropdown .sheet-drop-attr_Treat .sheet-value-3 { display: none; } .sheet-dropdown .sheet-drop-attr_Treat .sheet-value-4 { display: none; } .sheet-dropdown .sheet-drop-attr_Treat .sheet-value-5 { display: none; } .sheet-dropdown input[name="attr_Treat"], .sheet-dropdown input[name="attr_Treat"] + span, .sheet-dropdown input[name="attr_Treat"] + span + label { display: none; } .sheet-dropdown input[name="attr_Treat"], .sheet-dropdown input[name="attr_Treat"] + span, .sheet-dropdown input[name="attr_Treat"] + span + label { z-index: 1; } .sheet-dropdown .sheet-drop-attr_Treat:hover { position: absolute; width: 80px; z-index: 1; background-color: #a1a8c2; padding: 5px; } .sheet-dropdown .sheet-drop-attr_Treat:hover:before { content: ""; position: absolute; top: 0px; left: -7px; bottom: 0; border-top: 7px solid transparent; border-right: 8px solid #a1a8c2; border-bottom: 7px solid transparent; } .sheet-dropdown .sheet-drop-attr_Treat:hover:after { content: ""; position: absolute; top: 0; bottom: 0; right: -7px; border-top: 7px solid transparent; border-left: 8px solid #a1a8c2; border-bottom: 7px solid transparent; } .sheet-dropdown .sheet-drop-attr_Treat:hover input[name="attr_Treat"] { display: inline; } .sheet-dropdown .sheet-drop-attr_Treat:hover input[name="attr_Treat"] + span, .sheet-dropdown .sheet-drop-attr_Treat:hover input[name="attr_Treat"] + span + label { display: inline; } .sheet-dropdown .sheet-drop-attr_Treat:hover input[name="attr_Treat"]:checked { display: inline; } .sheet-dropdown .sheet-drop-attr_Treat:hover input[name="attr_Treat"]:checked + span, .sheet-dropdown .sheet-drop-attr_Treat:hover input[name="attr_Treat"]:checked + span + label { display: inline; } .sheet-dropdown input[name="attr_Treat"]:checked, .sheet-dropdown input[name="attr_Treat"]:checked + span + label, .sheet-dropdown input[name="attr_Treat"]:checked + label { display: none; } .sheet-dropdown .sheet-drop-attr_Treat:not(:hover) input[name="attr_Treat"][value="4"]:checked ~ .sheet-value-1 { display: block; } .sheet-dropdown .sheet-drop-attr_Treat:not(:hover) input[name="attr_Treat"][value="6"]:checked ~ .sheet-value-2 { display: block; } .sheet-dropdown .sheet-drop-attr_Treat:not(:hover) input[name="attr_Treat"][value="8"]:checked ~ .sheet-value-3 { display: block; } .sheet-dropdown .sheet-drop-attr_Treat:not(:hover) input[name="attr_Treat"][value="10"]:checked ~ .sheet-value-4 { display: block; } .sheet-dropdown .sheet-drop-attr_Treat:not(:hover) input[name="attr_Treat"][value="12"]:checked ~ .sheet-value-5 { display: block; } .sheet-dropdown .sheet-drop-attr_Trick { display: inline-block; vertical-align: middle; text-align: left; } .sheet-dropdown .sheet-drop-attr_Trick .sheet-value-1 { display: none; } .sheet-dropdown .sheet-drop-attr_Trick .sheet-value-2 { display: none; } .sheet-dropdown .sheet-drop-attr_Trick .sheet-value-3 { display: none; } .sheet-dropdown .sheet-drop-attr_Trick .sheet-value-4 { display: none; } .sheet-dropdown .sheet-drop-attr_Trick .sheet-value-5 { display: none; } .sheet-dropdown input[name="attr_Trick"], .sheet-dropdown input[name="attr_Trick"] + span, .sheet-dropdown input[name="attr_Trick"] + span + label { display: none; } .sheet-dropdown input[name="attr_Trick"], .sheet-dropdown input[name="attr_Trick"] + span, .sheet-dropdown input[name="attr_Trick"] + span + label { z-index: 1; } .sheet-dropdown .sheet-drop-attr_Trick:hover { position: absolute; width: 80px; z-index: 1; background-color: #a1a8c2; padding: 5px; } .sheet-dropdown .sheet-drop-attr_Trick:hover:before { content: ""; position: absolute; top: 0px; left: -7px; bottom: 0; border-top: 7px solid transparent; border-right: 8px solid #a1a8c2; border-bottom: 7px solid transparent; } .sheet-dropdown .sheet-drop-attr_Trick:hover:after { content: ""; position: absolute; top: 0; bottom: 0; right: -7px; border-top: 7px solid transparent; border-left: 8px solid #a1a8c2; border-bottom: 7px solid transparent; } .sheet-dropdown .sheet-drop-attr_Trick:hover input[name="attr_Trick"] { display: inline; } .sheet-dropdown .sheet-drop-attr_Trick:hover input[name="attr_Trick"] + span, .sheet-dropdown .sheet-drop-attr_Trick:hover input[name="attr_Trick"] + span + label { display: inline; } .sheet-dropdown .sheet-drop-attr_Trick:hover input[name="attr_Trick"]:checked { display: inline; } .sheet-dropdown .sheet-drop-attr_Trick:hover input[name="attr_Trick"]:checked + span, .sheet-dropdown .sheet-drop-attr_Trick:hover input[name="attr_Trick"]:checked + span + label { display: inline; } .sheet-dropdown input[name="attr_Trick"]:checked, .sheet-dropdown input[name="attr_Trick"]:checked + span + label, .sheet-dropdown input[name="attr_Trick"]:checked + label { display: none; } .sheet-dropdown .sheet-drop-attr_Trick:not(:hover) input[name="attr_Trick"][value="4"]:checked ~ .sheet-value-1 { display: block; } .sheet-dropdown .sheet-drop-attr_Trick:not(:hover) input[name="attr_Trick"][value="6"]:checked ~ .sheet-value-2 { display: block; } .sheet-dropdown .sheet-drop-attr_Trick:not(:hover) input[name="attr_Trick"][value="8"]:checked ~ .sheet-value-3 { display: block; } .sheet-dropdown .sheet-drop-attr_Trick:not(:hover) input[name="attr_Trick"][value="10"]:checked ~ .sheet-value-4 { display: block; } .sheet-dropdown .sheet-drop-attr_Trick:not(:hover) input[name="attr_Trick"][value="12"]:checked ~ .sheet-value-5 { display: block; } .sheet-dropdown .sheet-drop-sigasset { display: inline-block; vertical-align: middle; text-align: left; } .sheet-dropdown .sheet-drop-sigasset .sheet-value-1 { display: none; } .sheet-dropdown .sheet-drop-sigasset .sheet-value-2 { display: none; } .sheet-dropdown input[name="attr_sigasset_value"], .sheet-dropdown input[name="attr_sigasset_value"] + span, .sheet-dropdown input[name="attr_sigasset_value"] + span + label { display: none; } .sheet-dropdown input[name="attr_sigasset_value"], .sheet-dropdown input[name="attr_sigasset_value"] + span, .sheet-dropdown input[name="attr_sigasset_value"] + span + label { z-index: 1; } .sheet-dropdown .sheet-drop-sigasset:hover { position: absolute; width: 80px; z-index: 1; background-color: #a1a8c2; padding: 5px; } .sheet-dropdown .sheet-drop-sigasset:hover:before { content: ""; position: absolute; top: 0px; left: -7px; bottom: 0; border-top: 7px solid transparent; border-right: 8px solid #a1a8c2; border-bottom: 7px solid transparent; } .sheet-dropdown .sheet-drop-sigasset:hover:after { content: ""; position: absolute; top: 0; bottom: 0; right: -7px; border-top: 7px solid transparent; border-left: 8px solid #a1a8c2; border-bottom: 7px solid transparent; } .sheet-dropdown .sheet-drop-sigasset:hover input[name="attr_sigasset_value"] { display: inline; } .sheet-dropdown .sheet-drop-sigasset:hover input[name="attr_sigasset_value"] + span, .sheet-dropdown .sheet-drop-sigasset:hover input[name="attr_sigasset_value"] + span + label { display: inline; } .sheet-dropdown .sheet-drop-sigasset:hover input[name="attr_sigasset_value"]:checked { display: inline; } .sheet-dropdown .sheet-drop-sigasset:hover input[name="attr_sigasset_value"]:checked + span, .sheet-dropdown .sheet-drop-sigasset:hover input[name="attr_sigasset_value"]:checked + span + label { display: inline; } .sheet-dropdown input[name="attr_sigasset_value"]:checked, .sheet-dropdown input[name="attr_sigasset_value"]:checked + span, .sheet-dropdown input[name="attr_sigasset_value"]:checked + span + label { display: none; } .sheet-dropdown .sheet-drop-sigasset:not(:hover) input[name="attr_sigasset_mark"] ~ input[name="attr_sigasset_value"][value="6"]:checked ~ .sheet-value-1 { display: block; } .sheet-dropdown .sheet-drop-sigasset:not(:hover) input[name="attr_sigasset_mark"] ~ input[name="attr_sigasset_value"][value="8"]:checked ~ .sheet-value-2 { display: block; } .sheet-dropdown .sheet-drop-sigasset { display: inline-block; vertical-align: middle; text-align: left; } .sheet-dropdown .sheet-drop-sigasset .sheet-value-1 { display: none; } .sheet-dropdown .sheet-drop-sigasset .sheet-value-2 { display: none; } .sheet-dropdown input[name="attr_0_repeating_sigassets_sigasset_value"], .sheet-dropdown input[name="attr_0_repeating_sigassets_sigasset_value"] + span, .sheet-dropdown input[name="attr_0_repeating_sigassets_sigasset_value"] + span + label { display: none; } .sheet-dropdown input[name="attr_0_repeating_sigassets_sigasset_value"], .sheet-dropdown input[name="attr_0_repeating_sigassets_sigasset_value"] + span, .sheet-dropdown input[name="attr_0_repeating_sigassets_sigasset_value"] + span + label { z-index: 1; } .sheet-dropdown .sheet-drop-sigasset:hover { position: absolute; width: 80px; z-index: 1; background-color: #a1a8c2; padding: 5px; } .sheet-dropdown .sheet-drop-sigasset:hover:before { content: ""; position: absolute; top: 0px; left: -7px; bottom: 0; border-top: 7px solid transparent; border-right: 8px solid #a1a8c2; border-bottom: 7px solid transparent; } .sheet-dropdown .sheet-drop-sigasset:hover:after { content: ""; position: absolute; top: 0; bottom: 0; right: -7px; border-top: 7px solid transparent; border-left: 8px solid #a1a8c2; border-bottom: 7px solid transparent; } .sheet-dropdown .sheet-drop-sigasset:hover input[name="attr_0_repeating_sigassets_sigasset_value"] { display: inline; } .sheet-dropdown .sheet-drop-sigasset:hover input[name="attr_0_repeating_sigassets_sigasset_value"] + span, .sheet-dropdown .sheet-drop-sigasset:hover input[name="attr_0_repeating_sigassets_sigasset_value"] + span + label { display: inline; } .sheet-dropdown .sheet-drop-sigasset:hover input[name="attr_0_repeating_sigassets_sigasset_value"]:checked { display: inline; } .sheet-dropdown .sheet-drop-sigasset:hover input[name="attr_0_repeating_sigassets_sigasset_value"]:checked + span, .sheet-dropdown .sheet-drop-sigasset:hover input[name="attr_0_repeating_sigassets_sigasset_value"]:checked + span + label { display: inline; } .sheet-dropdown input[name="attr_0_repeating_sigassets_sigasset_value"]:checked, .sheet-dropdown input[name="attr_0_repeating_sigassets_sigasset_value"]:checked + span, .sheet-dropdown input[name="attr_0_repeating_sigassets_sigasset_value"]:checked + span + label { display: none; } .sheet-dropdown .sheet-drop-sigasset:not(:hover) input[name="attr_0_repeating_sigassets_sigasset_mark"] ~ input[name="attr_0_repeating_sigassets_sigasset_value"][value="6"]:checked ~ .sheet-value-1 { display: block; } .sheet-dropdown .sheet-drop-sigasset:not(:hover) input[name="attr_0_repeating_sigassets_sigasset_mark"] ~ input[name="attr_0_repeating_sigassets_sigasset_value"][value="8"]:checked ~ .sheet-value-2 { display: block; } .sheet-dropdown .sheet-drop-sigasset { display: inline-block; vertical-align: middle; text-align: left; } .sheet-dropdown .sheet-drop-sigasset .sheet-value-1 { display: none; } .sheet-dropdown .sheet-drop-sigasset .sheet-value-2 { display: none; } .sheet-dropdown input[name="attr_1_repeating_sigassets_sigasset_value"], .sheet-dropdown input[name="attr_1_repeating_sigassets_sigasset_value"] + span, .sheet-dropdown input[name="attr_1_repeating_sigassets_sigasset_value"] + span + label { display: none; } .sheet-dropdown input[name="attr_1_repeating_sigassets_sigasset_value"], .sheet-dropdown input[name="attr_1_repeating_sigassets_sigasset_value"] + span, .sheet-dropdown input[name="attr_1_repeating_sigassets_sigasset_value"] + span + label { z-index: 1; } .sheet-dropdown .sheet-drop-sigasset:hover { position: absolute; width: 80px; z-index: 1; background-color: #a1a8c2; padding: 5px; } .sheet-dropdown .sheet-drop-sigasset:hover:before { content: ""; position: absolute; top: 0px; left: -7px; bottom: 0; border-top: 7px solid transparent; border-right: 8px solid #a1a8c2; border-bottom: 7px solid transparent; } .sheet-dropdown .sheet-drop-sigasset:hover:after { content: ""; position: absolute; top: 0; bottom: 0; right: -7px; border-top: 7px solid transparent; border-left: 8px solid #a1a8c2; border-bottom: 7px solid transparent; } .sheet-dropdown .sheet-drop-sigasset:hover input[name="attr_1_repeating_sigassets_sigasset_value"] { display: inline; } .sheet-dropdown .sheet-drop-sigasset:hover input[name="attr_1_repeating_sigassets_sigasset_value"] + span, .sheet-dropdown .sheet-drop-sigasset:hover input[name="attr_1_repeating_sigassets_sigasset_value"] + span + label { display: inline; } .sheet-dropdown .sheet-drop-sigasset:hover input[name="attr_1_repeating_sigassets_sigasset_value"]:checked { display: inline; } .sheet-dropdown .sheet-drop-sigasset:hover input[name="attr_1_repeating_sigassets_sigasset_value"]:checked + span, .sheet-dropdown .sheet-drop-sigasset:hover input[name="attr_1_repeating_sigassets_sigasset_value"]:checked + span + label { display: inline; } .sheet-dropdown input[name="attr_1_repeating_sigassets_sigasset_value"]:checked, .sheet-dropdown input[name="attr_1_repeating_sigassets_sigasset_value"]:checked + span, .sheet-dropdown input[name="attr_1_repeating_sigassets_sigasset_value"]:checked + span + label { display: none; } .sheet-dropdown .sheet-drop-sigasset:not(:hover) input[name="attr_1_repeating_sigassets_sigasset_mark"] ~ input[name="attr_1_repeating_sigassets_sigasset_value"][value="6"]:checked ~ .sheet-value-1 { display: block; } .sheet-dropdown .sheet-drop-sigasset:not(:hover) input[name="attr_1_repeating_sigassets_sigasset_mark"] ~ input[name="attr_1_repeating_sigassets_sigasset_value"][value="8"]:checked ~ .sheet-value-2 { display: block; } .sheet-dropdown .sheet-drop-sigasset { display: inline-block; vertical-align: middle; text-align: left; } .sheet-dropdown .sheet-drop-sigasset .sheet-value-1 { display: none; } .sheet-dropdown .sheet-drop-sigasset .sheet-value-2 { display: none; } .sheet-dropdown input[name="attr_2_repeating_sigassets_sigasset_value"], .sheet-dropdown input[name="attr_2_repeating_sigassets_sigasset_value"] + span, .sheet-dropdown input[name="attr_2_repeating_sigassets_sigasset_value"] + span + label { display: none; } .sheet-dropdown input[name="attr_2_repeating_sigassets_sigasset_value"], .sheet-dropdown input[name="attr_2_repeating_sigassets_sigasset_value"] + span, .sheet-dropdown input[name="attr_2_repeating_sigassets_sigasset_value"] + span + label { z-index: 1; } .sheet-dropdown .sheet-drop-sigasset:hover { position: absolute; width: 80px; z-index: 1; background-color: #a1a8c2; padding: 5px; } .sheet-dropdown .sheet-drop-sigasset:hover:before { content: ""; position: absolute; top: 0px; left: -7px; bottom: 0; border-top: 7px solid transparent; border-right: 8px solid #a1a8c2; border-bottom: 7px solid transparent; } .sheet-dropdown .sheet-drop-sigasset:hover:after { content: ""; position: absolute; top: 0; bottom: 0; right: -7px; border-top: 7px solid transparent; border-left: 8px solid #a1a8c2; border-bottom: 7px solid transparent; } .sheet-dropdown .sheet-drop-sigasset:hover input[name="attr_2_repeating_sigassets_sigasset_value"] { display: inline; } .sheet-dropdown .sheet-drop-sigasset:hover input[name="attr_2_repeating_sigassets_sigasset_value"] + span, .sheet-dropdown .sheet-drop-sigasset:hover input[name="attr_2_repeating_sigassets_sigasset_value"] + span + label { display: inline; } .sheet-dropdown .sheet-drop-sigasset:hover input[name="attr_2_repeating_sigassets_sigasset_value"]:checked { display: inline; } .sheet-dropdown .sheet-drop-sigasset:hover input[name="attr_2_repeating_sigassets_sigasset_value"]:checked + span, .sheet-dropdown .sheet-drop-sigasset:hover input[name="attr_2_repeating_sigassets_sigasset_value"]:checked + span + label { display: inline; } .sheet-dropdown input[name="attr_2_repeating_sigassets_sigasset_value"]:checked, .sheet-dropdown input[name="attr_2_repeating_sigassets_sigasset_value"]:checked + span, .sheet-dropdown input[name="attr_2_repeating_sigassets_sigasset_value"]:checked + span + label { display: none; } .sheet-dropdown .sheet-drop-sigasset:not(:hover) input[name="attr_2_repeating_sigassets_sigasset_mark"] ~ input[name="attr_2_repeating_sigassets_sigasset_value"][value="6"]:checked ~ .sheet-value-1 { display: block; } .sheet-dropdown .sheet-drop-sigasset:not(:hover) input[name="attr_2_repeating_sigassets_sigasset_mark"] ~ input[name="attr_2_repeating_sigassets_sigasset_value"][value="8"]:checked ~ .sheet-value-2 { display: block; }