Mobile versionfont-family: sans-serif;
}
.wellpadding {
padding-top: 20px;
}
.hero-slide {
margin-top: -22px;
}
.caption {
font-size: 75px; color: #fff;
}
.pcaption {
font-size: 25px;
}
footer {
background-color: #222222;
}
h6 {
color: #fff;
}
.marketing {
text-align: center;
}
.footer-con {
margin-left: auto;
margin-right: auto;
}
.marketing .span4 {
text-align: center;
}
p {
text-align: center;
}
h4 {
font-weight: bold;
font-size: 30px;
}
a {
color: #fff;
}
a:hover {
color: #fff;
text-decoration: none;
}
.unstyled {
color: #fff;
font-size: 13px;
text-decoration: none;
}
.boss {
color: #fff;
font-size: 13px;
text-decoration: none;
font-weight: bold;
}
.jumbotron {
background-color: #222222;
margin-bottom: -30px;
}
#jfont {
color: #fff;
font-weight: normal;
text-align: center;
margin-bottom: 20px;
}
.jumbotron-special {
background-color: #ffffff;
}
.jumbotron-special-2 {
background-color: #e7e7e7;
}
.timeline {
list-style: none;
padding: 20px 0 20px;
position: relative;
}
.timeline:before {
top: 0;
bottom: 0;
position: absolute;
content: " ";
width: 3px;
background-color: #eeeeee;
left: 50%;
margin-left: -1.5px;
}
.timeline > li {
margin-bottom: 20px;
position: relative;
}
.timeline > li:before,
.timeline > li:after {
content: " ";
display: table;
}
.timeline > li:after {
clear: both;
}
.timeline > li:before,
.timeline > li:after {
content: " ";
display: table;
}
.timeline > li:after {
clear: both;
}
.timeline > li > .timeline-panel {
width: 46%;
float: left;
border: 1px solid #d4d4d4;
border-radius: 2px;
padding: 20px;
position: relative;
-webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);
box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);
}
.timeline > li > .timeline-panel:before {
position: absolute;
top: 26px;
right: -15px;
display: inline-block;
border-top: 15px solid transparent;
border-left: 15px solid #ccc;
border-right: 0 solid #ccc;
border-bottom: 15px solid transparent;
content: " ";
}
.timeline > li > .timeline-panel:after {
position: absolute;
top: 27px;
right: -14px;
display: inline-block;
border-top: 14px solid transparent;
border-left: 14px solid #fff;
border-right: 0 solid #fff;
border-bottom: 14px solid transparent;
content: " ";
}
.timeline > li > .timeline-badge {
color: #fff;
width: 50px;
height: 50px;
line-height: 50px;
font-size: 1.4em;
text-align: center;
position: absolute;
top: 16px;
left: 50%;
margin-left: -25px;
background-color: #999999;
z-index: 100;
border-top-right-radius: 50%;
border-top-left-radius: 50%;
border-bottom-right-radius: 50%;
border-bottom-left-radius: 50%;
}
.timeline > li.timeline-inverted > .timeline-panel {
float: right;
}
.timeline > li.timeline-inverted > .timeline-panel:before {
border-left-width: 0;
border-right-width: 15px;
left: -15px;
right: auto;
}
.timeline > li.timeline-inverted > .timeline-panel:after {
border-left-width: 0;
border-right-width: 14px;
left: -14px;
right: auto;
}
h5 {
font-size: 25px;
text-align: left;
}
.padding-top-10 {
padding-top: 10px;
}
}
.timeline-title {
margin-top: 0;
color: inherit;
}
.timeline-body > p,
.timeline-body > ul {
margin-bottom: 0;
text-align: left;
}
.timeline-body > p + p {
margin-top: 5px;
}
.pleft {
text-align: left;
}
.algemeen:hover {
color: #000;
}
.algemeen {
color: #000;
text-decoration: underline;
}
#pfont {
color: #fff;
text-align: left;
font-size: 13px;
}
.paddingb {
padding-bottom: 10px;
}< /code>
Voor meer informatie, klik op de foto
More About Joe
Joe Sixpack USA
Skills:
HTML5/CSS
Adobe CS 5.5
Microsoft Office
Windows XP, Vista, 7
Bio:
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut sem dui, tempor sit amet commodo a, vulputate vel tellus.
I've heard enough about Joe
< /code>
< /div>
< /div>
< /p>
Ich versuche, die Brunnen, die ich im Code verwende, ein wenig von dem Karussell, das ich in der HTML -Datei verwende, ein wenig zu tun. Aber jedes Mal, wenn ich versuche, dass es 20px nicht nach unten bewegt wird. Aber wenn ich die Klasse. Padding-Top-10 benutze, wird sie nach unten bewegen, aber wenn ich diese Klasse auf 20px ändere; Es wird sich nicht wieder bewegen. Könnte mir bitte jemand helfen, meinen Brunnen 20px nach unten zu bewegen?