mirror of
https://github.com/gmemstr/pogo.git
synced 2024-09-20 01:31:09 +01:00
121 lines
2 KiB
CSS
121 lines
2 KiB
CSS
/*
|
|
* Basic CSS styling for frontend and admin interface.
|
|
* Overridden by styles in custom.css for the podcast list.
|
|
*/
|
|
|
|
@import url('https://fonts.googleapis.com/css?family=Muli');
|
|
|
|
body {
|
|
font-family: 'Muli', sans-serif;
|
|
margin:0; padding:0;
|
|
}
|
|
h1,h2,h3,h4,h5 {
|
|
font-weight: 400;
|
|
}
|
|
.podcastlist {
|
|
padding-bottom: 10%;
|
|
}
|
|
.container {
|
|
margin: 0 auto;
|
|
padding: 0 2.0rem;
|
|
position: relative;
|
|
width: 60vw;
|
|
height: 100%;
|
|
}
|
|
button, .button {
|
|
margin-bottom: 10px;
|
|
background-color: #397AD6;
|
|
border: none;
|
|
color: white;
|
|
padding: 5px 32px;
|
|
text-align: center;
|
|
text-decoration: none;
|
|
display: inline-block;
|
|
font-size: 16px;
|
|
-webkit-transition:.52s;
|
|
-moz-transition: .5s;
|
|
-o-transition: .5s;
|
|
-ms-transition: .5s;
|
|
transition:.5s;
|
|
}
|
|
button:hover, .button:hover {
|
|
background-color: #50B7D5;
|
|
}
|
|
footer {
|
|
position: absolute;
|
|
right: 0;
|
|
bottom: 0;
|
|
left: 0;
|
|
padding: .25rem;
|
|
color: #f9f9f9;
|
|
background-color: #397AD6;
|
|
text-align: center;
|
|
}
|
|
table {
|
|
text-align: left;
|
|
width: 100%;
|
|
}
|
|
nav a {
|
|
margin-bottom: 10px;
|
|
background-color: #397AD6;
|
|
border: none;
|
|
color: white;
|
|
padding: 5px 32px;
|
|
text-align: center;
|
|
text-decoration: none;
|
|
display: inline-block;
|
|
font-size: 16px;
|
|
-webkit-transition:.52s;
|
|
-moz-transition: .5s;
|
|
-o-transition: .5s;
|
|
-ms-transition: .5s;
|
|
transition:.5s;
|
|
}
|
|
nav a:hover {
|
|
background-color: #50B7D5;
|
|
}
|
|
.podcast {
|
|
width:70%;
|
|
}
|
|
label {
|
|
display: block;
|
|
}
|
|
.admin {
|
|
text-align: center;
|
|
}
|
|
hr {
|
|
max-width: 40%;
|
|
}
|
|
|
|
.notifications {
|
|
margin:0; padding:10px;
|
|
font-size: 130%;
|
|
height: 1.5vw;
|
|
text-align: center;
|
|
|
|
}
|
|
.css {
|
|
font-family: Monospace;
|
|
}
|
|
|
|
input[type=text], input[type=date], input[type=file], input[type=password],textarea, select {
|
|
padding:10px;
|
|
border-radius: 4px;
|
|
box-sizing: border-box;
|
|
border: 1px solid #397AD6;
|
|
}
|
|
.publish [type=text],
|
|
.publish input[type=date],
|
|
.publish input[type=file],
|
|
.publish input[type=password],
|
|
.publish textarea {
|
|
width: 100%;
|
|
}
|
|
.publish textarea {
|
|
height: 30vh;
|
|
}
|
|
|
|
.epdesc {
|
|
font-family: 'Muli', sans-serif;
|
|
}
|