Skip to content
This repository was archived by the owner on Sep 5, 2019. It is now read-only.

Commit 173fd96

Browse files
accgitaccgit
committed
dev
0 parents  commit 173fd96

File tree

6 files changed

+121
-0
lines changed

6 files changed

+121
-0
lines changed

‎license.md

Lines changed: 21 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,21 @@
1+
The MIT License (MIT)
2+
3+
Copyright (c) 2017 Zdeněk Papučík
4+
5+
Permission is hereby granted, free of charge, to any person obtaining a copy
6+
of this software and associated documentation files (the "Software"), to deal
7+
in the Software without restriction, including without limitation the rights
8+
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
9+
copies of the Software, and to permit persons to whom the Software is
10+
furnished to do so, subject to the following conditions:
11+
12+
The above copyright notice and this permission notice shall be included in
13+
all copies or substantial portions of the Software.
14+
15+
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
16+
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
17+
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
18+
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
19+
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
20+
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
21+
THE SOFTWARE.

‎readme.md

Lines changed: 7 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,7 @@
1+
## Table
2+
3+
Simple table styles.
4+
5+
## Instruction
6+
7+
Download and insert [css.ui.min.css](https://github.com/css-ui/cssui/tree/master/src/min) to directory css.

‎src/css/css.ui.min.css

Lines changed: 1 addition & 0 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎src/css/style.css

Lines changed: 30 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,30 @@
1+
2+
/*
3+
import css styles
4+
*/
5+
@import url(css.ui.min.css);
6+
@import url(https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css);
7+
@import url(table.style.css);
8+
9+
/*
10+
elements
11+
*/
12+
body {
13+
background-color: #f4f4f4;
14+
font-family: 'Segoe UI', Frutiger, 'Frutiger Linotype', 'Dejavu Sans', 'Helvetica Neue', Arial, sans-serif;
15+
padding: 10px 10px 0;
16+
}
17+
18+
/*
19+
layout
20+
*/
21+
.container {
22+
margin-top: 50px;
23+
max-width: 1170px;
24+
}
25+
26+
.container .box {
27+
background-color: white;
28+
border-radius: 3px;
29+
padding: 15px;
30+
}

‎src/css/table.style.css

Lines changed: 19 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,19 @@
1+
2+
/*
3+
table styles
4+
*/
5+
table td,
6+
table th {
7+
padding: 5px;
8+
}
9+
10+
table tr:nth-child(even) { background-color: white; }
11+
table tr:nth-child(odd) { background-color: #f4f4f4; }
12+
13+
table th:first-child,
14+
table td:first-child {
15+
padding-left: 20px;
16+
}
17+
18+
table tr.tr.hover:hover { background-color: #e0e0e0; }
19+
table tr.tr.hover span { color: #2976c6; }

‎src/index.html

Lines changed: 43 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,43 @@
1+
<!DOCTYPE html>
2+
<html lang="cs">
3+
<head>
4+
<meta charset="utf-8">
5+
<meta name="description" content="CSS UI - Modal">
6+
<meta name="author" content="Zdeněk Papučík, zdenek.papucik@gmail.com">
7+
<meta name="viewport" content="width=device-width, initial-scale=1">
8+
<title>CSS UI - Modal</title>
9+
10+
<!-- CSS styles -->
11+
<link rel="stylesheet" href="css/style.css">
12+
</head>
13+
<body>
14+
<!-- container -->
15+
<div class="container">
16+
<div class="wrapping box">
17+
<h4>Table style</h4>
18+
<table class="full width">
19+
<tr>
20+
<th>#</th>
21+
<th>Username</th>
22+
<th>Email</th>
23+
</tr>
24+
<tr class="tr hover">
25+
<td>1</td>
26+
<td>Root</td>
27+
<td>root@domain.com</td>
28+
</tr>
29+
<tr class="tr hover">
30+
<td>2</td>
31+
<td>Admin</td>
32+
<td>admin@domain.com</td>
33+
</tr>
34+
<tr>
35+
<td>3</td>
36+
<td>User</td>
37+
<td>user@domain.com</td>
38+
</tr>
39+
</table>
40+
</div>
41+
</div>
42+
</body>
43+
</html>

0 commit comments

Comments
 (0)