Advertisement
tomateblue

luz.html

Jun 20th, 2016
112
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 5 1.56 KB | None | 0 0
  1. <html>
  2. <head> <title>Luz </title>
  3. <style>
  4.  
  5. body {margin:0;}
  6. ul.topnav {
  7.   list-style-type: none;
  8.   margin: 0;
  9.   padding: 0;
  10.   overflow: hidden;
  11.   background-color: #333;
  12. }
  13.  
  14. ul.topnav li {float: left;}
  15.  
  16. ul.topnav li a {
  17.   display: inline-block;
  18.   color: #f2f2f2;
  19.   text-align: center;
  20.   padding: 14px 16px;
  21.   text-decoration: none;
  22.   transition: 0.3s;
  23.   font-size: 17px;
  24. }
  25.  
  26. ul.topnav li a:hover {background-color: #111;}
  27.  
  28. ul.topnav li.icon {display: none;}
  29.  
  30. @media screen and (max-width:680px) {
  31.   ul.topnav li:not(:first-child) {display: none;}
  32.   ul.topnav li.icon {
  33.     float: right;
  34.     display: inline-block;
  35.   }
  36. }
  37.  
  38. @media screen and (max-width:680px) {
  39.   ul.topnav.responsive {position: relative;}
  40.   ul.topnav.responsive li.icon {
  41.     position: absolute;
  42.     right: 0;
  43.     top: 0;
  44.   }
  45.   ul.topnav.responsive li {
  46.     float: none;
  47.     display: inline;
  48.   }
  49.   ul.topnav.responsive li a {
  50.     display: block;
  51.     text-align: left;
  52.   }
  53. }
  54.  
  55.  
  56. .button{
  57.  
  58.     background-color: #4CAF50;
  59.     border: none;
  60.     color: white;
  61.     padding: 15px 32px;
  62.     text-align: center;
  63.     text-decoration: none;
  64.     display: inline-block;
  65.     font-size: 16px;
  66.     margin: 4px 2px;
  67.     cursor: pointer;
  68. }
  69.  
  70. </style>
  71. </head>
  72. <body>
  73.  
  74.  
  75.  <center>
  76.    <h1>
  77.     Luz
  78.     </h1>
  79.     <h2>Do Quarto</h2> </center>
  80.  
  81.  <center>
  82.  <form action="/" method="post">
  83.  
  84.        <input type="submit" class="button" name="submit" value="ON">
  85.        <input type="submit" class="button" name="submit" value="OFF">  
  86.  
  87.  </form></center>
  88.  
  89.  
  90. </body>
  91.  
  92. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement