Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with HTTPS or Subversion.

Download ZIP
Browse files

messing with figcaption positioning

it was working & now it's broken :(
  • Loading branch information...
commit 5fd57a8544119337d45d7ea3e51c666abd0126e6 1 parent 71ad695
@bkehaunani bkehaunani authored
Showing with 18 additions and 41 deletions.
  1. +3 −35 bio-index.html
  2. +15 −6 css/style.css
View
38 bio-index.html
@@ -6,7 +6,7 @@
<head>
<meta charset="utf-8">
- <title>Quiz</title>
+ <title>Amigo of the Day</title>
<meta name="description" content="">
<!-- Mobile viewport optimization h5bp.com/ad -->
@@ -53,10 +53,6 @@
<div id="bio-1" data-role="page" data-theme="c" class="bio-page">
- <header data-role="header" data-position="fixed" data-theme="c">
- <h1>Welcome</h1>
- </header>
-
<section class="bio" data-role="content">
<figure><img src="img/no-photo.png" width="215" height="249" class="bio-pic">
@@ -87,10 +83,6 @@
<div id="bio-2" data-role="page" data-theme="c" class="bio-page">
- <header data-role="header" data-position="fixed" data-theme="c">
- <h1>Welcome</h1>
- </header>
-
<section class="bio" data-role="content">
<figure><img src="img/no-photo.png" width="215" height="249" class="bio-pic">
@@ -123,10 +115,6 @@
<div id="bio-3" data-role="page" data-theme="c" class="bio-page">
- <header data-role="header" data-position="fixed" data-theme="c">
- <h1>Welcome</h1>
- </header>
-
<section class="bio" data-role="content">
<figure><img src="img/no-photo.png" width="215" height="249" class="bio-pic">
@@ -158,11 +146,7 @@
-<div id="bio-1" data-role="page" data-theme="c" class="bio-page">
-
- <header data-role="header" data-position="fixed" data-theme="c">
- <h1>Welcome</h1>
- </header>
+<div id="bio-4" data-role="page" data-theme="c" class="bio-page">
<section class="bio" data-role="content">
@@ -195,10 +179,6 @@
<div id="bio-5" data-role="page" data-theme="c" class="bio-page">
- <header data-role="header" data-position="fixed" data-theme="c">
- <h1>Welcome</h1>
- </header>
-
<section class="bio" data-role="content">
<figure><img src="img/no-photo.png" width="215" height="249" class="bio-pic">
@@ -232,10 +212,6 @@
<div id="bio-6" data-role="page" data-theme="c" class="bio-page">
- <header data-role="header" data-position="fixed" data-theme="c">
- <h1>Welcome</h1>
- </header>
-
<section class="bio" data-role="content">
<figure><img src="img/no-photo.png" width="215" height="249" class="bio-pic">
@@ -269,10 +245,6 @@
<div id="bio-7" data-role="page" data-theme="c" class="bio-page">
- <header data-role="header" data-position="fixed" data-theme="c">
- <h1>Welcome</h1>
- </header>
-
<section class="bio" data-role="content">
<figure><img src="img/no-photo.png" width="215" height="249" class="bio-pic">
@@ -306,14 +278,10 @@
<div id="bio-8" data-role="page" data-theme="c" class="bio-page">
- <header data-role="header" data-position="fixed" data-theme="c">
- <h1>Welcome</h1>
- </header>
-
<section class="bio" data-role="content">
<figure><img src="img/no-photo.png" width="215" height="249" class="bio-pic">
- <figcaption>Yuske Yurameshi</figcaption>
+ <figcaption>Yuske Urameshi</figcaption>
</figure>
<article data-role="content" data-theme="c" data-content-theme="c">
<h1>test</h1>
View
21 css/style.css
@@ -224,17 +224,26 @@ header {
transform:rotate(-5deg) translate(45px, -45px);
box-shadow: 3px 3px 20px 0 rgba(0,0,0,56);
}
-figcaption {
+figure {
+ position:relative;
+}
+.bio-pic+figcaption {
+ position: absolute;
+ width: 100%;
+ left: 1;
+ right:1;
+ margin: 0 auto;
font-weight: bold;
- -moz-transform:rotate(-5deg) translate(100px, -105px);
- -o-transform:rotate(-5deg) translate(100px, -105px);
- -webkit-transform:rotate(-5deg) translate(100px, -105px);
- transform:rotate(-5deg) translate(100px, -105px);
+ text-align: center;
+ -moz-transform:rotate(-5deg);
+ -o-transform:rotate(-5deg);
+ -webkit-transform:rotate(-5deg);
+ transform:rotate(-5deg);
}
.itin-page {
- width: 310px;
+ width: 95%;
border-radius: 26px;
border: 18px #424242 ridge;
margin: 5px auto;
Please sign in to comment.
Something went wrong with that request. Please try again.