From 8e519f17d144165b6de31bf3ebabdab5eb13bf0d Mon Sep 17 00:00:00 2001
From: Choom
Date: Fri, 20 Jan 2023 00:36:43 -0300
Subject: Config para el usuario

---
 static/example/style.css | 212 +++++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 212 insertions(+)
 create mode 100644 static/example/style.css

(limited to 'static/example/style.css')

diff --git a/static/example/style.css b/static/example/style.css
new file mode 100644
index 0000000..de0c621
--- /dev/null
+++ b/static/example/style.css
@@ -0,0 +1,212 @@
+* {
+  box-sizing: border-box;
+  -moz-box-sizing: border-box;
+  -webkit-box-sizing: border-box;
+  word-wrap: break-word;
+}
+
+body {
+  background: #1B3345 url('/static/example/sky.jpg');
+  color: #fff;
+  text-shadow: 1px 1px #000;
+  font-size: 16px;
+  font-family: serif;
+  line-height: 20px;
+  margin: 8px;
+}
+
+h1,
+h2 {
+  margin: 16px 0;
+  line-height: 1em;
+}
+
+hr {
+  border:0;
+  background-image: repeating-linear-gradient(
+    150deg,
+    #ff0 0px,
+    #ff0 10px,
+    #000 10px,
+    #000 20px
+  );
+  height: 4px;
+  margin: 16px 0;
+}
+
+a {
+  color:#EFD279;
+}
+a:hover {
+  color:#D00;
+}
+a:active {
+  color:#900;
+}
+
+.desc {
+  margin-left:40px;
+}
+
+.inputcont {
+  display: inline-block;
+  border-top: 3px solid #eee;
+  border-left: 3px solid #eee;
+  border-bottom: 3px solid #666;
+  border-right: 3px solid #666;
+  box-shadow: 1px 1px #000;
+}
+
+select {
+  background: #fff;
+  border-bottom: 3px solid #eee;
+  border-right: 3px solid #eee;
+  border-top: 3px solid #666;
+  border-left: 3px solid #666;
+  height: 2.5em;
+  padding-right: 1em;
+}
+
+input[type="button"] {
+  padding: 2px 1em;
+  background: #95CBE9;
+  color: #1c3700;
+  border-bottom: 3px solid #3B6B94;
+  border-right: 3px solid #3B6B94;
+  border-top: 3px solid #f5fbff;
+  border-left: 3px solid #f5fbff;
+}
+
+input[type="button"]:active {
+  background: #4993bc;
+  border-width: 2px;
+  color: #000;
+  border-bottom: 3px solid #f5fbff;
+  border-right: 3px solid #f5fbff;
+  border-top: 3px solid #3B6B94;
+  border-left: 3px solid #3B6B94;
+}
+
+#t-filters {
+  border-top: 2px solid #55802a;
+  border-left: 2px solid #55802a;
+  border-spacing: 6px;
+  text-align:center;
+}
+
+#t-filters input[type="text"] {
+  background: #fff;
+  border: 2px solid #B2C1CC;
+  border-radius: 4px;
+  height: 30px;
+}
+
+#t-filters input[type="text"]:focus,
+#t-filters input[type="text"]:active,
+#t-filters select.f-type:focus,
+#t-filters select.f-type:active {
+  border: 2px solid #6c63bb;
+  border-radius: 4px;
+  outline: 0;
+}
+
+#t-filters select.f-type {
+  background: #fff;
+  border: 2px solid #B2C1CC;
+  border-radius: 4px;
+  height: 30px;
+}
+
+#t-filters select.f-type:focus,
+#t-filters select.f-type:active {
+  background: #dff0fd;
+}
+
+#t-filters td,
+#t-filters th {
+  border: 0;
+  border-right: 1px solid #55802a;
+  border-bottom: 1px solid #55802a;
+  padding: 4px;
+}
+
+#t-filters tfoot td {
+  padding: 0;
+  border: 0;
+}
+
+#t-filters input[type="button"] {
+  width: 100%;
+}
+
+label {
+  display: block;
+  padding: 4px 0;
+}
+
+iframe {
+  background: rgb(0,0,0,0.4);
+  border: 1px dashed #73B233;
+  width: 750px;
+  height: 300px;
+  margin-top: 8px;
+  display: block;
+}
+
+@media (max-width: 600px) {
+  body {
+    text-align: center;
+    font-size: 15px;
+  }
+  
+  .desc {
+    margin-left: 0;
+  }
+  
+  iframe {
+    width: 100%;
+  }
+  
+  input[type="text"],
+  input[type="button"],
+  .inputcont {
+    margin: 8px 0;
+    width: 100%;
+    display: block;
+  }
+  
+  .inputcont,
+  select {
+    width: 100%;
+  }
+  
+  #t-filters {
+    width: 102%;
+    border-width: 1px;
+    border-spacing: 2px;
+    margin-left: -1%;
+  }
+  
+  #t-filters td,
+  #t-filters th {
+    padding: 2px;
+  }
+
+  #t-filters input[type="button"] {
+    padding: 2px;
+    margin: 0;
+  }
+
+  #t-filters input[type="text"] {
+    margin: 0;
+  }
+  
+  #t-filters th {
+    font-size: 12px;
+  }
+  
+  #t-filters tfoot td {
+    padding-top: 2px;
+    padding-left: 2px;
+  }
+}
-- 
cgit v1.2.1-18-gbd029