com web/shared: Moving from inline-block to floats for multi-column layout: styles/defaults.css
| From: | Levi Morrison | Date: | Thu, 03 Apr 2014 18:21:21 +0000 |
| Subject: | com web/shared: Moving from inline-block to floats for multi-column layout: styles/defaults.css | ||
| Groups: | php.webmaster | ||
| Request: | Send a blank email to php-webmaster+get-18681@lists.php.net to get a copy of this message | ||
Commit: 664187738c849424c6a3e3934f93fe3573228630
Author: Levi Morrison <levim@php.net> Thu, 3 Apr 2014 12:21:21 -0600
Parents: 1d58d9a3cd6a1dfb4441e8fb9c23e6e17138bd6d
Branches: master
Link: http://git.php.net/?p=web/shared.git;a=commitdiff;h=664187738c849424c6a3e3934f93fe3573228630
Log:
Moving from inline-block to floats for multi-column layout
Changed paths:
M styles/defaults.css
Diff:
diff --git a/styles/defaults.css b/styles/defaults.css
index 72e5181..a1c5cc9 100644
--- a/styles/defaults.css
+++ b/styles/defaults.css
@@ -158,22 +158,12 @@ ul, ol {
.fullscreen > .fullscreen,
section.mainscreen {
background: #fff;
- border: 1px solid #ccc;
- border-top: 0px;
- border-bottom: 0px;
}
.fullscreen > .fullscreen > *,
.mainscreen > * {
margin-right: 40px;
margin-left: 40px;
}
-.fullscreen > .fullscreen,
-.mainscreen {
- border: 1px solid #8892BF;
-}
-.secondscreen {
- vertical-align: top;
-}
section.fullscreen a {
color: #369;
border-bottom: 1px solid;
@@ -309,7 +299,6 @@ th {
footer {
width: 100%;
display: block;
- border: 0px;
}
img {
max-width: 100%;
@@ -320,9 +309,6 @@ th {
footer {
width: 100%;
}
- .mainscreen {
- display: inline-block;
- }
img {
max-width: 100%
}
@@ -333,17 +319,13 @@ th {
width: 90%;
margin: 0 auto;
}
- header, footer
- .mainscreen,
- .secondscreen {
- display: inline-block;
- }
.mainscreen {
- width: 70%;
+ width: 75%;
+ float:left;
}
.secondscreen {
- margin-left: 30px;
- width: 25%
+ width: 25%;
+ float:left;
}
.secondscreen h1,
.secondscreen h2,
@@ -352,14 +334,13 @@ th {
.secondscreen h5,
.secondscreen h6 {
margin: 0;
- background: #f0f0f0;
- border: 1px solid #d9d9d9;
- border-bottom-color: #d0d0d0;
+ background: #e6e6e6;
+ border: 1px solid #ccc;
border-radius: 2px;
}
.secondscreen > nav {
- background-color: #f9f9f9;
- border: 1px solid #d9d9d9;
+ background-color: #e6e6e6;
+ border: 1px solid #ccc;
margin: 0;
}
}