API tools faq
paste
Advertisement
Kimossab

DDI 3

Kimossab
Oct 12th, 2015
163
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 7.51 KB | None | 0 0
raw download clone embed print report
  1. <html>
  2.     <head>
  3.         <title>O Meu Horário</title>
  4.         <link rel="stylesheet" type="text/css" href="Ficha3.css">
  5.         <meta charset="UTF-8">
  6.         <meta name="viewport" content="width=device-width, initial-scale=1.0">
  7.     </head>
  8.     <body>
  9.         <div class="corpo">
  10.             <div class="header">
  11.                 <img src="EI_logo.png" class="im" />
  12.                 <div class="txt">
  13.                     <div align="center" class="tt">Instituto Politécnico de Viseu</div>
  14.                     <div align="center" class="tt">Escola Superior de Tecnologia de Viseu</div>
  15.                     <div align="center" class="tt"><b>Horário 3.ºAno - 1.º Semestre - 2014/2015</b></div>
  16.                 </div>        
  17.             </div>
  18.             <div class="bod">
  19.                 <table class="tabela">
  20.                     <col width="8%">
  21.                     <col width="15%">
  22.                     <col width="8%">
  23.                     <col width="7.5%">
  24.                     <col width="7.5%">
  25.                     <col width="4%">
  26.                     <col width="4%">
  27.                     <col width="15%">
  28.                     <col width="8%">
  29.                     <col width="15%">
  30.                     <col width="8%">
  31.                     <tr>
  32.                         <th></th>
  33.                         <th>Segunda</th>
  34.                         <th>Sala</th>
  35.                         <th colspan="2">Terça</th>
  36.                         <th colspan="2">Sala</th>
  37.                         <th>Quarta</th>
  38.                         <th>Sala</th>
  39.                         <th>Quinta</th>
  40.                         <th>Sala</th>
  41.                     </tr>
  42.                     <tr>
  43.                         <td>9:00</td>
  44.                         <td rowspan="3" class="aulas">CSO - T</td>
  45.                         <td rowspan="3" class="aulas">A3</td>
  46.                         <td rowspan="4" class="aulas">CSO - P1</td>
  47.                         <td rowspan="4" class="aulas">APC - P1</td>
  48.                         <td rowspan="4" class="aulas">L3</td>
  49.                         <td rowspan="4" class="aulas">LR1</td>
  50.                         <td rowspan="2" colspan="2" class="tempolivre"></td>
  51.                         <td colspan="2" class="tempolivre"></td>
  52.                     </tr>
  53.                     <tr>
  54.                         <td>9:30</td>
  55.                         <td rowspan="3" class="aulas">IO - P</td>
  56.                         <td rowspan="3" class="aulas">21</td>
  57.                     </tr>
  58.                     <tr>
  59.                         <td>10:00</td>
  60.                         <td rowspan="4" class="aulas">DD - TP</td>
  61.                         <td rowspan="4" class="aulas">15</td>
  62.                     </tr>
  63.                     <tr>
  64.                         <td>10:30</td>
  65.                         <td rowspan="3" class="aulas">ABD - T</td>
  66.                         <td rowspan="3" class="aulas">A2</td>
  67.                     </tr>
  68.                     <tr>
  69.                         <td>11:00</td>
  70.                         <td rowspan="4" class="aulas">CSO - TP2</td>
  71.                         <td rowspan="4" class="aulas">APC - P2</td>
  72.                         <td rowspan="4" class="aulas">L3</td>
  73.                         <td rowspan="4" class="aulas">LR1</td>
  74.                         <td colspan="2" class="tempolivre"></td>
  75.                     </tr>
  76.                     <tr>
  77.                         <td>11:30</td>
  78.                         <td rowspan="3" class="aulas">APC - T</td>
  79.                         <td rowspan="3" class="aulas">A3</td>
  80.                     </tr>
  81.                     <tr>
  82.                         <td>12:00</td>
  83.                         <td rowspan="2" colspan="2" class="tempolivre"></td>
  84.                         <td rowspan="2" colspan="2" class="tempolivre"></td>
  85.                     </tr>
  86.                     <tr>
  87.                         <td>12:30</td>
  88.                     </tr>
  89.                     <tr>
  90.                         <td>13:00</td>
  91.                         <td rowspan="2" colspan="10" class="almoco"></td>
  92.                     </tr>
  93.                     <tr>
  94.                         <td>13:30</td>
  95.                     </tr>
  96.                     <tr>
  97.                         <td>14:00</td>
  98.                         <td rowspan="3" class="aulas">ABD - P1</td>
  99.                         <td rowspan="3" class="aulas">L8</td>
  100.                         <td rowspan="3" colspan="2" class="aulas">ABD - P1</td>
  101.                         <td rowspan="3" colspan="2" class="aulas">L8</td>
  102.                         <td rowspan="3" class="aulas">DDI - T</td>
  103.                         <td rowspan="3" class="aulas">A1</td>
  104.                         <td colspan="2" rowspan="9" class="tempolivre"></td>
  105.                     </tr>
  106.                     <tr>
  107.                         <td>14:30</td>
  108.                     </tr>
  109.                     <tr>
  110.                         <td>15:00</td>
  111.                     </tr>
  112.                     <tr>
  113.                         <td>15:30</td>
  114.                         <td colspan="6" class="tempolivre"></td>
  115.                         <td rowspan="2" class="aulas">IO - T</td>
  116.                         <td rowspan="2" class="aulas">A2</td>
  117.                     </tr>
  118.                     <tr>
  119.                         <td>16:00</td>
  120.                         <td rowspan="3" class="aulas">DDI - P2</td>
  121.                         <td rowspan="3" class="aulas">L3</td>
  122.                         <td rowspan="3" colspan="2" class="aulas">DDI - P2</td>
  123.                         <td rowspan="3" colspan="2" class="aulas">L3</td>
  124.                     </tr>
  125.                     <tr>
  126.                         <td>16:30</td>
  127.                         <td rowspan="3" class="aulas">IO - TP</td>
  128.                         <td rowspan="3" class="aulas">A2</td>
  129.                     </tr>
  130.                     <tr>
  131.                         <td>17:00</td>
  132.                     </tr>
  133.                     <tr>
  134.                         <td>17:30</td>
  135.                         <td colspan="6" rowspan="2" class="tempolivre"></td>
  136.                     </tr>
  137.                     <tr>
  138.                         <td>18:00</td>
  139.                         <td colspan="2" class="tempolivre"></td>
  140.                     </tr>
  141.                 </table>
  142.             </div>
  143.         </div>
  144.     </body>
  145. </html>
  146.  
  147. <!--CSS-->
  148. .corpo{
  149.     width:80%;
  150.     margin:0 auto;
  151. }
  152. .header{
  153.     height:15%;
  154.     width:80%;
  155.     padding:0;
  156.     margin:0;
  157.     margin-top:2%;
  158. }
  159. .header .im{
  160.     width:35%;
  161.     height:100%;
  162.     float:left;
  163.     margin:0;
  164.     padding:0;
  165. }
  166. .header .txt{
  167.     width:100%;
  168.     margin:0 auto;
  169. }
  170. .txt .tt{
  171.     width:100%;
  172.     margin:0 auto;
  173.     margin-top:1%;
  174.     margin-bottom:1%;
  175.     font-size:20px;
  176. }
  177. th,td{
  178.     background:#0486CC;
  179.     outline:2px solid #000000;
  180.     text-align:center;
  181.     padding:0;
  182. }
  183. td:hover{
  184.     background-color:#123456;
  185. }
  186. .tabela{
  187.     width:100%;
  188.     height:100%;
  189.     margin:0 auto;
  190.     padding:0;
  191.     background:#F4D604;
  192.     background-image:url("back1.png");
  193.     background-clip:content-box;
  194. }
  195.  
  196. .bod{
  197.     width:100%;
  198.     height:74%;
  199.     margin:0;
  200.     padding:0;
  201.     padding-top:2%;
  202. }
  203.  
  204. .peqcol{
  205.     width:8%;
  206. }
  207. .grancol{
  208.     width:15%;
  209. }
  210. .tempolivre{
  211.     background-color:transparent;
  212. }
  213. .almoco{
  214.     background:#000000;  
  215. }
  216. .aulas{
  217.     background:#104A94;
  218. }
  219. body{
  220.     background:url("back.gif") no-repeat center center fixed;
  221. }
  222. .tabelaint{
  223.     background:#104A94;
  224.     width:100%;
  225.     padding:0;
  226.     margin:0;
  227.     height:100%
  228. }
  229.  
  230. .tabelaint .aulas{
  231.     outline:0;
  232. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!