aboutsummaryrefslogtreecommitdiff
path: root/css
diff options
context:
space:
mode:
Diffstat (limited to 'css')
-rw-r--r--css/timeline.css67
1 files changed, 20 insertions, 47 deletions
diff --git a/css/timeline.css b/css/timeline.css
index d22716e..20c6d1c 100644
--- a/css/timeline.css
+++ b/css/timeline.css
@@ -7,8 +7,18 @@
max-width: 700px;
position: relative;
}
+.timeline__content-title {
+ font-weight: normal;
+ font-size: 66px;
+ margin: -10px 0 0 0;
+ transition: .4s;
+ padding: 0 10px;
+ box-sizing: border-box;
+ font-family: "Pathway Gothic One", sans-serif;
+ color: #fff;
+}
.timeline__content-desc {
- margin: 1;
+ margin: 0;
font-size: 15px;
box-sizing: border-box;
color: rgba(255, 255, 255, 0.7);
@@ -100,10 +110,8 @@
}
}
.timeline__img {
- height: 7.9cm;
- width: 7.9cm;
- background-position: center center;
- background-repeat: no-repeat;
+ max-width: 100%;
+ box-shadow: 0 10px 15px rgba(0, 0, 0, 0.4);
}
.timeline-container {
width: 100%;
@@ -144,47 +152,12 @@
font-weight: normal;
}
-
-/* Start Polaroid frame and frame texture ---------- */
-.bg-img {
- border: 10px solid #eeeeee;
- border-bottom: 80px solid #eeeeee;
- border-width:10%;
- border-image: url("http://www.designbolts.com/wp-content/uploads/2013/02/Noise-Light-Grey-Tileable-Pattern-For-Website-Background.jpg") 30 30 95 30 repeat !important;
- z-index: 9.0;
- -webkit-box-shadow: 15px 15px 15px #777;
- -moz-box-shadow: 13px 13px 13px #777;
- /* box-shadow: 10px 8px 50px #000; */
- box-shadow: 0 10px 15px rgba(0, 0, 0, 0.4);
- background-size: cover;
- margin:auto;
- height: 7.9cm;
- width: 7.9cm;
- align-content: left;
- align: left;
+.demo-footer {
+ padding: 60px 0;
+ text-align: center;
}
-
-
-/* The image in your polaroid ---------- */
-
-
-/* Handwritten Text at the bottom of your polaroid ---------- */
-.text{
- color:#000;
- margin-top:0px;
- padding:auto;
- font-weight: normal;
- font-size: 66px;
- transition: .4s;
- box-sizing: border-box;
- font-family: "Pathway Gothic One", sans-serif;
-
-
- text-align:center;
- display:block;
- background-color: transparent;
- border: 1px solid transparent;
- margin-right: 10px;
- margin-bottom: 1px;
- float:left;
+.demo-footer a {
+ color: #999;
+ display: inline-block;
+ font-family: Cardo;
}