Changed stylesheet to use classes.

This commit is contained in:
Nicolás A. Ortega Froysa 2021-05-17 11:19:14 +02:00
parent 614a501c75
commit 322216a7eb
9 changed files with 15 additions and 14 deletions

View File

@ -15,7 +15,7 @@
</head> </head>
<body> <body>
<header> <header>
<h1>The Music in Noise</h1> <h1 class="site-title" >The Music in Noise</h1>
<p><i>"If there were one million families praying the Rosary every day, the entire world would be saved."</i><br /> <p><i>"If there were one million families praying the Rosary every day, the entire world would be saved."</i><br />
&#10013; Pope Saint Pius X</p> &#10013; Pope Saint Pius X</p>
</header> </header>
@ -32,6 +32,6 @@
</nav> </nav>
<hr /> <hr />
<article> <article>
<h2 id="page-title" >Blog</h2> <h2 class="page-title" >Blog</h2>
<p>Feeds: <a href="rss.xml" >RSS</a> | <a href="atom.xml" >Atom</a></p> <p>Feeds: <a href="rss.xml" >RSS</a> | <a href="atom.xml" >Atom</a></p>
<ul> <ul>

View File

@ -15,7 +15,7 @@
</head> </head>
<body> <body>
<header> <header>
<h1>The Music in Noise</h1> <h1 class="site-title" >The Music in Noise</h1>
<p><i>"If there were one million families praying the Rosary every day, the entire world would be saved."</i><br /> <p><i>"If there were one million families praying the Rosary every day, the entire world would be saved."</i><br />
&#10013; Pope Saint Pius X</p> &#10013; Pope Saint Pius X</p>
</header> </header>

View File

@ -1,3 +1,3 @@
<h2 id="page-title" >${title} - ${created}</h2> <h2 class="page-title" >${title} - ${created}</h2>
%{contentfile} %{contentfile}
<p><i>Last updated: <time>${updated}</time></i></p> <p><i>Last updated: <time>${updated}</time></i></p>

View File

@ -1,4 +1,4 @@
<img src="https://media.themusicinnoise.net/imgs/dreaming-in-bytes-cover.png" alt="Improv I album cover" id="album-cover" > <img src="https://media.themusicinnoise.net/imgs/dreaming-in-bytes-cover.png" alt="Improv I album cover" class="album-cover" />
<h3>Track Listing</h3> <h3>Track Listing</h3>
<table class="track-list" > <table class="track-list" >
<tr> <tr>

View File

@ -1,4 +1,4 @@
<img src="https://media.themusicinnoise.net/imgs/ice-in-the-fall-cover.png" alt="Ice in the Fall album cover" id="album-cover" > <img src="https://media.themusicinnoise.net/imgs/ice-in-the-fall-cover.png" alt="Ice in the Fall album cover" class="album-cover" />
<h3>Track Listing</h3> <h3>Track Listing</h3>
<table class="track-list" > <table class="track-list" >
<tr> <tr>

View File

@ -1,4 +1,4 @@
<img src="https://media.themusicinnoise.net/imgs/improv-i-cover.png" alt="Improv I album cover" id="album-cover" > <img src="https://media.themusicinnoise.net/imgs/improv-i-cover.png" alt="Improv I album cover" class="album-cover" />
<h3>Track Listing</h3> <h3>Track Listing</h3>
<table class="track-list" > <table class="track-list" >
<tr> <tr>
@ -20,6 +20,7 @@
<td>03</td> <td>03</td>
<td>Washing Machine</td> <td>Washing Machine</td>
<td><a href="https://media.themusicinnoise.net/audio/improv-i/03_-_Washing_Machine.ogg" >ogg</a> <a href="https://media.themusicinnoise.net/audio/improv-i/03_-_Washing_Machine.mp3" >mp3</a></td> <td><a href="https://media.themusicinnoise.net/audio/improv-i/03_-_Washing_Machine.ogg" >ogg</a> <a href="https://media.themusicinnoise.net/audio/improv-i/03_-_Washing_Machine.mp3" >mp3</a></td>
</tr>
</table> </table>
<h3>Info</h3> <h3>Info</h3>

View File

@ -99,16 +99,16 @@ sup {
line-height: 80%; line-height: 80%;
} }
.page-title {
text-align: center;
}
h3, h4 { h3, h4 {
margin-bottom: 0px; margin-bottom: 0px;
padding-bottom: 0px; padding-bottom: 0px;
} }
#page-title { .album-cover {
text-align: center;
}
#album-cover {
width: 300px; width: 300px;
display: block; display: block;
margin: 0 auto; margin: 0 auto;

View File

@ -15,7 +15,7 @@
</head> </head>
<body> <body>
<header> <header>
<h1>The Music in Noise</h1> <h1 class="site-title" >The Music in Noise</h1>
<p><i>"If there were one million families praying the Rosary every day, the entire world would be saved."</i><br /> <p><i>"If there were one million families praying the Rosary every day, the entire world would be saved."</i><br />
&#10013; Pope Saint Pius X</p> &#10013; Pope Saint Pius X</p>
</header> </header>

View File

@ -1,2 +1,2 @@
<h2 id="page-title" >${title}</h2> <h2 class="page-title" >${title}</h2>
%{contentfile} %{contentfile}