Showing 1 changed files with 41 additions and 27 deletions
+41 -27
dist/css/hackernews.css
... ...
@@ -1,9 +1,10 @@
1 1
 html * {
2 2
     font-family: Verdana, Geneva, sans-serif;
3 3
     font-size: 10pt;
4
-    color: #828282;
4
+    background-color: #f6f6ef;
5 5
 }
6 6
 
7
+
7 8
 .nav>li>a {
8 9
     font-size: 12pt;
9 10
     font-weight: normal;
... ...
@@ -19,10 +20,6 @@ a:focus, a:hover {
19 20
     font-weight: bold;
20 21
 }
21 22
 
22
-h4 { 
23
-/*    font-size: 18px;*/
24
-}
25
-
26 23
 .panel {
27 24
     border-style: none;
28 25
 }
... ...
@@ -41,11 +38,11 @@ h4 {
41 38
 }
42 39
 .panel-body {
43 40
     border-style: none;
44
-    background-color: #0f0;
41
+/*    background-color: #0f0;*/
45 42
 }
46 43
 .panel-body>.row {
47 44
     border-style: none;
48
-    width: 101%;
45
+    width: 100%;
49 46
     margin-left: 0%;
50 47
 }
51 48
 .panel-body>.row>.col-md-6 {
... ...
@@ -53,8 +50,8 @@ h4 {
53 50
 }
54 51
 .panel-body>.row>.col-md-6>.panel {
55 52
     border-style: none;
56
-    margin-left: -3%;
57
-    margin-right: -3%;
53
+    margin-left: 0%;
54
+    margin-right: 0%;
58 55
 }
59 56
 
60 57
 .panel-heading {
... ...
@@ -62,24 +59,22 @@ h4 {
62 59
 }
63 60
 
64 61
 .panel-primary>.panel-heading .fa {
65
-    color: #fff;
62
+/*    color: #fff;*/
66 63
 }
67 64
 
68 65
 .page-header {
69
-/*    border-style: none;*/
70 66
     font-size: 26pt;
71 67
     margin: 10px 0 20px;
72 68
 }
73 69
 
74 70
 #wrapper,#page-wrapper,.panel-body,.nav>li>a,.navbar-default {
75 71
     border-style: none;
76
-    background-color: #f6f6ef;
77 72
 }
78 73
 
79 74
 .panel-footer {
80 75
     border-style: none;
81
-    background-color: #eee;
82
-    margin-left: -2%;
76
+    background-color: #f6f6ef;
77
+    margin-left: 0%;
83 78
     margin-right: 0%;
84 79
 }
85 80
 
... ...
@@ -106,34 +101,53 @@ h4 {
106 101
     float: left;
107 102
 }
108 103
 
104
+
109 105
 img {
110 106
   width: 80%;
111 107
   margin-left: auto;
112 108
   margin-right: auto;
113 109
 }
114
-
115
-#img-list {
116
-  width: 151px;
117
-  height: 151px;
110
+.img-conspiracy {
111
+  width: 50%;
118 112
   margin-left: 30%;
119 113
   margin-right: auto;
120 114
 }
121
-
122
-#img-guardian {
123
-  width: 140px;
124
-  margin-left: 30%;
125
-  margin-right: auto;
115
+.wp-video {
116
+  width: 80%;
117
+}
118
+.wp-video-shortcode {
119
+  width: 80%;
126 120
 }
127 121
 
128
-.img-profile-large {
129
-  width: 64px;
122
+iframe {
123
+  width: 80%;
130 124
   margin-left: auto;
131 125
   margin-right: auto;
132 126
 }
133 127
 
128
+p.question {
129
+  font-weight: bold;
130
+}
131
+
132
+
134 133
 #article-current {
135
-  font-size: 1.3em;
136
-  width: 100%;
137 134
   text-align: justify;
138 135
   text-justify: inter-word;
139 136
 }
137
+
138
+/* Mobile Theme Night */
139
+@media only screen and (max-width: 600px) {
140
+  html * {
141
+    background-color: #000;
142
+    color: #aaa;
143
+  }
144
+  .panel-footer { background-color: #000; }
145
+  .panel-body { width: 105%; margin-left: -2%; }
146
+}
147
+/* Desktop Theme Light */
148
+@media only screen and (min-width: 601px) {
149
+  html * {
150
+    background-color: #f6f6ef;
151
+    color: #000;
152
+  }
153
+}