Update ptu.css

PokemonTabletopUnited/ptu.css

@@ -4,6 +4,54 @@ input.sheet-tab3:not(:checked) ~ .sheet-tab3{
     display: none;
 }
 
+div.sheet-checklist {
+    display: none;
+}
+
+input.sheet-arrow[type="checkbox"] {
+    color: #E0E0E0;
+    opacity: 0;
+    width: 16px;
+    height: 16px;
+    position: relative;
+    top: 5px;
+    left: 6px;
+    margin: -10px;
+    cursor: pointer;
+    z-index: 1;
+}
+
+input.sheet-arrow[type="checkbox"] + span::before
+{
+    margin-right: 4px;
+    line-height: 14px;
+    text-align: center;
+    display: inline-block;
+    vertical-align: middle;
+    float: left;
+    width: 14px;
+    height: 14px;
+    content: "▼";
+    color: #E0E0E0;
+    transform: rotate(-90deg);
+}
+
+input.sheet-arrow[type="checkbox"]:checked + span::before {
+    width: 14px;
+    height: 14px;
+    content: "▼";
+    
+    transform: rotate(0deg);
+}
+
+input.sheet-arrow {
+    float: left;
+}
+
+input.sheet-arrow:checked ~ div.sheet-checklist {
+    display: block;
+}
+
 input.sheet-tab {
     width: calc(20% - 4px);
     max-width: 150px;
@@ -56,7 +104,7 @@ input.sheet-tab:checked::before {
 }
 
 .sheet-rolltemplate-PTU th {
-	background: url(http://i.imgur.com/5aRtcpq.png) top no-repeat, url(http://i.imgur.com/yyzOMmI.png top no-repeat);
+    background: url(http://i.imgur.com/5aRtcpq.png) top no-repeat, url(http://i.imgur.com/yyzOMmI.png top no-repeat);
 	color: #ffffff;
 	padding: 2px 2px 2px 40px;
 	border-bottom: 1px solid black;