Use wrapper class instead of id

feature/cover-image
Zihao Zhang 8 years ago
parent e8c0d92137
commit 4a476bbd82

@ -2,7 +2,7 @@
<body> <body>
{{ partial "nav.html" . }} {{ partial "nav.html" . }}
<section id="wrapper" class="home"> <section class="wrapper home">
<article class="post"> <article class="post">
<header> <header>
<h1>{{ with .Site.Params.title404 }}{{ . }}{{ else }}404 - Page not found{{ end }}</h1> <h1>{{ with .Site.Params.title404 }}{{ . }}{{ else }}404 - Page not found{{ end }}</h1>

@ -3,7 +3,7 @@
{{ partial "nav.html" . }} {{ partial "nav.html" . }}
{{ partial "profile.html" . }} {{ partial "profile.html" . }}
<section id="wrapper" class="home"> <section class="wrapper home">
{{ range .Data.Pages.GroupByDate "2006" }} {{ range .Data.Pages.GroupByDate "2006" }}
<div class="archive"> <div class="archive">
<h3>{{ .Key }}</h3> <h3>{{ .Key }}</h3>

@ -2,7 +2,7 @@
<body> <body>
{{ partial "nav.html" . }} {{ partial "nav.html" . }}
<section id="wrapper"> <section class="wrapper">
<article class="post"> <article class="post">
<header> <header>
<h1> <h1>

@ -3,7 +3,7 @@
{{ partial "nav.html" . }} {{ partial "nav.html" . }}
{{ partial "profile.html" . }} {{ partial "profile.html" . }}
<section id="wrapper" class="home"> <section class="wrapper home">
{{ .Content }} {{ .Content }}
{{ if .Site.Params.enableDisqus }} {{ if .Site.Params.enableDisqus }}

@ -4,7 +4,7 @@
{{ partial "profile.html" . }} {{ partial "profile.html" . }}
<section id="wrapper" class="home"> <section class="wrapper home">
{{ partial "post-list.html" . }} {{ partial "post-list.html" . }}
{{ partial "pagination.html" . }} {{ partial "pagination.html" . }}
{{ partial "footer.html" . }} {{ partial "footer.html" . }}

@ -1,11 +1,9 @@
<div class="profile"> <section class="wrapper profile">
<section id="wrapper"> <header id="header">
<header id="header"> <a href='{{ .Site.BaseURL }}about'>
<a href='{{ .Site.BaseURL }}about'> <img id="avatar" class="2x" src="{{ .Site.BaseURL }}images/avatar.png"/>
<img id="avatar" class="2x" src="{{ .Site.BaseURL }}images/avatar.png"/> </a>
</a> <h1>{{ .Site.Params.name }}</h1>
<h1>{{ .Site.Params.name }}</h1> <h2>{{ .Site.Params.bio | markdownify }}</h2>
<h2>{{ .Site.Params.bio | markdownify }}</h2> </header>
</header> </section>
</section>
</div>

@ -3,7 +3,7 @@
{{ partial "nav.html" . }} {{ partial "nav.html" . }}
{{ partial "profile.html" . }} {{ partial "profile.html" . }}
<section id="wrapper" class="tags"> <section class="wrapper tags">
<div class="page-tags" id="tags"> <div class="page-tags" id="tags">
{{ range $name, $taxonomy := .Site.Taxonomies.tags }} {{ range $name, $taxonomy := .Site.Taxonomies.tags }}
<span class="tags"> <span class="tags">

@ -134,7 +134,7 @@ h2 {
color: #bbb; color: #bbb;
} }
.profile #wrapper { .wrapper.profile {
padding: 100px 40px 0px; padding: 100px 40px 0px;
max-width: 600px; max-width: 600px;
margin: 0 auto; margin: 0 auto;
@ -200,13 +200,13 @@ nav.main-nav a.cta {
margin-left: 12px; margin-left: 12px;
} }
#wrapper { .wrapper {
max-width: 600px; max-width: 600px;
margin: 0 auto; margin: 0 auto;
padding: 60px 40px 100px 40px; padding: 60px 40px 100px 40px;
} }
#wrapper.home { .wrapper.home {
max-width: 600px; max-width: 600px;
margin: 0 auto; margin: 0 auto;
padding: 0px 40px 20px 40px; padding: 0px 40px 20px 40px;
@ -747,7 +747,7 @@ h2.month {
/* Media Queries */ /* Media Queries */
@media screen and (max-width: 540px) { @media screen and (max-width: 540px) {
#wrapper { .wrapper {
padding: 20px 20px 20px 20px; padding: 20px 20px 20px 20px;
} }
#header { #header {
@ -871,7 +871,7 @@ code {
* tags page * tags page
*/ */
#wrapper.tags { .wrapper.tags {
padding: 0px 40px 20px 40px; padding: 0px 40px 20px 40px;
} }
.page-tags { .page-tags {

Loading…
Cancel
Save