themusicinnoise-site/static/style.css

200 lines
3.3 KiB
CSS
Raw Normal View History

2020-11-12 09:08:48 +00:00
/*
* This is free and unencumbered software released into the public domain.
*
* Anyone is free to copy, modify, publish, use, compile, sell, or
* distribute this software, either in source code form or as a compiled
* binary, for any purpose, commercial or non-commercial, and by any
* means.
*
* In jurisdictions that recognize copyright laws, the author or authors
* of this software dedicate any and all copyright interest in the
* software to the public domain. We make this dedication for the benefit
* of the public at large and to the detriment of our heirs and
* successors. We intend this dedication to be an overt act of
* relinquishment in perpetuity of all present and future rights to this
* software under copyright law.
*
* THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
* EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
* MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT.
* IN NO EVENT SHALL THE AUTHORS BE LIABLE FOR ANY CLAIM, DAMAGES OR
* OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE,
* ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR
* OTHER DEALINGS IN THE SOFTWARE.
*
* For more information, please refer to <http://unlicense.org/>
*/
2021-11-16 19:27:33 +00:00
/* GENERAL */
2021-09-06 14:45:28 +00:00
body {
2020-11-12 09:08:48 +00:00
background-color: #fdf6e3;
color: #45575C;
}
2021-11-16 19:27:33 +00:00
header {
margin: 30px;
2020-11-12 09:08:48 +00:00
}
2021-11-16 19:27:33 +00:00
header h1 {
2021-10-05 17:54:00 +00:00
font-family: sans-serif;
2021-11-16 19:27:33 +00:00
font-size: 50px;
2020-11-12 09:08:48 +00:00
text-align: center;
}
2021-11-16 19:27:33 +00:00
nav {
2021-11-17 16:43:35 +00:00
background-color: #eee8d5;
2021-11-16 19:27:33 +00:00
width: 100%;
2021-11-17 16:43:35 +00:00
padding-top: 7px;
2021-11-16 19:27:33 +00:00
text-align: center;
2021-11-17 16:43:35 +00:00
border-top: 1px solid;
border-bottom: 1px solid;
2020-11-12 09:08:48 +00:00
}
2021-11-16 19:27:33 +00:00
nav > a {
2021-10-05 17:54:00 +00:00
text-decoration: none;
2021-11-16 19:27:33 +00:00
font-size: 24px;
font-family: sans-serif;
2021-11-17 16:43:35 +00:00
padding: 10px 10px;
2021-10-05 17:54:00 +00:00
}
2021-11-16 19:27:33 +00:00
nav > a:hover {
2021-11-17 16:43:35 +00:00
text-decoration: underline;
2021-10-05 17:54:00 +00:00
}
2021-11-16 19:27:33 +00:00
a {
color: #268bd2;
2021-10-05 17:54:00 +00:00
}
2021-11-16 19:27:33 +00:00
a:visited {
color: #d33682;
2021-10-05 17:54:00 +00:00
}
2021-11-16 19:27:33 +00:00
main {
width: 700px;
2021-11-16 19:27:33 +00:00
margin: 5px auto;
2021-10-05 17:54:00 +00:00
text-align: justify;
2021-11-16 19:27:33 +00:00
padding: 5px;
2021-10-05 17:54:00 +00:00
}
2021-11-16 19:27:33 +00:00
main h1 {
2021-10-05 17:54:00 +00:00
text-align: center;
}
footer {
text-align: center;
2021-11-16 19:27:33 +00:00
width: 35%;
margin: 7px auto;
border-top: 1px solid;
2021-04-19 11:29:37 +00:00
}
ol.refs {
padding-left: 5px;
}
ol.refs li {
list-style-type: none;
counter-increment: step_counter;
}
ol.refs > li:before {
content: "[" counter(step_counter) "] ";
}
2021-09-12 15:08:43 +00:00
ol.notes {
padding-left: 5px;
}
ol.notes li {
list-style-type: none;
counter-increment: note_counter;
}
ol.notes > li:before {
content: "(" counter(note_counter) ") ";
}
ol.roman-numerals {
list-style-type: upper-roman;
}
2021-05-15 13:49:36 +00:00
sup {
font-size: 12px;
line-height: 80%;
}
2021-10-05 18:01:39 +00:00
figure {
2021-11-16 19:27:33 +00:00
/*margin: 0 auto 0 auto;*/
/*text-align: center;*/
/*width: 65%;*/
2021-10-05 18:01:39 +00:00
}
figcaption {
font-size: 14px;
2021-07-07 14:52:57 +00:00
}
2021-10-22 08:50:17 +00:00
img.album-cover {
width: 40%;
/*float: right;*/
2020-11-12 09:08:48 +00:00
display: block;
margin: 0 auto;
2021-10-22 08:50:17 +00:00
border-radius: 15%;
2020-11-12 09:08:48 +00:00
}
2021-11-17 16:51:57 +00:00
.track-list th {
text-align: center;
padding: 1px 10px;
}
2020-11-12 09:08:48 +00:00
.track-list td {
padding: 1px 10px;
}
2021-11-16 19:27:33 +00:00
/* SPECIFIC */
img#profile {
width: 200px;
2021-11-16 19:27:33 +00:00
float: right;
border-radius: 15%;
margin: 10px;
}
/* SMALL SCREENS */
@media (max-width: 1200px) {
/* GENERIC */
body {
font-size: 22px;
2021-10-05 17:54:00 +00:00
}
2021-11-16 19:27:33 +00:00
header > h1 {
font-size: 75px;
2021-10-05 17:54:00 +00:00
}
2021-11-16 19:27:33 +00:00
nav > a {
2021-10-05 17:54:00 +00:00
font-size: 32px;
}
main {
2021-11-16 19:27:33 +00:00
width: 90%;
}
main h1 {
font-size: 38px;
}
main h2 {
font-size: 34px;
}
main h3 {
font-size: 30px;
}
main h4 {
font-size: 26px;
2021-10-05 17:54:00 +00:00
}
footer {
width: 75%;
}
2021-11-16 19:27:33 +00:00
/* SPECIFIC */
img#profile {
float: none;
display: block;
margin-left: auto;
margin-right: auto;
width: 300px;
2021-10-22 08:50:17 +00:00
}
}