Showing 1 changed files with 40 additions and 8 deletions
+40 -8
dist/css/hackernews.css
... ...
@@ -21,13 +21,16 @@ a:focus, a:hover {
21 21
 }
22 22
 
23 23
 .panel {
24
-    border-style: none;
24
+    border-style: solid;
25 25
 }
26 26
 
27 27
 .panel-primary {
28 28
     border-style: none;
29
-    width: 100%;
30
-    margin-left: 0%;
29
+/*    border-style: solid;
30
+    border-width: 2px;
31
+    border-color: #00f;*/
32
+    width: 103%;
33
+    margin-left: -30px;
31 34
 }
32 35
 
33 36
 .panel-primary>.panel-heading {
... ...
@@ -38,20 +41,27 @@ a:focus, a:hover {
38 41
 }
39 42
 .panel-body {
40 43
     border-style: none;
41
-/*    background-color: #0f0;*/
42 44
 }
43 45
 .panel-body>.row {
44 46
     border-style: none;
45
-    width: 100%;
46
-    margin-left: 0%;
47
+/*    border-style: solid;
48
+    border-width: 2px;
49
+    border-color: #0f0;*/
50
+    width: 102%;
51
+    margin-left: -15px;
52
+    margin-top: -25px;
47 53
 }
48 54
 .panel-body>.row>.col-md-6 {
49 55
     border-style: none;
56
+/*    border-style: solid;
57
+    border-width: 2px;
58
+    border-color: #f00;*/
50 59
 }
51 60
 .panel-body>.row>.col-md-6>.panel {
52 61
     border-style: none;
53 62
     margin-left: 0%;
54 63
     margin-right: 0%;
64
+    margin-left: -15px;
55 65
 }
56 66
 
57 67
 .panel-heading {
... ...
@@ -64,7 +74,7 @@ a:focus, a:hover {
64 74
 
65 75
 .page-header {
66 76
     font-size: 26pt;
67
-    margin: 10px 0 20px;
77
+    margin: 100px 0 20px;
68 78
 }
69 79
 
70 80
 #wrapper,#page-wrapper,.panel-body,.nav>li>a,.navbar-default {
... ...
@@ -131,6 +141,9 @@ p.question {
131 141
 
132 142
 
133 143
 #article-current {
144
+  width: 107%;
145
+  margin-top: -35px;
146
+  margin-left: -30px;
134 147
   text-align: justify;
135 148
   text-justify: inter-word;
136 149
 }
... ...
@@ -142,7 +155,25 @@ p.question {
142 155
     color: #aaa;
143 156
   }
144 157
   .panel-footer { background-color: #000; }
145
-  .panel-body { width: 110%; margin-left: -5%; }
158
+  .panel-body { width: 100%; margin-left: 0%; }
159
+  .panel-body>.row>.col-md-6>.panel {
160
+    width: 115%;
161
+    margin-left: 0%;
162
+  }
163
+  .panel-heading {
164
+    width: 103%;
165
+    margin-left: 15px;
166
+  }
167
+  .panel img {
168
+    width: 100%;
169
+    margin-left: 0%;
170
+  }
171
+  #article-current {
172
+    width: 103%;
173
+    margin-left: 0%;
174
+    text-align: justify;
175
+    text-justify: inter-word;
176
+  }
146 177
 }
147 178
 /* Desktop Theme Light */
148 179
 @media only screen and (min-width: 601px) {
... ...
@@ -150,4 +181,5 @@ p.question {
150 181
     background-color: #f6f6ef;
151 182
     color: #000;
152 183
   }
184
+  .panel-body { width: 100%; margin-left: 0%; }
153 185
 }