diff --git a/css/main.css b/css/main.css new file mode 100644 index 0000000..74c15df --- /dev/null +++ b/css/main.css @@ -0,0 +1,545 @@ +/* Basic */ +* { + box-sizing: border-box; + margin: 0px; +} + +/* Headers */ +h1, h2, h3, h4 { + color: #363636; + text-transform: uppercase; + margin: 0; + padding: 0; + border: 0; + font-size: 100%; + vertical-align: baseline; + text-align: center; +} + +h2 { + font-size: 95%; +} + +h3 { + font-size: 85%; +} + +h4 { + font-size: 75%; +} + +/* Buttons */ +button, .button.large { + display: inline-block; + margin: 10px; + width: 150px; + height: 30px; + padding: 5px 10px; + background-color :#1f2c3d; + border: 1px solid #d3ebff; + text-align: center; + color :#d3ebff; + font-weight: bold; + position: relative; +} +.button.large { + width: 95%; +} +button:hover, .button:hover { + cursor: pointer; + background-color:#d3ebff; + color:#1f2c3d; + border-color: #1f2c3d; +} + +/* Header */ +.header { + background-color: #1f2c3d; + color: #dadada; + padding: 15px; + text-align: left; + font-size: 18px; +} +.header img { + width: 11px; +} +/* Header Menu */ +.menu { + margin-top: 10px; + text-align: right; + font-size: 15px; +} +.menu nav a{ + text-decoration: none; + color: inherit; + font-size: 15px; +} +.menu nav li{ + display: inline-block; + width: 150px; + height: 30px; + padding: 5px 10px; + background-color :#1f2c3d; + border: 1px solid #d3ebff; + text-align: center; + color :#d3ebff; + position: relative; +} +.menu nav li:hover{ + background-color:#d3ebff; + color:#1f2c3d; + border-color: #1f2c3d; +} +.menu nav li>ul{ + display: none; +} +.menu nav li:hover>ul{ + display: block; + position: absolute; + top: 29px; + right: -1px; +} +/* Sub Header */ +.header.sub { + margin-bottom: 20px; + padding: 5px; + display: flex; + flex-direction: row; + text-align: center; + justify-content: center; + font-size: 20px; +} +.header.sub .menu { + margin-top: 0px; + text-align: center; + font-size: 15px; +} + + +/* Paragraphs */ +p { + padding: 0; + border: 0; +} + +a { + color: #dadada; + text-decoration: none; +} +a:hover{ + color:rgb(138, 150, 32); +} + +/* Body */ +body { + font-family: Arial, Helvetica, sans-serif; + background-color: #d3ebff; + color: #000000 +} + +/* Table */ +table { + border-collapse: collapse; + border-spacing: 0; + margin: 0 0 2em 0; + width: 100%; + text-align: left; + font-size: 15px; +} +table a{ + color: #1f2c3d; +} + table tbody tr { + border: solid 1px #1f2c3d; + border-left: 0; + border-right: 0; + } + table tbody tr:nth-child(2n + 1) { + background-color: rgba(144, 144, 144, 0.25); + } + table td { + padding: 0.75em 0.75em; + } + table th { + color: #1f2c3d; + font-size: 0.9em; + font-weight: 600; + padding: 0 0.85em 0.85em 0.85em; + } + table thead, table tfoot { + border-bottom: solid 2px #1f2c3d; + } + table.alt { + border-collapse: separate; + } + table.alt tbody tr td { + border: solid 1px #1f2c3d; + border-left-width: 0; + border-top-width: 0; + } + + table.alt tbody tr td:first-child { + border-left-width: 1px; + } + + table.alt tbody tr:first-child td { + border-top-width: 1px; + } + + table.alt thead, table.alt tfoot { + border-top: 0; + } + + +/* Main */ +.main { + padding: 30px; + text-align: center; + font-size: 35px; +} +.main h1, h2, h3, h4 { + color: #363636; +} +.main img { + width: 50%; +} + +/* Create three unequal columns that floats next to each other */ +.column { + float: left; + padding: 10px; +} + +/* Left and right column */ +.column.side { + width: 33.33%; +} + +/* Middle column */ +.column.middle { + width: 33.33%; +} + +.column.middle .image img, .column.side .image img{ + border-radius: 4px; + border: 0; + position: relative; + border-radius: 4px; + display: block; + margin: 0 0 3rem 0; + width: 100%; +} + +/* Left column */ +.column.left { + width: 50%; +} + +/* Right column */ +.column.right { + float: right; + width: 50%; +} + +/* Clear floats after the columns */ +.row:after { + content: ""; + display: table; + clear: both; +} + +/* Responsive layout: makes the three columns stack on top of each other instead of next to each other */ +@media (max-width: 1000px) { + .column.side, .column.middle, .column.left, .column.right{ + width: 100%; + } +} + +/* Zoom */ +.zoom { + transition: transform .2s; +} +.zoom:hover { + transform: scale(1.05); +} + +/* Code & Blockquote */ +.code { + background: #1f2c3d; + border-radius: 3px; + font-size: 0.9em; + margin: 10px; + display: block; + line-height: 1.75em; + padding: 1em 1.5em; + overflow-x: auto; + overflow-y: auto; +} +.code h1, .code h2{ + color: #dadada; +} +.code h3, .code h4 { + color: #d3ebff; +} +.code p { + color: #dadada; +} +.code a { + text-decoration: underline; +} +.code ul { + color: #dadada; +} +.code img{ + /* width: 80px; height: 80px; */ + width: 25%; +} +.code fieldset{ + margin: 1px; + border-color: #dadada; + border-style: groove; +} +.code fieldset legend { + text-transform: uppercase; + font-weight: bold; + font-size: 90%; + color: #d3ebff; +} +.code.details{ + height: 750px; +} +.code.plan { + height: 1150px; +} +.code.info{ + text-align: center; + height: 250px; +} + +.blockquote { + border-left: solid 4px #dadada; + margin: 0 0 2em 0; + margin-top: 10px; + padding: 0.5em 0 0.5em 2em; +} +.blockquote.bio { + height: 250px; +} + + +/* Sketches */ +.sketches { + text-align: center; + display: block; + line-height: 1.25em; + padding: 1em 1em; + overflow-x: auto; + background: #1f2c3d; + border-radius: 3px; + height: 680px; +} +.sketches h1, .sketches h2, .sketches h3, .sketches h4, .sketches p { + color: #dadada; +} +.sketches img { + width: 550px; + height: 550px; +} +.sketches .description { + color: #d3ebff; +} +/* Responsive layout */ +@media (max-width: 1500px) { + .column.side .sketches, .column.middle .sketches { + width: 100%; + height: 500px; + } + .column.side .sketches img, .column.middle .sketches img { + width: 100%; + height: 75%; + } +} +@media (max-width: 1150px) { + .sketches img { + width: 100%; + height: 75%; + } +} + +/* Galery */ +.galery { + box-sizing: border-box; +} +.galery .columna { + margin-top: 10px; + float: left; + width: 50%; + padding-right: 10px; +} +.galery .fila::after { + content: ""; + clear: both; + display: table; +} +.galery .image img { + width: 100%; +} +.galery .image.main img { + width: 100%; +} + + +/* Percentage bar */ +.bar { + height: 15px; + line-height: 15px; + font-size: 13px; + font-weight: bold; + width: 100%; + background-color: #d3ebff; + text-align: right; +} +.bar.seventyfive { + width: 75%; +} +.bar.fifty { + width: 50%; +} +.bar.twentyfive { + width: 25%; +} + +/* Timeline Image */ +.timeline h2 { + padding-top: 50px; +} +.timeline img{ + width: 100%; + text-align: center; + padding-bottom: 50px; + padding-left: 15px; + padding-right: 15px; +} + +/* Sidebars */ +.sidebar.left { + padding: 5px; + margin-top: 10px; + margin-bottom: 10px; + float: left; + width: 300px; + height: 370PX; + color: #d3ebff; + background-color: #1f2c3d; +} +.sidebar.left a { + color: #d3ebff; + font-weight: bold; + text-decoration: none; +} +.sidebar.left a:hover { + color: #d3ebff; + text-decoration: underline; +} +/* Responsibe sidebar */ +@media (max-width: 1000px) { + .sidebar.left { + width: 100%; + height: 100%; + } +} + + +/* Form */ +form { + margin: auto; + width: 65%; +} + +form h1, h2, h3, h4 { + color: #363636; +} + +label { + text-align: center; + font-weight: bold; +} + +input, textarea { + width: 100%; + height: 27px; + border: 1px solid #000000; + padding: 10px; + margin-top: 5px; + font-size: 15px; +} + +textarea { + width: 100%; + height: 150px; +} + +#radio, #checkbox { + width: auto; + height: 15px; + cursor: pointer; +} + +.verify { + font-size: 11px; +} + +#submit { + width: 100%; + height: 35px; + border: 1px solid #000000; + padding: 5px; + margin-top: 5px; + font-size: 15px; + font-weight: bold; + box-shadow: 2px 2px #1f2c3d; + filter: brightness(105%); + cursor: pointer; +} +#submit:hover { + background-color: #d3ebff; +} + +#reset { + width: 100%; + height: 30px; + border: 1px solid #dadada; + background-color: #00020f; + color: #dadada; + padding: 5px; + margin-top: 5px; + font-size: 12px; + font-weight: bold; + box-shadow: 2px 2px #1f2c3d; + cursor: pointer; +} +#reset:hover { + border:#000000; + background-color: #791515; +} + + +/* Footer */ +footer { + text-align: left; + background-color: #1f2c3d; + color: #dadada; + padding: 20px; + margin-top: 100px; + width: 100%; + height: 80px; +} +.footer { + text-align: right; +} +@media (max-width: 500px) { + footer { + width: 100%; + height: 100%; + } +} \ No newline at end of file diff --git a/panel_manager/index.php b/panel_manager/index.php index b38a15c..1d6f007 100644 --- a/panel_manager/index.php +++ b/panel_manager/index.php @@ -8,10 +8,10 @@ $template = new Template(); if(isset($_REQUEST['state'])) { - $panel = new Panel($_REQUEST['state']); + $panel = new Panel($_REQUEST['state']); //CHICOS, UNA CLASE CREADA ASÍ ESTÁ HORRIBLE, ADEMÁS NO SÉ QUÉ FUNCIÓN TIENE EXCACTAMENTE ESTA CLASE, PERO DEBÉIS REHACERLA } else { - $panel = new Panel(''); + $panel = new Panel(''); //ESTO NO PUEDE SER ASÍ } // IMPORTANTE: // VERIFICAR QUE ES MANAGER(GERENTE), SI NO, MOSTRAR MENSAJE DE "ERROR" @@ -55,12 +55,14 @@
+
showPanel(); ?>
+
"; + echo " + + + + + + + + "; foreach($ros as $r){ echo " - - - - "; + + + + + + + + "; } - echo " - - - -
SalaOpción
Sala". $r->getId() ."Editar
\n"; + echo " + \n"; + echo "Añadir"; } drawRooms($rooms); ?> \ No newline at end of file diff --git a/panel_manager/manage_sessions.php b/panel_manager/manage_sessions.php index 42e1c75..0f76dee 100644 --- a/panel_manager/manage_sessions.php +++ b/panel_manager/manage_sessions.php @@ -2,6 +2,9 @@ require('room_dto.php'); require('session_dto.php'); ?> + + +
"; - foreach($ses as $s){ - echo " + echo " + + + + + + + + + + + + "; + foreach($ses as $s){ + echo " - + + "; - } - echo " - - - -
HoraPelículaTipoPrecio
" . $s->getStartTime() . " " . $s->getFilm() . " " . $s->getFormat() . " ". $s->getSeatPrice() . "
"; + } + echo " + \n"; + echo "Añadir"; } drawSessions($sessions); ?>