diff options
| author |  TDavis
| 2019-03-30 04:56:30 -0300 |
|---|---|---|
| committer | TDavis
| 2019-03-30 04:56:30 -0300 |
| commit | 6274569d93307925b360b0f14974d6bc30794de1 (patch) | |
| tree | f0b29af8e045adb55ea0500391e37195f6f71145 | |
| parent | 4ac790f953dc973c83db075fcd2deada0232181b (diff) | |
| download | weabot-6274569d93307925b360b0f14974d6bc30794de1.tar.gz weabot-6274569d93307925b360b0f14974d6bc30794de1.tar.xz weabot-6274569d93307925b360b0f14974d6bc30794de1.zip | |
Un poco de diseño responsivo
| -rw-r--r-- | cgi/templates/banned.html | 35 |
1 files changed, 18 insertions, 17 deletions
diff --git a/cgi/templates/banned.html b/cgi/templates/banned.html index f63dd41..590ebb5 100644 --- a/cgi/templates/banned.html +++ b/cgi/templates/banned.html @@ -1,36 +1,34 @@ <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> - <head> <title>Acceso prohibido@Bienvenido a Internet</title> <meta http-equiv="Content-Type" content="application/xhtml+xml; charset=UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <style type="text/css"> - body {background: #1D1F21;} + body {background:#1D1F21;font-size:14px;margin:8px;} .box { display: block; - width: 50%; max-width: 800px; background: #A54242; color: #C5C8C6; - margin: 15% auto; - padding: 1em; + margin: 10% auto; + padding: 1.5em; box-shadow: 5px 10px #732e2e; border: 3px double #CCC; } - a, a:visited {color: #5F819D;} - a:hover,a:active {color: #81A2BE;} + a, a:visited {color:#5F819D;} + a:hover,a:active {color:#81A2BE;} .title { color: white; - margin-bottom: 1em; + margin-bottom: 14px; text-align: center; font-family: monospace; font-size: 23px; font-style: normal; font-variant: normal; font-weight: 700; - line-height: 23px; + line-height: 1em; } .description { font-family: monospace; @@ -38,13 +36,17 @@ font-style: normal; font-variant: normal; font-weight: 400; - line-height: 23px; + line-height: 1.6em; + } + ul {padding-left:2em;} + .thx {margin-bottom:0;text-align:center;} + @media(max-width:720px){ + body{margin:4px 8px 16px 4px;} + .box{margin:0;padding:1em;} + ul{padding-left:1em;} } - ul {padding-left: 2em;} - .thx {margin-bottom:0;text-align: center;} </style> </head> - <body> <div class="box"> <div class="title">ERROR: Se te ha prohibido el acceso</div> @@ -63,14 +65,13 @@ <?py #endif ?> </ul> <hr /> - <p>Si tu expulsión fue puesta incorrectamente no dudes en <a - href="mailto:burocracia@bienvenidoainternet.org">contáctanos</a> dando tu IP, razón y explicación de los + <p>Si crees que tu expulsión fue puesta incorrectamente no dudes en <a + href="mailto:burocracia@bienvenidoainternet.org">contactarnos</a> dando tu IP, razón y explicación de los hechos. </p> - <p style="font-size:small;">P.S: En muchos casos a pesar de que hayas sido expulsado del sitio se concede el acceso a la sección <a href="/bai/">Meta</a></p> + <p style="font-size:small;">P.S.: En muchos casos a pesar de que hayas sido expulsado del sitio se concede el acceso a la sección <a href="/bai/">Meta</a>.</p> <p class="thx">¡Gracias por usar Bienvenido a Internet BBS/IB!</p> </div> </div> </body> - </html>
\ No newline at end of file |