maketank/Froxlor
2
0
Fork 0
Code Pull Requests Releases Activity

Redesigned tables to use less CSS

Browse Source 
Signed-off-by: Roman Schmerold (BNoiZe) <bnoize@froxlor.org>
This commit is contained in:
Roman Schmerold (BNoiZe)
2014-01-27 19:57:03 +01:00
parent ff06513115
commit c69a05efa5
96 changed files with 388 additions and 545 deletions
Download Patch File Download Diff File Expand all files Collapse all files

121
templates/Sparkle/assets/css/froxlor.css vendored
View File

@@ -42,27 +42,6 @@ h2 img {
height:32px!important;
}
table.bradius {
/* width: 100%; */
border-spacing: 0;
background-color: #f8f8f8;
border-top: 0;
border-left: 1px solid #666;
border-bottom: 1px solid #666;
border-collapse: separate;
-webkit-border-top-right-radius:20px;
-webkit-border-bottom-left-radius:20px;
-moz-border-radius-topright:20px;
-moz-border-radius-bottomleft:20px;
border-top-right-radius:20px;
border-bottom-left-radius:20px;
border-collapse: separate;
}
table.bradius tbody tr td {
border-right: 1px solid #666;
}
.topheader {
background:#cccccc url('../img/header_g_froxlor.png') 0 bottom repeat-x;
margin-bottom:12px;
@@ -78,27 +57,6 @@ table.bradius tbody tr td {
width:24px;
}
.fullform,.midform,.tinyform {
-webkit-border-top-right-radius:20px;
-webkit-border-bottom-left-radius:20px;
-moz-border-radius-topright:20px;
-moz-border-radius-bottomleft:20px;
border-top-right-radius:20px;
border-bottom-left-radius:20px;
border:1px solid #666;
background-color:#f8f8f8;
}
.tinyform tbody tr:first-child td:last-child {
-webkit-border-top-right-radius:20px;
-moz-border-radius-topright:20px;
border-top-right-radius:20px;
}
table.tinyform input {
width:50%;
}
/* navigation */
nav {
background-color:#eeeeee;
@@ -147,10 +105,33 @@ nav div:last-child {
color:#000;
}
/* TABLES */
table {
border-radius: 0;
border: 1px solid #666;
-webkit-border-top-right-radius:20px;
-webkit-border-bottom-left-radius:20px;
-moz-border-radius-topright:20px;
-moz-border-radius-bottomleft:20px;
border-top-right-radius:20px;
border-bottom-left-radius:20px;
background-color: #fff;
}
table thead th, table th {
color: #fff;
background-color: #176fa1 !important;
background-color: #176fa1;
border: 1px solid #176fa1;
text-align: center;
-webkit-border-top-right-radius:20px;
-webkit-border-bottom-left-radius:20px;
-moz-border-radius-topright:20px;
-moz-border-radius-bottomleft:20px;
border-top-right-radius:20px;
border-bottom-left-radius:20px;
}
table tfoot tr td {
-webkit-border-top-right-radius: 20px;
-webkit-border-bottom-left-radius: 20px;
-moz-border-radius-topright: 20px;
@@ -159,60 +140,6 @@ table thead th, table th {
border-bottom-left-radius: 20px;
}
table th {
font-weight:700;
text-align:center;
}
table tbody tr {
background-color: #fff;
}
table tbody tr:last-child td:first-child {
border-bottom:0;
}
table.bradius tfoot tr:last-child td:first-child, table.bradius tbody tr:last-child td:first-child {
border-bottom:0;
-webkit-border-bottom-left-radius: 20px;
-moz-border-radius-bottomleft: 20px;
border-bottom-left-radius: 20px;
}
table.bradius tfoot tr:last-child td {
border-right:1px solid #000;
}
.formtable tbody td, .formtable td {
border-bottom: 1px dotted #ccc;
}
.formtable tbody tr th {
background-color: rgb(245, 245, 245);
}
.formtable tbody tr:first-child th {
-webkit-border-top-right-radius: 20px;
-moz-border-radius-topright: 20px;
border-top-right-radius: 20px;
}
.formtable tfoot tr:last-child td:first-child {
-webkit-border-bottom-left-radius: 20px;
-moz-border-radius-bottomleft: 20px;
border-bottom-left-radius: 20px;
}
table tfoot td {
height:25px;
border-top:0;
background-color: #fff;
}
.formtable tfoot td {
padding-right:0;
}
input {
color:#000;
background-color:#dae7ee!important;