Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with HTTPS or Subversion.

Download ZIP

Loading…

Total beschreibende Überschrift #6

Open
wants to merge 3 commits into from

1 participant

@phildecker
Collaborator

Ich habe jetzt meine Änderungen in zwei CSS Dateien eingepflegt und eine Kleinigkeit an index.html geändert. Ist richtig, dass ich dir das jetzt hier zuschiebe, oder?

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
This page is out of date. Refresh to see the latest.
Showing with 39 additions and 9 deletions.
  1. +26 −4 css/bootstrap-responsive.css
  2. +12 −4 css/bootstrap.css
  3. +1 −1  index.html
View
30 css/bootstrap-responsive.css
@@ -21,6 +21,10 @@
display: none;
visibility: hidden;
}
+ .span4 {
+ text-align: justify;
+ }
+
@media (max-width: 480px) {
.nav-collapse {
-webkit-transform: translate3d(0, 0, 0);
@@ -103,6 +107,7 @@
width: 100%;
}
.row {
+ padding: 0 10px;
margin-left: 0;
}
.row > [class*="span"], .row-fluid > [class*="span"] {
@@ -111,10 +116,14 @@
width: auto;
margin: 0;
}
+ .span4 {
+ text-align: left;
+ }
}
@media (min-width: 768px) and (max-width: 979px) {
.row {
- margin-left: -20px;
+ padding: 0 10px;
+ margin-left: -10px;
*zoom: 1;
}
.row:before, .row:after {
@@ -138,7 +147,9 @@
width: 166px;
}
.span4 {
- width: 228px;
+ width: 210px;
+ margin-right: 5px;
+ text-align: left;
}
.span5 {
width: 290px;
@@ -391,15 +402,25 @@
overflow: hidden;
height: 0;
}
+
}
@media (min-width: 980px) {
.nav-collapse.collapse {
height: auto !important;
}
+ .row {
+ padding: 0 10px;
+ margin-left: -10px;
+ }
+ .span4 {
+ width: 280px;
+ margin-right: 10px;
+ }
}
@media (min-width: 1200px) {
.row {
- margin-left: -30px;
+ padding: 0 15px;
+ margin-left: -10px;
*zoom: 1;
}
.row:before, .row:after {
@@ -423,7 +444,8 @@
width: 270px;
}
.span4 {
- width: 370px;
+ width: 340px;
+ margin-right: 10px;
}
.span5 {
width: 470px;
View
16 css/bootstrap.css
@@ -19,6 +19,11 @@ nav,
section {
display: block;
}
+
+footer {
+ margin: 0 20px;
+}
+
audio, canvas, video {
display: inline-block;
*display: inline;
@@ -329,13 +334,15 @@ h1 small {
h2 {
font-size: 24px;
line-height: 36px;
+ margin-bottom: 7px;
}
h2 small {
font-size: 18px;
}
h3 {
- line-height: 27px;
+ line-height: 17px;
font-size: 18px;
+ margin: 15px 0 5px 0;
}
h3 small {
font-size: 14px;
@@ -401,7 +408,7 @@ dd {
margin-left: 9px;
}
hr {
- margin: 18px 0;
+ margin: 28px 10px 38px 10px;
border: 0;
border-top: 1px solid #eeeeee;
border-bottom: 1px solid #ffffff;
@@ -1122,7 +1129,7 @@ table .span3 {
}
table .span4 {
float: none;
- width: 284px;
+ width: 204px;
margin-left: 0;
}
table .span5 {
@@ -3461,7 +3468,8 @@ a.thumbnail:hover {
color: #ffffff;
}
.hero-unit {
- padding: 60px;
+ padding: 50px 60px 0px 60px;
+ margin-top: -10px;
margin-bottom: 30px;
background-color: #f5f5f5;
-webkit-border-radius: 6px;
View
2  index.html
@@ -122,7 +122,7 @@
<a name="all-the-gaps"></a>
<div class="row" style="margin-top:20px;margin-bottom:10px;">
<div class="span12">
- <h2>Tell people how it is in <em>your</em> line of work.</h2>
+ <h2>Tell people how it is in <span style="color:red">your</span> line of work.</h2>
</div>
</div>
<div class="row" id="gaplist">
Something went wrong with that request. Please try again.