]>
Commit | Line | Data |
---|---|---|
709b97f3 VP |
1 | .unrealircd_overview { |
2 | font-family: arial, sans-serif; | |
3 | border-collapse: collapse; | |
4 | border-radius: 15px; | |
5 | width: 25%; | |
82f5bcbf VP |
6 | box-shadow: 0 0 20px rgba(0, 0, 0, 0.15); |
7 | } | |
8 | ||
9 | .unrealircd_overview thead { | |
10 | background-color: #4e50c2; | |
11 | color: #ffffff; | |
12 | text-align: left; | |
13 | } | |
14 | ||
15 | table { | |
16 | border-collapse: collapse; | |
17 | margin: 25px 0; | |
18 | font-size: 0.9em; | |
19 | font-family: sans-serif; | |
20 | min-width: 400px; | |
21 | box-shadow: 0 0 20px rgba(0, 0, 0, 0.15); | |
709b97f3 VP |
22 | } |
23 | ||
24 | td, | |
25 | th { | |
709b97f3 VP |
26 | text-align: left; |
27 | padding: 8px; | |
28 | } | |
29 | ||
82f5bcbf VP |
30 | th:first-of-type { |
31 | border-top-left-radius: 10px; | |
32 | color: white; | |
33 | background-color: #4B86EE | |
34 | } | |
35 | ||
36 | th:last-of-type { | |
37 | border-top-right-radius: 10px; | |
38 | color: white; | |
39 | background-color: #4B86EE | |
40 | } | |
41 | ||
42 | tr:last-of-type td:first-of-type { | |
43 | border-bottom-left-radius: 10px; | |
44 | ||
45 | } | |
46 | ||
47 | tr:last-of-type td:last-of-type { | |
48 | border-bottom-right-radius: 10px; | |
49 | } | |
50 | ||
709b97f3 VP |
51 | tr:nth-child(even) { |
52 | background-color: #bec8d3; | |
53 | } | |
54 | ||
82f5bcbf VP |
55 | tr:nth-child(odd) { |
56 | background-color: whitesmoke; | |
709b97f3 VP |
57 | } |
58 | ||
82f5bcbf | 59 | |
709b97f3 VP |
60 | .row { |
61 | display: flex; | |
62 | } | |
63 | ||
64 | .column { | |
65 | flex: 50%; | |
66 | padding: 5px; | |
67 | } | |
68 | ||
69 | .topnav { | |
70 | background-color: #333; | |
71 | overflow: hidden; | |
72 | } | |
73 | ||
74 | /* Style the links inside the navigation bar */ | |
75 | .topnav a { | |
76 | float: left; | |
77 | color: #f2f2f2; | |
78 | text-align: center; | |
79 | padding: 14px 16px; | |
80 | text-decoration: none; | |
81 | font-size: 17px; | |
82 | } | |
83 | ||
84 | /* Change the color of links on hover */ | |
85 | .topnav a:hover { | |
86 | background-color: #ddd; | |
87 | color: black; | |
88 | } | |
89 | ||
90 | /* Add a color to the active/current link */ | |
91 | .topnav a.active { | |
82f5bcbf | 92 | background-color: #4B86EE; |
709b97f3 VP |
93 | color: white; |
94 | } | |
95 | ||
96 | ||
97 | [data-tab-content] { | |
98 | display: none; | |
99 | } | |
100 | ||
101 | .active[data-tab-content] { | |
102 | display: block; | |
103 | } | |
104 | ||
105 | .tab.active { | |
106 | background-color: #AAA; | |
107 | } | |
108 | ||
109 | .tab:hover { | |
110 | background-color: #AAA; | |
82f5bcbf VP |
111 | } |
112 | ||
113 | #headerContainer, | |
114 | #headerTitle { | |
115 | background-color: #4B86EE; | |
1e444045 | 116 | font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; |
82f5bcbf VP |
117 | height: 62px; |
118 | margin-top: -10px; | |
119 | padding: 10px 25px; | |
120 | position: relative; | |
121 | } | |
122 | ||
123 | #headerContainer { | |
124 | margin-left: -15px; | |
125 | z-index: 10; | |
126 | ||
127 | -webkit-box-shadow: 0 3px 3px .01px rgba(0, 0, 0, 0.2); | |
128 | box-shadow: 0 3px 3px .01px rgba(0, 0, 0, 0.2); | |
129 | } | |
130 | ||
131 | #headerContainer:before { | |
132 | border-color: #034FD5 transparent; | |
133 | border-style: solid; | |
134 | border-width: 1em 0 0 1em; | |
135 | bottom: -1em; | |
136 | content: ''; | |
137 | display: block; | |
138 | left: 0; | |
139 | position: absolute; | |
140 | } | |
141 | ||
142 | #headerContainer h2, | |
143 | #headerContainer h2 small { | |
144 | color: white !important; | |
145 | margin-bottom: 0px; | |
146 | } | |
147 | ||
148 | #headerContainer h2 small { | |
149 | font-weight: lighter; | |
150 | } | |
151 | ||
152 | #headerTitle { | |
153 | background-color: white; | |
154 | margin-right: 15px; | |
155 | z-index: 9; | |
156 | } | |
157 | ||
158 | #headerTitle h2 { | |
159 | line-height: 1.5; | |
160 | margin-bottom: 0px; | |
161 | } | |
162 | ||
163 | #headerTitle h2 i { | |
164 | color: #f2f2f2; | |
165 | font-size: 80px; | |
166 | position: absolute; | |
167 | right: 0; | |
168 | top: -30px; | |
169 | z-index: -1; | |
170 | } | |
171 | ||
172 | #headerTitle h2 small { | |
173 | color: #bbb; | |
174 | } | |
175 | ||
176 | body { | |
177 | background-image: url("/img/linen.png"); | |
709b97f3 | 178 | } |