diff options
author | cecigg <caggsld@gmail.com> | 2013-11-13 11:56:25 (GMT) |
---|---|---|
committer | cecigg <caggsld@gmail.com> | 2013-11-13 11:56:25 (GMT) |
commit | 06884e521a51b251c640ac1d671cd185c187e1c5 (patch) | |
tree | 8ae73fa7bc1688e644ed7f6daac6d94c5ff45149 | |
parent | b8fb0a6e6bf3b65cf20010b797a8b3b14951793f (diff) |
template para estilos.
-rw-r--r-- | EjercitarWeb/WebContent/css/ejercitar-base.css | 316 | ||||
-rw-r--r-- | EjercitarWeb/WebContent/templateBODY.jsp | 9 | ||||
-rw-r--r-- | EjercitarWeb/WebContent/templateHEAD.jsp | 28 |
3 files changed, 353 insertions, 0 deletions
diff --git a/EjercitarWeb/WebContent/css/ejercitar-base.css b/EjercitarWeb/WebContent/css/ejercitar-base.css new file mode 100644 index 0000000..39c3fe5 --- /dev/null +++ b/EjercitarWeb/WebContent/css/ejercitar-base.css @@ -0,0 +1,316 @@ +/** + * Ejercitar Base Style + * @author Fernando Caballero + */ +html, body, div, dl, dt, dd, ul, ol, li, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td { + margin: 0; + padding: 0; +} + +table { + border-collapse: collapse; + border-spacing: 0; +} + +fieldset, img { + border: none; +} + +li { + list-style: none outside none; +} + +h1, h2, h3, h4, h5, h6 { + font-size: 100%; +} + +input, textarea, select { + font-family: inherit; + font-size: inherit; + font-weight: inherit; +} + +.e-body { + color: rgb(0, 0, 0); + font-family: tahoma, arial, verdana, sans, sans-serif; + font-size: 12px; + background-color: rgb(247, 247, 247); +} + +.e-clear { + clear: both; + font-size: 0px; + height: 0px; + line-height: 0px; + overflow: hidden; + width: 0px; +} + +.e-hide-display-mode { + display: none !important; + position: absolute !important; +} + +.e-hide-visibility-mode { + visibility: hidden !important; +} + +.e-hide-size-mode { + height: 0px !important; + width: 0px !important; +} + +.e-disabled { + opacity: 0.3; +} + +.e-button { + width: auto; + height: 40px; + text-align: center; + vertical-align: middle; + display: inline-block; + padding: 0px 3px; + border: 1px solid rgb(48, 121, 237); + color: rgb(255, 255, 255); + text-shadow: 0px 1px rgba(0, 0, 0, 0.1); + background: none; + background-color: rgb(77, 144, 254); + font-size: 14px; + font-weight: 700; + cursor: default; + /* border-radius */ + -webkit-border-radius: 3px; + -moz-border-radius: 3px; + -khtml-border-radius: 3px; + border-radius: 3px; +} + +.e-button .text-left { + text-align: left; +} + +.e-button .text-center { + text-align: center; +} + +.e-button .text-right { + text-align: right; +} + +.e-button-submit { + background-color: rgb(100, 100, 255); +} + +.e-button:hover { + border: 1px solid rgb(47, 91, 183); + color: rgb(255, 255, 255); + text-shadow: 0px 1px rgba(0, 0, 0, 0.4); + background-color: rgb(47, 134, 254); +} + +.e-button-submit:hover { + background-color: rgb(80, 80, 255); +} + +.e-button .e-button-icon { + width: 16px; + height: 16px; + margin: 0 2px; +} + +.e-window { + width: 400px; + position: absolute; + top: 50%; + left: 50%; + margin-top: -120px; + margin-left: -200px; + font-family: Arial,sans-serif; + font-size: 15px; + padding: 10px; + background-color: rgb(240, 240, 240); + border: 1px solid rgb(200, 200, 200); + /* border-radius */ + -webkit-border-radius: 2px; + -moz-border-radius: 2px; + -khtml-border-radius: 2px; + border-radius: 2px; + /* box-shadow */ + -moz-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3); + -webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3); + -khtml-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3); + box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3); +} + +.e-form { + width: 400px; + padding: 0px; +} + +.e-form-body { + margin-bottom: 5px; +} + +.e-form-field { + display: block; + padding-bottom: 5px; + width: 100%; +} + +.e-form-field label { + width: 20%; + text-align: right; + display: block; + float: left; + color: rgb(0, 0, 0); + line-height: 35px; + margin-right: 5px; +} + +.e-form-field input { + height: 35px; + border: 1px solid rgb(77, 144, 254); + color: rgb(0, 0, 0); + padding: 0px 8px; + vertical-align: text-top; + width: 74%; + background: none repeat scroll 0% 0% rgb(255, 255, 255); + /* box-shadow */ + -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3) inset; + -moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3) inset; + box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3) inset; + /* border-radius */ + -webkit-border-radius: 1px; + -moz-border-radius: 1px; + -khtml-border-radius: 1px; + border-radius: 2px; +} + +.e-form-field input:hover { + border: 1px solid rgb(90, 90, 255); +} + +.e-form-footer { + bottom: -5px; + position: relative; +} + +.e-form-footer .e-button { + width: 100%; + margin-bottom: 5px; +} + +.e-tbar { + width: 100%; + padding: 3px 0; +} + +.e-grid { + width: 100%; + cursor: default; +} + +.e-grid thead, .e-grid tbody { + width: 100%; +} + +.e-grid thead { + background: none repeat scroll 0 0 rgb(249, 249, 249); + color: #333333; +} + +.e-grid tr td, .e-grid tr th { + border: 1px solid rgb(200, 200, 200); + margin: 0; + padding: 4px 3px; +} + +.e-grid tr th { + height: 20px; + background: -moz-linear-gradient(top, #F0F0F0 0%, #E0E0E0 100%); + background: -webkit-linear-gradient(top, #F0F0F0 0%, #E0E0E0 100%); + background: -o-linear-gradient(top, #F0F0F0 0%, #E0E0E0 100%); + background: -ms-linear-gradient(top, #F0F0F0 0%, #E0E0E0 100%); + background: linear-gradient(top, #F0F0F0 0%, #E0E0E0 100%); +} + +.e-grid tr td { + text-align: left; + background-color: #fff; + color: #444444; +} + +.e-grid tbody tr.alt td { + background-color: rgb(240, 240, 250); +} + +.e-grid tr.over td, .e-grid tbody tr.alt.over td { + background-color: rgb(230, 230, 250); +} + +.e-grid a, .e-grid a:hover, .e-grid a:visited { + text-decoration: none; + color: rgb(66, 127, 237); +} + +.e-grid td { + width: 100px; +} + +.e-viewport { + width: 100%; + height: 100%; +} + +.e-border-north { + width: 100%; + height: 80px; + background-image: url("./img/ejercitar.png"); + background-repeat: no-repeat; + background-color: rgb(230, 230, 230); + background-position: left; +} + +.e-border-south { + overflow: hidden; + width: 100%; + height: 30px; + color: #000; + text-align: center; + padding-top: 10px; + font-size: 90%; + background-color: #DEDEDE; + clear: both; + position: absolute; + bottom: 0px; +} + +.e-border-center { + padding: 2px; + overflow: hidden; + background-color: rgb(247, 247, 247); +} + +.e-border-west { + height: 100%; + width: 160px; + float: right; +} + +.e-border-east { + height: 100%; + width: 160px; + float: right; +} + +.e-h1 { + font-size: 15px; + font-family: verdana, arial; + line-height: 20px; +} + +.e-panel { + margin: 0; + padding: 3px 0; +}
\ No newline at end of file diff --git a/EjercitarWeb/WebContent/templateBODY.jsp b/EjercitarWeb/WebContent/templateBODY.jsp new file mode 100644 index 0000000..4d2e669 --- /dev/null +++ b/EjercitarWeb/WebContent/templateBODY.jsp @@ -0,0 +1,9 @@ + <div class="e-viewport"> + <div class="e-border-north"></div> + <div class="e-border-east"></div> + <div class="e-border-west"></div> + <div class="e-border-south"> + Ejercitar: Un Modelo de aprendizaje asistido por computadora</br> + Ceci Godoy - Samu Reyes - FP-UNA + </div> + </div>
\ No newline at end of file diff --git a/EjercitarWeb/WebContent/templateHEAD.jsp b/EjercitarWeb/WebContent/templateHEAD.jsp new file mode 100644 index 0000000..b110e6a --- /dev/null +++ b/EjercitarWeb/WebContent/templateHEAD.jsp @@ -0,0 +1,28 @@ + <link rel="stylesheet" href="css/ejercitar-base.css" /> + <script src="js/modernizr-1.5.min.js"></script> + <script src="js/main.js" type="text/javascript"></script> + <script src="js/jquery-1.3.2.min.js" type="text/javascript"></script> + <script src="js/scrolltable.js" type="text/javascript"></script> + <script type="text/javascript"> + $(document).ready(function() { + /* zebra stripe the tables (not necessary for scrolling) */ + var tbl = $(".e-grid"); + addZebraStripe(tbl); + addMouseOver(tbl); + }); + + function addZebraStripe(table) { + table.find("tbody tr:odd").addClass("alt"); + } + + function addMouseOver(table) { + table.find("tbody tr").hover( + function() { + $(this).addClass("over"); + }, + function() { + $(this).removeClass("over"); + } + ); + } + </script>
\ No newline at end of file |