]>
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; | |
c8ac611d VP |
72 | font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; |
73 | ||
709b97f3 VP |
74 | } |
75 | ||
76 | /* Style the links inside the navigation bar */ | |
77 | .topnav a { | |
78 | float: left; | |
79 | color: #f2f2f2; | |
80 | text-align: center; | |
81 | padding: 14px 16px; | |
82 | text-decoration: none; | |
83 | font-size: 17px; | |
84 | } | |
85 | ||
86 | /* Change the color of links on hover */ | |
87 | .topnav a:hover { | |
88 | background-color: #ddd; | |
89 | color: black; | |
90 | } | |
91 | ||
92 | /* Add a color to the active/current link */ | |
93 | .topnav a.active { | |
82f5bcbf | 94 | background-color: #4B86EE; |
709b97f3 VP |
95 | color: white; |
96 | } | |
97 | ||
98 | ||
99 | [data-tab-content] { | |
100 | display: none; | |
101 | } | |
102 | ||
103 | .active[data-tab-content] { | |
104 | display: block; | |
105 | } | |
106 | ||
107 | .tab.active { | |
108 | background-color: #AAA; | |
109 | } | |
110 | ||
111 | .tab:hover { | |
112 | background-color: #AAA; | |
82f5bcbf VP |
113 | } |
114 | ||
115 | #headerContainer, | |
116 | #headerTitle { | |
117 | background-color: #4B86EE; | |
1e444045 | 118 | font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; |
82f5bcbf VP |
119 | height: 62px; |
120 | margin-top: -10px; | |
121 | padding: 10px 25px; | |
122 | position: relative; | |
123 | } | |
124 | ||
125 | #headerContainer { | |
126 | margin-left: -15px; | |
127 | z-index: 10; | |
128 | ||
129 | -webkit-box-shadow: 0 3px 3px .01px rgba(0, 0, 0, 0.2); | |
130 | box-shadow: 0 3px 3px .01px rgba(0, 0, 0, 0.2); | |
131 | } | |
132 | ||
133 | #headerContainer:before { | |
134 | border-color: #034FD5 transparent; | |
135 | border-style: solid; | |
136 | border-width: 1em 0 0 1em; | |
137 | bottom: -1em; | |
138 | content: ''; | |
139 | display: block; | |
140 | left: 0; | |
141 | position: absolute; | |
142 | } | |
143 | ||
144 | #headerContainer h2, | |
145 | #headerContainer h2 small { | |
146 | color: white !important; | |
147 | margin-bottom: 0px; | |
148 | } | |
149 | ||
150 | #headerContainer h2 small { | |
151 | font-weight: lighter; | |
152 | } | |
153 | ||
154 | #headerTitle { | |
155 | background-color: white; | |
156 | margin-right: 15px; | |
157 | z-index: 9; | |
158 | } | |
159 | ||
160 | #headerTitle h2 { | |
161 | line-height: 1.5; | |
162 | margin-bottom: 0px; | |
163 | } | |
164 | ||
165 | #headerTitle h2 i { | |
166 | color: #f2f2f2; | |
167 | font-size: 80px; | |
168 | position: absolute; | |
169 | right: 0; | |
170 | top: -30px; | |
171 | z-index: -1; | |
172 | } | |
173 | ||
174 | #headerTitle h2 small { | |
175 | color: #bbb; | |
176 | } | |
177 | ||
178 | body { | |
179 | background-image: url("/img/linen.png"); | |
709b97f3 | 180 | } |