577 lines
15 KiB
CSS
577 lines
15 KiB
CSS
/*----------- Repeating Blocks -------------*/
|
|
.charsheet .repcontrol_add {
|
|
display: block;
|
|
background:#7F2108;
|
|
color:white;
|
|
text-shadow:0px 0px 2px #000,0px 0px 2px #000,0px 0px 2px #000;
|
|
box-shadow:none;
|
|
float:left!important;
|
|
margin-bottom:0px;
|
|
font-size:0.9em;
|
|
height:2.2em;
|
|
font-family: Copperplate, 'Copperplate Gothic Light', fantasy;
|
|
}
|
|
.charsheet .repcontrol_edit
|
|
{
|
|
display: inline-block;
|
|
background:#7F2108;
|
|
color:white;
|
|
text-shadow:0px 0px 2px #000,0px 0px 2px #000,0px 0px 2px #000;
|
|
box-shadow:none;
|
|
float:none!important;
|
|
margin-bottom:5px;
|
|
font-size:0.9em;
|
|
height:2.2em;
|
|
font-family: Copperplate, 'Copperplate Gothic Light', fantasy;
|
|
}
|
|
.charsheet .repcontrol_del {
|
|
background:red;
|
|
color:white;
|
|
text-shadow:0px 0px 2px #000,0px 0px 2px #000,0px 0px 2px #000;
|
|
box-shadow:none;
|
|
float:none!important;
|
|
margin-bottom:5px;
|
|
font-size:0.9em;
|
|
height:2.2em;
|
|
}
|
|
.charsheet .repcontrol_move {
|
|
display: inline-block;
|
|
background:#08667f;
|
|
color:white;
|
|
text-shadow:0px 0px 2px #000,0px 0px 2px #000,0px 0px 2px #000;
|
|
box-shadow:none;
|
|
float:none!important;
|
|
margin-bottom:5px;
|
|
font-size:0.9em;
|
|
height:1.4em;
|
|
padding-top:3px;
|
|
padding-bottom:3px;
|
|
}
|
|
/*----------- End of Repeating Blocks -------------*//*=======================Tabs=======================*/
|
|
|
|
div.sheet-tab-content {
|
|
display: none;
|
|
}
|
|
|
|
input.sheet-tab1:checked ~ div.sheet-tab1,
|
|
input.sheet-tab2:checked ~ div.sheet-tab2,
|
|
input.sheet-tab3:checked ~ div.sheet-tab3,
|
|
input.sheet-tab4:checked ~ div.sheet-tab4,
|
|
input.sheet-tab5:checked ~ div.sheet-tab5,
|
|
input.sheet-tab6:checked ~ div.sheet-tab6,
|
|
input.sheet-tab7:checked ~ div.sheet-tab7 {
|
|
display: block;
|
|
}
|
|
|
|
input.sheet-tab {
|
|
width: 130px;
|
|
height: 20px;
|
|
position: relative;
|
|
left: 6px;
|
|
margin: 0px ;
|
|
cursor: pointer;
|
|
z-index: 1;
|
|
border-radius: 5px 5px 5px 5px;
|
|
}
|
|
|
|
input.sheet-tab::before
|
|
{
|
|
content: attr(title);
|
|
font-family: 'GreatVibesRegular', "Shadows Into Light", cursive;
|
|
color:white;
|
|
text-shadow:0px 0px 0.5em black;
|
|
|
|
text-align: center;
|
|
display: inline-block;
|
|
|
|
background: #fff;
|
|
background: -moz-linear-gradient(to top, #fff, #B35439, #fff);
|
|
background: -webkit-linear-gradient(to top, #fff, #B35439, #fff);
|
|
background: -ms-linear-gradient(to top, #fff, #B35439, #fff);
|
|
background: -o-linear-gradient(to top, #fff, #B35439, #fff);
|
|
background: linear-gradient(to top, #fff, #B35439, #fff);
|
|
|
|
width: 130px;
|
|
height: 20px;
|
|
font-size: 16px;
|
|
font-weight:700;
|
|
border-radius: 15px 15px 15px 15px;
|
|
|
|
border:1px solid black;
|
|
|
|
}
|
|
|
|
input.sheet-tab:checked::before
|
|
{
|
|
background: #dcdcdc;
|
|
background: -moz-linear-gradient(to top, #B35439, #000, #B35439);
|
|
background: -webkit-linear-gradient(to top, #B35439, #000, #B35439);
|
|
background: -ms-linear-gradient(to top, #B35439, #000, #B35439);
|
|
background: -o-linear-gradient(to top, #B35439, #000, #B35439);
|
|
background: linear-gradient(to top, #B35439, #000, #B35439);
|
|
/* border-bottom-color: #fff; */
|
|
text-shadow:0px 0px 0.5em black,0px 0px 0.5em black;
|
|
}
|
|
|
|
input.sheet-tab:not(:first-child)::before
|
|
{
|
|
border-left: none;
|
|
}
|
|
|
|
div.sheet-tab-content {
|
|
width: 835px;
|
|
background:white;
|
|
box-shadow: inset 0px 0px 10px #B35439, inset 0px 0px 8px #B35439,inset 0px 0px 4px #B35439;
|
|
padding: 5px;
|
|
border-radius:15px;
|
|
margin-right:auto;
|
|
margin-left:auto;
|
|
}
|
|
div.sheet-top_bar {
|
|
width: 835px;
|
|
background:white;
|
|
box-shadow: inset 0px 0px 10px #B35439, inset 0px 0px 8px #B35439,inset 0px 0px 4px #B35439;
|
|
padding: 5px;
|
|
border-radius:15px;
|
|
margin-right:auto;
|
|
margin-left:auto;
|
|
}
|
|
/*=======================End of tabs=======================*/
|
|
/*----------- Font Face -------------*/
|
|
@font-face {
|
|
font-family: 'GreatVibesRegular';
|
|
src: url('http://openfontlibrary.org/assets/fonts/rebecca/d32a4d9e4887fccf9ce200538290cd10/53e7427de4aaa693950c7a9c35de80e2/GreatVibesRegular.otf');
|
|
font-weight: normal;
|
|
font-style: normal;
|
|
}
|
|
/*----------- End of Font Face -------------*/
|
|
/*----------- Banner -------------*/
|
|
.sheet-banner {
|
|
background: url('http://www.atlas-games.com/images/ArM5LogoColor.jpg');
|
|
background-size: 100%;
|
|
background-repeat: no-repeat;
|
|
background-position: right bottom;
|
|
}
|
|
|
|
.sheet-banner-content {
|
|
margin: 0;
|
|
height: 100px;
|
|
width: 200px;
|
|
}
|
|
/*----------- End of Banner -------------*/
|
|
/*----------- background -------------*/
|
|
.charsheet {
|
|
background:black;
|
|
width:850px;
|
|
}
|
|
/*----------- End of background -------------*/
|
|
/*----------- Text -------------*/
|
|
.sheet-heading {
|
|
font-family: 'GreatVibesRegular', "Shadows Into Light", cursive;
|
|
font-weight:bold;
|
|
font-size:1.3em;
|
|
}
|
|
|
|
.sheet-heading_1 {
|
|
font-family: 'GreatVibesRegular', "Shadows Into Light", cursive;
|
|
font-size:1.3em;
|
|
line-height:1.4em;
|
|
border-top: none;
|
|
border-bottom: none;
|
|
border-left: none;
|
|
border-right: none;
|
|
width:200px;
|
|
}
|
|
|
|
textarea.sheet-textarea_3:hover,textarea.sheet-textarea_3:focus,
|
|
textarea.sheet-textarea_2:hover,textarea.sheet-textarea_2:focus,
|
|
textarea.sheet-textarea_1:hover,textarea.sheet-textarea_1:focus,
|
|
.sheet-number_1:hover, .sheet-number_1:focus,
|
|
.sheet-heading_2:hover, .sheet-heading_2:focus,
|
|
.sheet-heading_3:hover, .sheet-heading_3:focus,
|
|
.sheet-heading_1:hover, .sheet-heading_1:focus {
|
|
box-shadow: inset -9px -8px 18px -4px #B35439;
|
|
text-shadow: 0px 0px 5px white, 0px 0px 5px white, 0px 0px 5px white;
|
|
}
|
|
.sheet-heading_2 {
|
|
font-family: 'GreatVibesRegular', "Shadows Into Light", cursive;
|
|
font-size:1.1em;
|
|
line-height:1.2em;
|
|
|
|
border: none;
|
|
|
|
width:160px;
|
|
}
|
|
.sheet-heading_3 {
|
|
font-family: 'GreatVibesRegular', "Shadows Into Light", cursive;
|
|
font-size:1.1em;
|
|
line-height:1.2em;
|
|
|
|
border: none;
|
|
|
|
width:200px;
|
|
}
|
|
.sheet-heading_4 {
|
|
font-family: 'GreatVibesRegular', "Shadows Into Light", cursive;
|
|
font-size:1.1em;
|
|
line-height:1.2em;
|
|
|
|
border-top: none;
|
|
border-left: none;
|
|
border-right: none;
|
|
border-bottom: 1px solid black;
|
|
|
|
width:120px;
|
|
}
|
|
.sheet-number_1 {
|
|
width:60px;
|
|
font-family: 'GreatVibesRegular', "Shadows Into Light", cursive;
|
|
font-size:1.3em;
|
|
line-height:1.4em;
|
|
border-top: none;
|
|
border-left: none;
|
|
border-right: none;
|
|
border-bottom: 1px solid black;
|
|
box-shadow: none;
|
|
background:transparent;
|
|
}
|
|
.sheet-number_2 {
|
|
width:40px;
|
|
font-family: Copperplate, 'Copperplate Gothic Light', fantasy;
|
|
font-size:1.1em;
|
|
line-height:1.2em;
|
|
border-top: none;
|
|
border-left: none;
|
|
border-right: none;
|
|
border-bottom: 1px solid black;
|
|
box-shadow: none;
|
|
background:transparent;
|
|
}
|
|
|
|
.sheet-number_2:disabled {
|
|
background: black;
|
|
color:white;
|
|
}
|
|
.sheet-counter {
|
|
width:90px;
|
|
font-family: Copperplate, 'Copperplate Gothic Light', fantasy;
|
|
font-size:1.1em;
|
|
line-height:1.2em;
|
|
border-top: none;
|
|
border-left: none;
|
|
border-right: none;
|
|
border-bottom: 1px solid black;
|
|
box-shadow: none;
|
|
background:transparent;
|
|
text-shadow: 0px 0px 10px white;
|
|
color:black;
|
|
font-weight:700;
|
|
}
|
|
|
|
input.sheet-counter[type=number]::-webkit-inner-spin-button,
|
|
input.sheet-counter[type=number]::-webkit-outer-spin-button {
|
|
-webkit-appearance: none;
|
|
margin: 0;
|
|
}
|
|
.sheet-heading_label {
|
|
margin-left:0px;
|
|
margin-bottom:-6px;
|
|
padding-left: 10px;
|
|
border: 1px solid #B35439;
|
|
border-radius: 15px 15px 0px 0px;
|
|
background:#B35439;
|
|
text-shadow: 0px 0px 5px white, 0px 0px 5px white, 0px 0px 5px white;
|
|
width:155px;
|
|
}
|
|
/*----------- End of Text -------------*/
|
|
/*----------- Tables -------------*/
|
|
.sheet-table_1 th {
|
|
font-family: 'GreatVibesRegular', "Shadows Into Light", cursive;
|
|
}
|
|
.sheet-table_2 {
|
|
border: 1px solid black;
|
|
margin-top:5px;
|
|
margin-bottom:5px;
|
|
|
|
}
|
|
.sheet-table_2 th {
|
|
font-family: 'GreatVibesRegular', "Shadows Into Light", cursive;
|
|
text-align:left;
|
|
}
|
|
|
|
/*----------- End of Tables -------------*/
|
|
/*----------- textarea -------------*/
|
|
textarea.sheet-textarea_1 {
|
|
width: 200px;
|
|
resize:vertical;
|
|
height:90px;
|
|
border:1px dotted #d3d3d3;
|
|
border-radius:15px;
|
|
}
|
|
textarea.sheet-textarea_2 {
|
|
width: 400px;
|
|
resize:vertical;
|
|
height:45px;
|
|
border:1px dotted #d3d3d3;
|
|
border-radius:15px;
|
|
}
|
|
textarea.sheet-textarea_3 {
|
|
width: 180px;
|
|
resize:vertical;
|
|
height:30px;
|
|
border:1px dotted #d3d3d3;
|
|
border-radius:15px;
|
|
}
|
|
/*----------- End of textarea -------------*/
|
|
/*----------- Select -------------*/
|
|
select.sheet-select_1 {
|
|
-webkit-appearance: none;
|
|
padding-top:0px;
|
|
padding-right:0px;
|
|
appearance: none;
|
|
margin-bottom: 0;
|
|
width:110px;
|
|
font-family: 'GreatVibesRegular', "Shadows Into Light", cursive;
|
|
}
|
|
|
|
select {
|
|
-moz-appearance: none;
|
|
}
|
|
|
|
select *.sheet-italic {
|
|
font-style:italic;
|
|
}
|
|
/*----------- End of Select -------------*/
|
|
/*----------- Hide Things -------------*/
|
|
.sheet-hidden {
|
|
display: none;
|
|
}
|
|
|
|
input.sheet-hider:checked ~ div.sheet-hide {
|
|
display: none;
|
|
}
|
|
/*----------- End of Hide Things -------------*/
|
|
/*----------- Checkbox -------------*/
|
|
/* Hide actual checkbox */
|
|
|
|
input.sheet-checkbox_3[type="checkbox"],
|
|
input.sheet-checkbox_2[type="checkbox"],
|
|
input.sheet-checkbox_1[type="checkbox"] {
|
|
opacity: 0;
|
|
width: 16px;
|
|
height: 16px;
|
|
position: relative;
|
|
top: 0px;
|
|
left: 8px;
|
|
margin:0px;
|
|
cursor: pointer;
|
|
z-index: 1;
|
|
}
|
|
|
|
/* Fake checkbox */
|
|
input.sheet-checkbox_2[type="checkbox"] + span::before,
|
|
input.sheet-checkbox_1[type="checkbox"] + span::before {
|
|
margin-right: 4px;
|
|
border: solid 1px #a8a8a8;
|
|
line-height: 14px;
|
|
text-align: center;
|
|
display: inline-block;
|
|
vertical-align: middle;
|
|
|
|
-moz-box-shadow: 0 0 2px #ccc;
|
|
-webkit-box-shadow: 0 0 2px #ccc;
|
|
box-shadow: 0 0 2px #ccc;
|
|
|
|
background: #f6f6f6;
|
|
background: -moz-radial-gradient(#f6f6f6, #dfdfdf);
|
|
background: -webkit-radial-gradient(#f6f6f6, #dfdfdf);
|
|
background: -ms-radial-gradient(#f6f6f6, #dfdfdf);
|
|
background: -o-radial-gradient(#f6f6f6, #dfdfdf);
|
|
background: radial-gradient(#f6f6f6, #dfdfdf);
|
|
}
|
|
|
|
/* Fake checkbox */
|
|
input.sheet-checkbox_2[type="checkbox"] + span::before,
|
|
input.sheet-checkbox_1[type="checkbox"] + span::before {
|
|
content: "";
|
|
width: 14px;
|
|
height: 14px;
|
|
font-size: 12px;
|
|
|
|
-moz-border-radius: 3px;
|
|
-webkit-border-radius: 3px;
|
|
border-radius: 3px;
|
|
}
|
|
input.sheet-checkbox_1[type="checkbox"] + span::before {
|
|
position: relative;
|
|
top: 0px;
|
|
left: 0px;
|
|
margin:-10px;
|
|
}
|
|
|
|
input.sheet-checkbox_2[type="checkbox"] + span::before {
|
|
position: relative;
|
|
top: 0px;
|
|
left: 0px;
|
|
margin:-10px;
|
|
}
|
|
input.sheet-checkbox_1[type="checkbox"]:checked + span::before {
|
|
content: "✓";
|
|
}
|
|
input.sheet-checkbox_2[type="checkbox"]:checked + span::before {
|
|
content: "x";
|
|
color:red;
|
|
|
|
} /* Fake checkbox */
|
|
input.sheet-checkbox_3[type="checkbox"] + span::before {
|
|
margin-right: 4px;
|
|
border: solid 1px #a8a8a8;
|
|
line-height: 14px;
|
|
text-align: center;
|
|
display: inline-block;
|
|
vertical-align: middle;
|
|
|
|
-moz-box-shadow: 0 0 2px #ccc;
|
|
-webkit-box-shadow: 0 0 2px #ccc;
|
|
box-shadow: 0 0 2px #ccc;
|
|
|
|
background: #f6f6f6;
|
|
}
|
|
|
|
/* Fake checkbox */
|
|
input.sheet-checkbox_3[type="checkbox"] + span::before {
|
|
content: "";
|
|
width: 14px;
|
|
height: 14px;
|
|
font-size: 12px;
|
|
|
|
-moz-border-radius: 3px;
|
|
-webkit-border-radius: 3px;
|
|
border-radius: 3px;
|
|
}
|
|
/*----------- Radio -------------*/
|
|
|
|
/* Hide actual radio */
|
|
input.sheet-radio_2[type="radio"],
|
|
input.sheet-radio_1[type="radio"] {
|
|
opacity: 0;
|
|
width: 16px;
|
|
height: 16px;
|
|
position: relative;
|
|
top: 0px;
|
|
left: 8px;
|
|
margin:0px;
|
|
cursor: pointer;
|
|
z-index: 1;
|
|
}
|
|
|
|
/* Fake checkbox */
|
|
input.sheet-radio_2[type="radio"] + span::before,
|
|
input.sheet-radio_1[type="radio"] + span::before {
|
|
margin-right: 4px;
|
|
border: solid 1px #a8a8a8;
|
|
line-height: 14px;
|
|
text-align: center;
|
|
display: inline-block;
|
|
vertical-align: middle;
|
|
position: relative;
|
|
top: 0px;
|
|
left: 0px;
|
|
margin:-8px;
|
|
|
|
-moz-box-shadow: 0 0 2px #ccc;
|
|
-webkit-box-shadow: 0 0 2px #ccc;
|
|
box-shadow: 0 0 2px #ccc;
|
|
|
|
background: #f6f6f6;
|
|
background: -moz-radial-gradient(#f6f6f6, #dfdfdf);
|
|
background: -webkit-radial-gradient(#f6f6f6, #dfdfdf);
|
|
background: -ms-radial-gradient(#f6f6f6, #dfdfdf);
|
|
background: -o-radial-gradient(#f6f6f6, #dfdfdf);
|
|
background: radial-gradient(#f6f6f6, #dfdfdf);
|
|
}
|
|
|
|
input.sheet-radio_1[type="radio"] + span::before {
|
|
position: relative;
|
|
top: 0px;
|
|
left: -8px;
|
|
margin:0px;
|
|
}
|
|
|
|
input.sheet-radio_2[type="radio"] + span::before {
|
|
position: relative;
|
|
top: 0px;
|
|
left: 0px;
|
|
margin:-10px;
|
|
}
|
|
|
|
/* Fake checkbox */
|
|
input.sheet-radio_2[type="radio"] + span::before,
|
|
input.sheet-radio_1[type="radio"] + span::before {
|
|
content: "";
|
|
width: 14px;
|
|
height: 14px;
|
|
font-size: 12px;
|
|
|
|
-moz-border-radius: 3px;
|
|
-webkit-border-radius: 3px;
|
|
border-radius: 3px;
|
|
}
|
|
input.sheet-radio_2[type="radio"]:checked + span::before,
|
|
input.sheet-radio_1[type="radio"]:checked + span::before {
|
|
content: "x";
|
|
}
|
|
|
|
/*----------- End of Checkbox -------------*/
|
|
/*----------- Buttons -------------*/
|
|
button.sheet-button_1:before {
|
|
content: "" !important;
|
|
}
|
|
button.sheet-botch:before{
|
|
content: "" !important;
|
|
display: none;
|
|
}
|
|
|
|
button.sheet-botch {
|
|
font-family: 'GreatVibesRegular', "Shadows Into Light", cursive;
|
|
color:white;
|
|
text-shadow:0px 0px 0.5em black;
|
|
|
|
text-align: center;
|
|
display: inline-block;
|
|
|
|
background: #fff;
|
|
background: -moz-linear-gradient(to top, #fff, #08667f, #fff);
|
|
background: -webkit-linear-gradient(to top, #fff, #08667f, #fff);
|
|
background: -ms-linear-gradient(to top, #fff, #08667f, #fff);
|
|
background: -o-linear-gradient(to top, #fff, #08667f, #fff);
|
|
background: linear-gradient(to top, #fff, #08667f, #fff);
|
|
|
|
width: 130px;
|
|
height: 24px;
|
|
font-size: 16px;
|
|
line-height:18px;
|
|
font-weight:700;
|
|
border-radius: 15px 15px 15px 15px;
|
|
|
|
border:1px solid black;
|
|
}
|
|
button.sheet-botch:hover {
|
|
background: #fff;
|
|
background: -moz-linear-gradient(to top, #08667f, #fff, #08667f);
|
|
background: -webkit-linear-gradient(to top, #08667f, #fff, #08667f);
|
|
background: -ms-linear-gradient(to top, #08667f, #fff, #08667f);
|
|
background: -o-linear-gradient(to top, #08667f, #fff, #08667f);
|
|
background: linear-gradient(to top, #08667f, #fff, #08667f);
|
|
}
|
|
button.sheet-botch:active {
|
|
background: #fff;
|
|
background: -moz-linear-gradient(to left, #08667f, #fff, #08667f);
|
|
background: -webkit-linear-gradient(to left, #08667f, #fff, #08667f);
|
|
background: -ms-linear-gradient(to left, #08667f, #fff, #08667f);
|
|
background: -o-linear-gradient(to left, #08667f, #fff, #08667f);
|
|
background: linear-gradient(to left, #08667f, #fff, #08667f);
|
|
}
|
|
|
|
|
|
/*----------- End of Buttons -------------*/ |