diff --git a/Medievo Oscuro/medievooscuro.png b/Medievo Oscuro/medievooscuro.png index e18f76cf92a1..5c072e69bf4b 100644 Binary files a/Medievo Oscuro/medievooscuro.png and b/Medievo Oscuro/medievooscuro.png differ diff --git a/Medievo Oscuro/medievooscuro.css b/Medievo Oscuro/medievooscuro_v2.css similarity index 71% rename from Medievo Oscuro/medievooscuro.css rename to Medievo Oscuro/medievooscuro_v2.css index 3bc9fbdd171e..22fc5e63d9b2 100644 --- a/Medievo Oscuro/medievooscuro.css +++ b/Medievo Oscuro/medievooscuro_v2.css @@ -38,6 +38,14 @@ min-width: 1250px; } +.sheet-C100 { + position: relative; + float: left; + width: 100%; + min-width: 600px; + height: auto; +} + .sheet-50-50 { position: relative; float: left; @@ -856,6 +864,143 @@ a:active { } + +/* BARRA DIFICULTAD PJ */ + +.sheet-titulodificultad { + float: left; + position: relative; + width: 120px; + height: 30px; + font-size: 20px; + font-family: Morpheus, Cambria, Rakkas; + color: #000000; + } + +.sheet-barradificultad { + float: left; + position: relative; + width: 870px; + height: 10px; + margin: 10px auto 20px; + background-color: #000000; + -webkit-border-radius: 10px; + -moz-border-radius: 10px; + border-radius: 10px; + } + +.sheet-dificultad-container { + position: relative; + width: 860px; + height: 22px; + margin: 0px 0px 0px 5px; + display: flex; + justify-content: space-between; + align-items: center; +} + +.sheet-dificultad-container input[type="radio"] { + display: none; +} +.sheet-dificultad-container label{ + padding: 0px 0px 0px 5px !important; +} + +.sheet-dificultad-container span { + width: 20px; + height: 20px; + background-color: black; + color: white; + font-size: 12px; + font-weight: bold; + display: flex; + justify-content: center; + align-items: center; + border-radius: 50%; + cursor: pointer; + border: 2px solid #222; + user-select: none; +} + +.sheet-dificultad-container input[type="radio"]:checked + span { + width: 35px; + height: 35px; + background-color: #ffffff; + color: black; + border-color: #000; + font-size: 18px; + font-weight: bold; +} + + +/* BARRA DIFICULTAD PNJ */ + +.sheet-titulodificultadpnj { + float: left; + position: relative; + width: 120px; + height: 10px; + font-size: 20px; + font-family: Morpheus, Cambria, Rakkas; + color: #000000; + } + +.sheet-barradificultadpnj { + float: left; + position: relative; + width: 1120px; + height: 10px; + margin: 10px auto 20px; + background-color: #000000; + -webkit-border-radius: 10px; + -moz-border-radius: 10px; + border-radius: 10px; + } + +.sheet-dificultadpnj-container { + position: relative; + width: 1110px; + height: 22px; + margin: 0px 0px 0px 10px; + display: flex; + justify-content: space-between; + align-items: center; +} + +.sheet-dificultadpnj-container input[type="radio"] { + display: none; +} +.sheet-dificultad-container label{ + padding: 0px 0px 0px 5px !important; +} + +.sheet-dificultadpnj-container span { + width: 20px; + height: 20px; + background-color: black; + color: white; + font-size: 12px; + font-weight: bold; + display: flex; + justify-content: center; + align-items: center; + border-radius: 50%; + cursor: pointer; + border: 2px solid #222; + user-select: none; +} + +.sheet-dificultadpnj-container input[type="radio"]:checked + span { + width: 35px; + height: 35px; + background-color: #ffffff; + color: black; + border-color: #000; + font-size: 18px; + font-weight: bold; +} + + /* TABS Y MENU BOTONES*/ .sheet-containertabs { @@ -976,6 +1121,68 @@ h1 { } +/*============= REPCONTROL BOTONS CSS =============*/ +.repcontrol { + display: flex; + width: 96%; + justify-content: flex-end; + clear: both; +} +.repcontrol_add, +.repcontrol_edit, +.repcontrol_add:hover, +.repcontrol_edit:hover, +.repcontrol_add:active, +.repcontrol_edit:active +.repcontrol_add:focus, +.repcontrol_edit:focus{ + width: 2em; + height: 1.2em; + margin: 1px; + padding: 0 1px 3px 1px; + box-shadow: none; + color: transparent !important; + text-shadow: none; + outline: transparent !important; +} +.repcontrol_move { + float: left; + margin-left: 5px; + cursor: move; +} +button.btn.repcontrol_del:after, +button.btn.repcontrol_del:hover { + color: black; +} +button.btn.repcontrol_edit:after { + font-family: Pictos; + content: '('; + color: black; + margin: 0 0 0 -38px; +} +.repcontainer.ui-sortable.editmode ~ .repcontrol button.btn.repcontrol_edit:after { + margin: 0 0 0 -28px; + content: ')'; +} +button.btn.repcontrol_add:after { + font-family: Pictos; + content: '&'; + color: black; + margin: 0 0 0 -31px; +} +button.btn:hover.repcontrol_edit:after, +button.btn:hover.repcontrol_add:after, +button.btn:hover.repcontrol_del:after { + color: #73940D; +} +a.btn.repcontrol_move:hover { + color: #73940D; +} +button.btn.btn-danger.pictos.repcontrol_del:hover { + color: #fff; +} + + /* FIRMA */ .sheet-firma{ float: left; @@ -1108,6 +1315,7 @@ h1 { } + /* DADOS MO */ .sheet-columna-daus { @@ -1339,4 +1547,281 @@ h1 { } - } \ No newline at end of file + } + + + + +/*=================== MORESULT ROLL ROLLTEMPLATE CSS ===================*/ + +/* Smaller margins - remove these if you want the huge default left margin */ +.sheet-rolltemplate-moresult { + margin-left: -37px; +} +.sheet-rolltemplate-moresult .sheet-fotofondo { + width: 300px; + height: auto; + min-height: 130px; + overflow: auto; + background-image: none; + background-repeat: no-repeat; + background-size:cover; + background-position: top; + background-color: #ffffff; + box-sizing: border-box; + border-top: none; + border-left: 3px solid #000000; + border-right: 3px solid #000000; + border-bottom: 3px solid #000000; +} + +/* Header formatting - title and subtitle */ +.sheet-rolltemplate-moresult .sheet-header { + height: 45px; + background-color: #000000; + /* change text-align to center to center the header text */ + padding: 5px; + +} +.sheet-rolltemplate-moresult .sheet-title { + margin: 5px 0px 0px 0px; + text-align: left; + font-family: Morpheus, Rakkas, Cambria; + font-size: 20px; + font-weight: bold; + color: #ffffff; + text-transform: uppercase; +} + +.sheet-rolltemplate-moresult .sheet-title img.sheet-logomo { + width: 60px; + margin: 0px 0px; + height: 35px !important; + float: right; +} + +.sheet-rolltemplate-moresult .sheet-subtitle { + font-family: arial, tahoma, cambria; + font-size:14px; + margin: 2px 0px 0px 0px; + padding-top: 5px; + text-align: left; + color: #ffffff; +} + + +.textchatcontainer .inlinerollresult { + background-color: #fef68e; + border: 2px solid #fef68e; + padding: 3px 3px 0px 3px!important; + font-weight: bold; + cursor: help; + /* line-height: 20px; */ + font-size: 1.1em; +} + +/* Make even-numbered rows grey */ +.sheet-rolltemplate-moresult .sheet-contento :nth-child(4n+3), +.sheet-rolltemplate-moresult .sheet-contento :nth-child(4n) { +} + + +.sheet-rolltemplate-moresult .sheet-filatemplate1{ + position:relative; + float:left; + width:90%; + height:auto; + min-height: 15px; + margin: 0% 5%; + padding: 8px 0px; + color: #000000; + text-align:center; + font-family: Rakas, Cambria; + font-weight: 400; + font-size: 16px; + font-style: normal; + } +.sheet-rolltemplate-moresult .sheet-filatemplate2{ + position:relative; + float:left; + width:90%; + height:auto; + min-height: 15px; + margin: 0% 5%; + padding: 10px 0px 10px 0px; + color: #000000; + text-align:center; + font-family: Rakas, Cambria; + font-weight: bold; + font-size: 20px; + font-style: normal; + } + +.sheet-rolltemplate-moresult .sheet-filatemplate2R{ + position:relative; + float:left; + width:90%; + height:auto; + min-height: 15px; + margin: 0% 5%; + padding: 10px 0px 10px 0px; + color: #000000; + text-align:center; + font-family: Rakas, Cambria; + font-weight: bold; + font-size: 30px; + font-style: normal; + } + + +.sheet-rolltemplate-moresult .sheet-filatemplate3{ + position:relative; + float:left; + width:100%; + height:auto; + padding: 10px 0px; + margin-top: 5px; + border-top: #000000 solid 2px; + color: #868686; + text-align:center; + font-size: 14px; + font-style: normal; + background-color:#550103!important; + } + + +/*=================== MOATAC ROLL ROLLTEMPLATE CSS ===================*/ + +/* Smaller margins - remove these if you want the huge default left margin */ +.sheet-rolltemplate-moatac { + margin-left: -37px; +} +.sheet-rolltemplate-moatac .sheet-fotofondo { + width: 300px; + height: auto; + min-height: 130px; + overflow: auto; + background-image: none; + background-repeat: no-repeat; + background-size:cover; + background-position: top; + background-color: #ffffff; + box-sizing: border-box; + border-top: none; + border-left: 3px solid #000000; + border-right: 3px solid #000000; + border-bottom: 3px solid #000000; +} + +/* Header formatting - title and subtitle */ +.sheet-rolltemplate-moatac .sheet-header { + height: 45px; + background-color: #000000; + /* change text-align to center to center the header text */ + padding: 5px; + +} +.sheet-rolltemplate-moatac .sheet-title { + margin: 5px 0px 0px 0px; + text-align: left; + font-family: Morpheus, Rakkas, Cambria; + font-size: 20px; + font-weight: bold; + color: #ffffff; + text-transform: uppercase; +} + +.sheet-rolltemplate-moatac .sheet-title img.sheet-logomo { + width: 60px; + margin: 0px 0px; + height: 35px !important; + float: right; +} + +.sheet-rolltemplate-moatac .sheet-subtitle { + font-family: arial, tahoma, cambria; + font-size:14px; + margin: 2px 0px 0px 0px; + padding-top: 5px; + text-align: left; + color: #ffffff; +} + + +.textchatcontainer .inlinerollresult { + background-color: #fef68e; + border: 2px solid #fef68e; + padding: 3px 3px 0px 3px!important; + font-weight: bold; + cursor: help; + /* line-height: 20px; */ + font-size: 1.1em; +} + +/* Make even-numbered rows grey */ +.sheet-rolltemplate-moatac .sheet-contento :nth-child(4n+3), +.sheet-rolltemplate-moatac .sheet-contento :nth-child(4n) { +} + + +.sheet-rolltemplate-moatac .sheet-filatemplate1{ + position:relative; + float:left; + width:90%; + height:auto; + min-height: 15px; + margin: 0% 5%; + padding: 8px 0px; + color: #000000; + text-align:center; + font-family: Rakas, Cambria; + font-weight: 400; + font-size: 16px; + font-style: normal; + } +.sheet-rolltemplate-moatac .sheet-filatemplate2{ + position:relative; + float:left; + width:90%; + height:auto; + min-height: 15px; + margin: 0% 5%; + padding: 10px 0px 10px 0px; + color: #000000; + text-align:center; + font-family: Rakas, Cambria; + font-weight: bold; + font-size: 20px; + font-style: normal; + } +.sheet-rolltemplate-moatac .sheet-filatemplate2R{ + position:relative; + float:left; + width:90%; + height:auto; + min-height: 15px; + margin: 0% 5%; + padding: 10px 0px 10px 0px; + color: #000000; + text-align:center; + font-family: Rakas, Cambria; + font-weight: bold; + font-size: 30px; + font-style: normal; + } + +.sheet-rolltemplate-moatac .sheet-filatemplate3{ + position:relative; + float:left; + width:100%; + height:auto; + padding: 10px 0px; + margin-top: 5px; + border-top: #000000 solid 2px; + color: #868686; + text-align:center; + font-size: 14px; + font-style: normal; + background-color:#550103!important; + } + diff --git a/Medievo Oscuro/medievooscuro.html b/Medievo Oscuro/medievooscuro_v2.html similarity index 81% rename from Medievo Oscuro/medievooscuro.html rename to Medievo Oscuro/medievooscuro_v2.html index 2b37b413d2bf..e687151cdd7a 100644 --- a/Medievo Oscuro/medievooscuro.html +++ b/Medievo Oscuro/medievooscuro_v2.html @@ -75,7 +75,7 @@
-