| |
@@ -6,10 +6,10 @@
|
| |
}
|
| |
|
| |
.grey {
|
| |
- background-color: #58595b;
|
| |
+ background-color: #DEDEDE;
|
| |
margin: 0 auto;
|
| |
width: 100%;
|
| |
- color: #fff;
|
| |
+ color: #555;
|
| |
}
|
| |
|
| |
.product-header {
|
| |
@@ -17,7 +17,7 @@
|
| |
}
|
| |
|
| |
.bluebox {
|
| |
- background-color: #3c6eb4;
|
| |
+ background-color: #3c6eb4;
|
| |
height: 85px;
|
| |
}
|
| |
|
| |
@@ -37,7 +37,7 @@
|
| |
/* Header doc */
|
| |
|
| |
.border {
|
| |
- border-right: 2px solid #ccc;
|
| |
+ border-right: 2px solid rgba(255, 255, 255, 0.4);
|
| |
}
|
| |
|
| |
.bluebox h3 {
|
| |
@@ -46,12 +46,12 @@
|
| |
}
|
| |
|
| |
.bluebox a {
|
| |
- color: #ccc;
|
| |
+ color: #fff;
|
| |
text-decoration: none;
|
| |
}
|
| |
|
| |
.bluebox a:hover {
|
| |
- color: #fff;
|
| |
+ color: #eee;
|
| |
text-decoration: none;
|
| |
}
|
| |
|
| |
@@ -100,7 +100,7 @@
|
| |
border-radius: 5px;
|
| |
-moz-border-radius: 5px;
|
| |
-webkit-border-radius: 5px;
|
| |
- margin-right: 60px;
|
| |
+ margin-right: 30px;
|
| |
margin-bottom: -15px;
|
| |
padding: 5px 10px;
|
| |
}
|
| |
@@ -130,12 +130,14 @@
|
| |
}
|
| |
|
| |
.comments {
|
| |
- background-color: #294172;
|
| |
- color: #fff;
|
| |
- padding: 5px 10px;
|
| |
+ color: #555;
|
| |
+ padding: 5px;
|
| |
width: 60px;
|
| |
float: right;
|
| |
font-size: 16px;
|
| |
+ border-radius: 5px;
|
| |
+ -webkit-border-radius: 5px;
|
| |
+ moz-border-radius: 5px;
|
| |
}
|
| |
|
| |
.comment-icon {
|
| |
@@ -225,10 +227,6 @@
|
| |
/* special classes for small screens */
|
| |
|
| |
@media (max-width: 767px) {
|
| |
- .border {
|
| |
- border-bottom: 2px solid #ccc;
|
| |
- border-right: none;
|
| |
- }
|
| |
|
| |
.white img {
|
| |
width: 700px;
|
| |
@@ -256,4 +254,3 @@
|
| |
}
|
| |
}
|
| |
/* end small screens classes */
|
| |
-
|
| |
I have made the background darker and the header separators are back. Is it good?