... | ... |
@@ -1 +0,0 @@ |
1 |
-style.css |
|
... | ... |
@@ -0,0 +1,16 @@ |
1 |
+html { |
|
2 |
+ font-family: "Lucida Sans", sans-serif; |
|
3 |
+ background-color: #fff; |
|
4 |
+ color: #333; |
|
5 |
+} |
|
6 |
+.menu li { |
|
7 |
+ padding: 8px; |
|
8 |
+ margin-bottom: 7px; |
|
9 |
+ background-color: #eee; |
|
10 |
+ color: #ffffff; |
|
11 |
+ box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24); |
|
12 |
+} |
|
13 |
+.menu li:hover { |
|
14 |
+ color: #fff; |
|
15 |
+ background-color: #0099cc; |
|
16 |
+} |
... | ... |
@@ -1,128 +1,16 @@ |
1 |
-* { |
|
2 |
- box-sizing: border-box; |
|
3 |
-} |
|
4 |
-.row::after { |
|
5 |
- content: ""; |
|
6 |
- clear: both; |
|
7 |
- display: table; |
|
8 |
-} |
|
9 |
-[class*="col-"] { |
|
10 |
- float: left; |
|
11 |
- padding: 15px; |
|
12 |
-} |
|
13 | 1 |
html { |
14 |
- font-family: "Lucida Sans", sans-serif; |
|
15 |
- background-color: #000; |
|
16 |
- color: #bbb; |
|
17 |
-} |
|
18 |
-.header { |
|
19 |
- background-color: #5b7e96; |
|
20 |
- color: #ffffff; |
|
21 |
- padding: 2px; |
|
22 |
-} |
|
23 |
-.menu ul { |
|
24 |
- list-style-type: none; |
|
25 |
- margin: 0; |
|
26 |
- padding: 0; |
|
2 |
+ font-family: "Lucida Sans", sans-serif; |
|
3 |
+ background-color: #000; |
|
4 |
+ color: #bbb; |
|
27 | 5 |
} |
28 | 6 |
.menu li { |
29 |
- padding: 8px; |
|
30 |
- margin-bottom: 7px; |
|
31 |
- background-color: #333; |
|
32 |
- color: #ffffff; |
|
33 |
- box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24); |
|
7 |
+ padding: 8px; |
|
8 |
+ margin-bottom: 7px; |
|
9 |
+ background-color: #333; |
|
10 |
+ color: #ffffff; |
|
11 |
+ box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24); |
|
34 | 12 |
} |
35 | 13 |
.menu li:hover { |
36 |
- color: #fff; |
|
37 |
- background-color: #666; |
|
38 |
-} |
|
39 |
-.aside { |
|
40 |
- background-color: #33b5e5; |
|
41 |
- padding: 15px; |
|
42 |
- color: #ffffff; |
|
43 |
- text-align: center; |
|
44 |
- font-size: 14px; |
|
45 |
- box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24); |
|
46 |
-} |
|
47 |
-.footer { |
|
48 |
- background-color: #5b7e96; |
|
49 |
- color: #ffffff; |
|
50 |
- text-align: center; |
|
51 |
- font-size: 12px; |
|
52 |
- padding: 15px; |
|
53 |
-} |
|
54 |
- |
|
55 |
- |
|
56 |
-img { |
|
57 |
- width: 80%; |
|
58 |
- margin-left: auto; |
|
59 |
- margin-right: auto; |
|
60 |
-} |
|
61 |
-.img-conspiracy { |
|
62 |
- width: 50%; |
|
63 |
- margin-left: 30%; |
|
64 |
- margin-right: auto; |
|
65 |
-} |
|
66 |
-.wp-video { |
|
67 |
- width: 80%; |
|
68 |
-} |
|
69 |
-.wp-video-shortcode { |
|
70 |
- width: 80%; |
|
71 |
-} |
|
72 |
- |
|
73 |
-iframe { |
|
74 |
- width: 80%; |
|
75 |
- margin-left: auto; |
|
76 |
- margin-right: auto; |
|
77 |
-} |
|
78 |
- |
|
79 |
- |
|
80 |
-#article-current { |
|
81 |
- text-align: justify; |
|
82 |
- text-justify: inter-word; |
|
83 |
-} |
|
84 |
-/* For mobile phones: */ |
|
85 |
-[class*="col-"] { |
|
86 |
- width: 100%; |
|
87 |
-} |
|
88 |
-@media only screen and (min-width: 600px) { |
|
89 |
- /* For tablets: */ |
|
90 |
- .col-s-1 {width: 8.33%;} |
|
91 |
- .col-s-2 {width: 16.66%;} |
|
92 |
- .col-s-3 {width: 25%;} |
|
93 |
- .col-s-4 {width: 33.33%;} |
|
94 |
- .col-s-5 {width: 41.66%;} |
|
95 |
- .col-s-6 {width: 50%;} |
|
96 |
- .col-s-7 {width: 58.33%;} |
|
97 |
- .col-s-8 {width: 66.66%;} |
|
98 |
- .col-s-9 {width: 75%;} |
|
99 |
- .col-s-10 {width: 83.33%;} |
|
100 |
- .col-s-11 {width: 91.66%;} |
|
101 |
- .col-s-12 {width: 100%;} |
|
102 |
-} |
|
103 |
-@media only screen and (min-width: 768px) { |
|
104 |
- /* For desktop: */ |
|
105 |
- .col-1 {width: 8.33%;} |
|
106 |
- .col-2 {width: 16.66%;} |
|
107 |
- .col-3 {width: 25%;} |
|
108 |
- .col-4 {width: 33.33%;} |
|
109 |
- .col-5 {width: 41.66%;} |
|
110 |
- .col-6 {width: 50%;} |
|
111 |
- .col-7 {width: 58.33%;} |
|
112 |
- .col-8 {width: 66.66%;} |
|
113 |
- .col-9 {width: 75%;} |
|
114 |
- .col-10 {width: 83.33%;} |
|
115 |
- .col-11 {width: 91.66%;} |
|
116 |
- .col-12 {width: 100%;} |
|
14 |
+ color: #fff; |
|
15 |
+ background-color: #666; |
|
117 | 16 |
} |
118 |
- |
|
119 |
- |
|
120 |
-/*--------*/ |
|
121 |
-body { font-family: arial, verdana, sans-serif; } |
|
122 |
-h1 { font-size:20px; font-weight:bold; } |
|
123 |
-h2 { font-size:16px; font-weight:bold; } |
|
124 |
-h3 { font-size:14px; font-weight:bold; } |
|
125 |
-a:link { color: #5b7e96; } |
|
126 |
-a:visited { color: #5b7e96; } |
|
127 |
-a:hover { color: #fff; } |
|
128 |
- |