|
6
|
1 html, body {
|
|
11
|
2 font-family: arial;
|
|
|
3 font-size: 10pt;
|
|
6
|
4 height: 100%;
|
|
|
5 margin: 0;
|
|
|
6 padding: 0;
|
|
12
|
7 background: #ffffff;
|
|
6
|
8 }
|
|
|
9
|
|
8
|
10 a {
|
|
|
11 transition: all 0.5s;
|
|
|
12 color: inherit;
|
|
|
13 font-weight: bold;
|
|
|
14 }
|
|
|
15
|
|
6
|
16 .block {
|
|
|
17 display: block;
|
|
|
18 }
|
|
|
19
|
|
|
20 .centered {
|
|
|
21 text-align: center;
|
|
|
22 }
|
|
|
23
|
|
10
|
24 .float-left {
|
|
|
25 float: left;
|
|
|
26 }
|
|
|
27
|
|
|
28 .float-right {
|
|
|
29 float: right;
|
|
|
30 }
|
|
|
31
|
|
8
|
32 /********************************* MENUS **************************************/
|
|
|
33
|
|
|
34 ul.menu-bar {
|
|
|
35 padding: 0;
|
|
|
36 margin: 0;
|
|
|
37 list-style: none;
|
|
|
38 }
|
|
|
39
|
|
|
40 ul.menu-bar li {
|
|
|
41 display: inline-block;
|
|
|
42 line-height: 100%;
|
|
|
43 }
|
|
|
44
|
|
11
|
45 .menu-bar .menu-item {
|
|
10
|
46 padding: 5px;
|
|
12
|
47 display: block;
|
|
10
|
48 text-decoration: none;
|
|
12
|
49 border-bottom: 3px solid #ffffff;
|
|
10
|
50 }
|
|
|
51
|
|
12
|
52 .menu-bar .menu-item-icon {
|
|
|
53 display:none;
|
|
|
54 }
|
|
|
55
|
|
|
56 .menu-bar .active .menu-item {
|
|
|
57 border-bottom: 3px solid;
|
|
8
|
58 }
|
|
|
59
|
|
6
|
60 /********************************* TABLES *************************************/
|
|
|
61
|
|
|
62 table.pretty-table
|
|
|
63 {
|
|
|
64 border-collapse: collapse;
|
|
|
65 border: 1px solid #cccccc;
|
|
|
66 margin: 10px;
|
|
|
67 }
|
|
|
68
|
|
|
69 table.pretty-table td,
|
|
|
70 table.pretty-table th
|
|
|
71 {
|
|
|
72 padding: 3px;
|
|
|
73 border: 1px solid #c0c0c0;
|
|
|
74 }
|
|
|
75
|
|
|
76 table.pretty-table th
|
|
|
77 {
|
|
|
78 background: #e0e0e0;
|
|
|
79 font-weight: bold;
|
|
|
80 }
|
|
|
81
|
|
|
82 .table-form td,
|
|
|
83 .table-form th
|
|
|
84 {
|
|
|
85 padding: 3px;
|
|
|
86 }
|
|
|
87
|
|
|
88 td.control-label,
|
|
|
89 th.control-label
|
|
|
90 {
|
|
|
91 font-weight: bold;
|
|
|
92 text-align: right;
|
|
11
|
93 }
|
|
|
94
|
|
|
95 /*************************** LAYOUT *******************************************/
|
|
|
96
|
|
12
|
97 #page-content {
|
|
|
98 padding: 0px 30px;
|
|
|
99 }
|
|
|
100
|
|
|
101 #page-menu {
|
|
|
102 border-bottom: 1px solid #c0c0c0;
|
|
|
103 padding: 0px 50px;
|
|
|
104 }
|
|
|
105
|
|
|
106 #page-menu a.menu-item:hover {
|
|
|
107 color: green;
|
|
|
108 }
|
|
|
109
|
|
|
110 #page-menu .active {
|
|
|
111 color: green;
|
|
|
112 }
|
|
|
113
|
|
11
|
114 #header {
|
|
|
115 padding: 0px 30px;
|
|
|
116 border-bottom: 1px solid #c0c0c0;
|
|
|
117 box-shadow: 0 7px 15px -10px rgba(0, 0, 0, 0.6);
|
|
12
|
118 }
|
|
|
119
|
|
|
120 #header a.menu-item:hover {
|
|
|
121 background: black;
|
|
|
122 color: #ffffff;
|
|
|
123 border-bottom: 3px solid black;
|
|
|
124 }
|
|
|
125
|
|
|
126 #main-menu .active .menu-item {
|
|
|
127 border-color: #ffffff;
|
|
|
128 }
|
|
|
129
|
|
|
130 #main-menu .active .menu-item-icon {
|
|
|
131 border-color: red;
|
|
|
132 }
|
|
|
133
|
|
|
134 #main-menu .menu-item-icon {
|
|
|
135 display: inline-block;
|
|
|
136 border-left: 5px solid;
|
|
|
137 width: 0px;
|
|
|
138 margin-right: 5px;
|
|
|
139 }
|
|
|
140
|
|
|
141
|
