diff --git a/Eclipse/eclipse.css b/Eclipse/eclipse.css new file mode 100644 index 0000000000..6930cc5a6d --- /dev/null +++ b/Eclipse/eclipse.css @@ -0,0 +1,216 @@ +.sheet-eclipse{ + padding-top: 10px; + background: url('http://i.imgur.com/2tn7rxE.png') repeat top left; + position: relative; + font-size: 0.9em; +} +.sheet-label-flotante .sheet-label { + border-color: black; + border-style: solid; + border-width: 0 0 2px; + padding-top: 10px; + margin-left: 18px; + text-align: right; + width: 95%; +} +.sheet-label-flotante input { + background: transparent none repeat scroll 0 0; + border: medium none; + box-shadow: none; + float: left; + margin-left: 15px; + font-size: 2em; +} +.sheet-header { + background-color: #5b584f; + border-radius: 14px 14px 0 0; + color: white; + display: inline-block; + font-size: 1.3em; + font-variant: small-caps; + margin-top: 5px; + text-align: center; + width: 100%; + padding: 5px 0; +} +.sheet-section .sheet-textarea-desc { + background: rgba(255, 255, 255, 0.5) none repeat scroll 0 0; + border-style: groove; + border-width: 0 2px 2px; + width: 97%; +} +.sheet-table { + display:table; + width: 100%; + border: 1px solid #5b584f; + border-radius: 0 0 5px 5px; +} +.sheet-table-row{ + display:table-row; + width: 100%; + text-align: center; +} +.sheet-table-row .sheet-table-data { + display: table-cell; +} +.sheet-table-row option { + display: table; +} +.sheet-table-row select { + margin-bottom: 2px; + margin-top: 1px; + border-style: dotted; + height: 25px; +} +.sheet-table-row input { + width: 3em; +} +.sheet-table-header { + background: #E0D5AD; + width: 100%; +} +.sheet-disabled input { + background: transparent; + border:none; + color:black; + box-shadow: none; + font-weight: bold; + font-size: 1.1em; + text-align: center; +} + + + + +/* === STRESS === */ +table.sheet-stress { + width: 100%; + position: relative; + display: flex; +} + +table.sheet-stress td { + position: relative; +} + +table.sheet-stress td div.sheet-checkbox-label-div { + width: 30px; + height: 30px; + position: relative; + border: 1px solid black; + left: calc(50% - 16px) !important; +} + +table.sheet-stress td div.sheet-checkbox-label-div label { + position: relative; + top:-30px; + background: #ddd; + height: 30px; + width: 30px; + display: block; + padding-right: 0px; + /* Note: This gradient may render differently in browsers that don't support the unprefixed gradient syntax */ + + /* IE10 Consumer Preview */ + background-image: -ms-linear-gradient(bottom right, #FFFFFF 0%, #C7C7C7 100%); + + /* Mozilla Firefox */ + background-image: -moz-linear-gradient(bottom right, #FFFFFF 0%, #C7C7C7 100%); + + /* Opera */ + background-image: -o-linear-gradient(bottom right, #FFFFFF 0%, #C7C7C7 100%); + + /* Webkit (Safari/Chrome 10) */ + background-image: -webkit-gradient(linear, right bottom, left top, color-stop(0, #FFFFFF), color-stop(1, #C7C7C7)); + + /* Webkit (Chrome 11+) */ + background-image: -webkit-linear-gradient(bottom right, #FFFFFF 0%, #C7C7C7 100%); + + /* W3C Markup, IE10 Release Preview */ + background-image: linear-gradient(to top left, #FFFFFF 0%, #C7C7C7 100%); + +} +table.sheet-stress td div.sheet-checkbox-label-div label:hover {/* Note: This gradient may render differently in browsers that don't support the unprefixed gradient syntax */ + + /* IE10 Consumer Preview */ + background-image: -ms-linear-gradient(bottom right, #FFFFFF 0%, #8FECFF 100%); + + /* Mozilla Firefox */ + background-image: -moz-linear-gradient(bottom right, #FFFFFF 0%, #8FECFF 100%); + + /* Opera */ + background-image: -o-linear-gradient(bottom right, #FFFFFF 0%, #8FECFF 100%); + + /* Webkit (Safari/Chrome 10) */ + background-image: -webkit-gradient(linear, right bottom, left top, color-stop(0, #FFFFFF), color-stop(1, #8FECFF)); + + /* Webkit (Chrome 11+) */ + background-image: -webkit-linear-gradient(bottom right, #FFFFFF 0%, #8FECFF 100%); + + /* W3C Markup, IE10 Release Preview */ + background-image: linear-gradient(to top left, #FFFFFF 0%, #8FECFF 100%);} + + +input[type=checkbox].sheet-stress-check { + margin: 0px; + width: 30px; + height: 30px; + opacity: 0; + z-index: 1; + position: relative; + left: calc(50% - 15px) !important; +} + +input[type=checkbox].sheet-stress-check:checked ~ label { + background: url(http://ramyasspace.files.wordpress.com/2011/06/tick.jpg); + background-size: 100%; +} + +/* === CONSEQUENCES === */ +.sheet-col-consequences { + position: relative; +} + +.sheet-col-consequences select { + width: 100px; + float: left; +} + +.sheet-col-consequences input { + margin-left: 2px; + width: calc(100% - 102px); +} +.sheet-flex-inline{ + display: inline-flex!important; +} + + +/* === TABLA DE TIRADAS*/ +.sheet-rolltemplate-eclipseRoll table{ + border: 1px solid black; +} +.sheet-rolltemplate-eclipseRoll table th{ + color: white; + background-color: black; +} + +.sheet-rolltemplate-eclipseRoll .sheet-resultado { + font-weight: bold; + text-align: center; +} + +.sheet-rolltemplate-eclipseRoll .sheet-exito { + color:green; +} +.sheet-rolltemplate-eclipseRoll .sheet-fallo { + color:red; +} +.sheet-rolltemplate-eclipseRoll .sheet-empate { + color:yellow; +} +.sheet-rolltemplate-eclipseRoll .sheet-no-format span{ + background: none!important; + border: none!important; + font-weight: normal!important; + padding: 0px!important; +} \ No newline at end of file diff --git a/Eclipse/eclipse.html b/Eclipse/eclipse.html new file mode 100644 index 0000000000..276c225e5b --- /dev/null +++ b/Eclipse/eclipse.html @@ -0,0 +1,379 @@ + + +
+ |
+
+
+
+
+ |
+
+
+
+
+
+ |
+
+
+
+
+
+ |
+
+
+
+
+
+ |
+
+
+
+
+
+ |
+
|
+
+
+
+
+ |
+
+
+
+
+
+ |
+
+
+
+
+
+ |
+
+
+
+
+
+ |
+
+
+
+
+
+ |
+
|
+
+
+
+
+ |
+
+
+
+
+
+ |
+
+
+
+
+
+ |
+
|
+
+
+
+
+ |
+
+
+
+
+
+ |
+
+
+
+
+
+ |
+
| {{name}} |
|---|
| Dado Sol {{numero_sol}}d{{caras_sol}}: {{dado_sol}} |
| Dado Luna{{dado_luna}}: {{roll_luna}} |
| ¡Éxito! |
| ¡Fallo! |
| Empate... |