Pila de basura, seguro tiene problemas

[VSoRC/.git] / styles / table.css

diff --git a/styles/table.css b/styles/table.css
new file mode 100644 (file)
index 0000000..08d6465
--- /dev/null
+++ b/styles/table.css
@@ -0,0 +1,154 @@
+/*\r
+    Copyright (c) Maen Artimy, 2018\r
+*/\r
+\r
+table {\r
+       border-collapse: collapse;\r
+}\r
+\r
+.logtable {\r
+       margin-left: 10px;\r
+}\r
+\r
+.fixed {\r
+       /*table-layout: auto;*/\r
+       width: 100%;\r
+}\r
+\r
+.oneliner {\r
+       margin: auto;\r
+       border-top: 2px solid var(--scolor-3);\r
+       /*padding-bottom: 5px;*/\r
+}\r
+\r
+/*\r
+#mytable {\r
+       width: 700px;\r
+       height: 100px;\r
+       padding: 0;\r
+       margin: 0;\r
+}\r
+\r
+.flowtable {\r
+  table-layout: auto;\r
+}*/\r
+\r
+caption {\r
+       padding: 0 0 5px 0;\r
+       text-align: right;\r
+}\r
+\r
+th {\r
+       font-size: 12px;\r
+       color: var(--white);\r
+       border: 1px solid white;\r
+       letter-spacing: 2px;\r
+       text-transform: uppercase;\r
+       text-align: left;\r
+       padding: 2px 5px;\r
+       background: var(--scolor-3);\r
+       white-space:pre; /*allows new line*/\r
+       height: 32px;\r
+}\r
+\r
+td {\r
+       padding: 6px;\r
+       white-space:pre; /*allows new line*/\r
+}\r
+\r
+tr:nth-child(even) {\r
+  background-color: whitesmoke;\r
+}\r
+\r
+table.sortable th:hover {\r
+       cursor: pointer;\r
+}\r
+\r
+table tr.editable {\r
+       cursor: copy;\r
+}\r
+\r
+table.logtable tr {\r
+       cursor: pointer;\r
+}\r
+\r
+th.ascending, th.descending, table.sortable th:hover {\r
+       background-color: var(--scolor-0);\r
+       color: var(--white);\r
+}\r
+\r
+/* Arrows for table sorting */\r
+th.ascending:after {\r
+       font-size: 90%;\r
+    content: '\25B2';\r
+    float: left;\r
+}\r
+\r
+th.descending:after {\r
+       font-size: 90%;\r
+    content: '\25BC';\r
+    float: left;\r
+}\r
+\r
+.tooltip span {\r
+       z-index: 10;\r
+       /*display: none;*/\r
+       padding: 5px 5px;\r
+       margin-top: 10px; \r
+       margin-left: 10px;\r
+       width: 400px; \r
+       position: absolute;\r
+       color: white;\r
+       /*border:1px solid #DCA; */\r
+       background-color: var(--pcolor-0);\r
+       /*box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);*/\r
+       border-radius: 2px;\r
+       visibility: hidden;\r
+       opacity: 0;\r
+       transition: visibility 0s, 0.5s linear;\r
+}\r
+\r
+.tooltip:hover span{\r
+       visibility: visible;\r
+       opacity: 1;\r
+       transition-delay: 1s;\r
+       /*display: inline;*/\r
+       cursor: auto;\r
+}\r
+\r
+.callout {\r
+       z-index:20;\r
+       position:absolute;\r
+       top:30px;\r
+       border:0;\r
+       left:-12px;\r
+}\r
+\r
+span.dropmenu {\r
+       display: none;\r
+}\r
+\r
+.contextmenu span {\r
+       z-index: 10;\r
+       /*display: none;*/\r
+       padding: 5px 5px;\r
+       margin-top: 10px; \r
+       margin-left: 10px;\r
+       width: 400px; \r
+       position: absolute;\r
+       color:#111;\r
+       border:1px solid #DCA; \r
+       background:#fffAF0;\r
+       box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);\r
+       visibility: hidden;\r
+       opacity: 0;\r
+       transition: visibility 0s, 0.5s linear;\r
+}\r
+\r
+.contextmenu:hover span{\r
+       visibility: visible;\r
+       opacity: 1;\r
+       transition-delay: 1s;\r
+       /*display: inline;*/\r
+       cursor: auto;\r
+}\r