Update DFRPG.css

This commit is contained in:
Lithl
2014-09-05 17:21:23 -05:00
parent adbd2c2d87
commit 489a1418b3
+55 -7
View File
@@ -1,8 +1,10 @@
.repcontainer[data-groupname=repeating_superb] .repitem,
.repcontainer[data-groupname=repeating_superb] .repitem,
.repcontainer[data-groupname=repeating_great] .repitem,
.repcontainer[data-groupname=repeating_good] .repitem,
.repcontainer[data-groupname=repeating_fair] .repitem,
.repcontainer[data-groupname=repeating_average] .repitem {
.repcontainer[data-groupname=repeating_average] .repitem,
.repcontainer[data-groupname=repeating_locations] .repitem,
.repcontainer[data-groupname=repeating_faces] .repitem {
display: inline-block;
}
@@ -37,6 +39,9 @@
.repcontainer.editmode[data-groupname=repeating_powers] + .repcontrol { text-align: right; }
.repcontainer.editmode[data-groupname=repeating_powers] + .repcontrol .repcontrol_edit { float: none; }
.repcontainer.editmode[data-groupname=repeating_locations] .repitem .sheet-section,
.repcontainer.editmode[data-groupname=repeating_faces] .repitem .sheet-section { z-index: -1; }
.charsheet {
font-size: 12pt;
line-height: 1em;
@@ -48,11 +53,18 @@
margin-right: 10px !important;
}
.charsheet .sheet-3colrow .sheet-col {
.charsheet .sheet-3colrow .sheet-col,
.repcontainer[data-groupname=repeating_locations] .repitem,
.repcontainer[data-groupname=repeating_faces] .repitem {
width: calc(33% - 7px) !important;
margin-right: 10px !important;
}
.repcontainer[data-groupname=repeating_locations] .repitem:nth-child(3n),
.repcontainer[data-groupname=repeating_faces] .repitem:nth-child(3n) {
margin-right: 0 !important;
}
input, select, textarea {
font-family: "Lucida Handwriting" cursive;
color: #05356b
@@ -330,6 +342,7 @@ div.sheet-tab {
display: none;
position: relative;
z-index: 2;
min-height: 1254px;
}
input.sheet-tab[value=worksheet]:checked ~ div.sheet-tab-worksheet,
@@ -392,6 +405,10 @@ h3.sheet-theme-threat {
padding-left: 7px;
}
.sheet-tab-city-locs div h3.sheet-theme-threat { padding-left: 42px; }
.sheet-faces h4 { font-weight: normal; }
select {
padding: 0;
margin-bottom: 0;
@@ -432,21 +449,32 @@ div.sheet-tab input[type=radio]:checked + span::before {
content: url(http://i.imgur.com/yvtWe02.png);
}
.sheet-tab-city-high .sheet-section { position: relative; }
.sheet-tab-city-high .sheet-section,
.sheet-tab-city-locs .sheet-section { position: relative; }
.sheet-tab-city-high input[type=radio] + span {
position: absolute;
top: 5px;
}
.sheet-tab-city-high input[type=radio]:first-of-type + span {
.sheet-tab-city-high input[type=radio]:first-of-type + span,
.sheet-tab-city-locs div input[type=radio]:first-of-type,
.sheet-tab-city-locs div input[type=radio]:first-of-type + span {
left: 5px;
}
.sheet-tab-city-high input[type=radio]:nth-of-type(2) + span {
.sheet-tab-city-high input[type=radio]:nth-of-type(2) + span,
.sheet-tab-city-locs div input[type=radio]:nth-of-type(2),
.sheet-tab-city-locs div input[type=radio]:nth-of-type(2) + span {
right: 5px;
}
.sheet-tab-city-locs div input[type=radio] + span,
.sheet-tab-city-locs div input[type=radio] {
position: absolute;
top: 0;
}
table.sheet-stress input[type=radio] {
position: absolute;
left: calc(50% - 15px);
@@ -591,6 +619,9 @@ div.sheet-theme-threat-faces input:nth-child(2) { width: calc(65% - 10px); }
textarea.sheet-theme-threat,
textarea.sheet-aspect-events,
textarea.sheet-movers-shakers,
textarea[name=attr_additional-notes],
.sheet-location textarea,
.sheet-faces textarea,
.sheet-status-quo textarea {
border: none;
resize: none;
@@ -616,8 +647,25 @@ textarea.sheet-theme-threat {
height: 4.25em;
}
textarea[name=attr_additional-notes] {
display: block;
width: calc(100% - 10px);
height: 8.5em;
}
.sheet-location textarea,
.sheet-faces textarea {
width: calc(100% - 10px);
height: 2.75em;
}
.sheet-faces textarea:last-child { height: 5.75em; }
textarea.sheet-theme-threat:not(:focus),
textarea.sheet-aspect-events:not(:focus),
textarea[name=attr_additional-notes]:not(:focus),
.sheet-location textarea:not(:focus),
.sheet-faces textarea:not(:focus),
input.sheet-invisible:not(:focus) { box-shadow: inset 0 0 5px #ccc; }
div.sheet-movers-shakers {
@@ -692,4 +740,4 @@ input.sheet-invisible {
input.sheet-invisible:focus {
box-shadow: inset 0 1px 1px rgba(0, 0, 0,0.075),
0 0 8px rgba(82,168,236,0.6);
}
}