1
0
Fork 0
IdreXyz/idre/static/css/base.css

108 lines
2 KiB
CSS
Raw Normal View History

2017-08-17 15:21:14 +02:00
/* General */
2015-03-14 22:38:12 +01:00
body {
background: url("/static/img/bg.png") no-repeat center center fixed;
2015-03-14 22:38:12 +01:00
background-color: white;
background-size: cover;
color: #393939;
font-family: "Lato", sans-serif;
2015-03-14 22:38:12 +01:00
}
#global {
max-width: 1000px;
margin: auto;
margin-top: 20px;
margin-bottom: 20px;
padding: 10px 10px 10px 10px;
}
2017-08-17 15:21:14 +02:00
/* Header */
2015-03-14 22:38:12 +01:00
header {
margin: 0px;
margin-bottom: 6px;
}
header img {
max-width: 100%;
border-radius: 5px;
}
2017-08-17 15:21:14 +02:00
/* Nav bar */
2015-03-14 22:38:12 +01:00
nav {
2017-08-17 17:11:03 +02:00
margin: 0;
margin-bottom: 2em;
2015-03-14 22:38:12 +01:00
text-align: center;
}
2017-08-17 17:11:03 +02:00
nav .link {
padding: 0.3em 1em;
margin: 0 0.3em;
color: inherit;
2015-03-14 22:38:12 +01:00
text-decoration: none;
2017-08-17 17:11:03 +02:00
text-transform: uppercase;
2017-08-17 17:40:52 +02:00
transition: 0.3s;
2015-03-14 22:38:12 +01:00
}
2017-08-17 17:11:03 +02:00
nav .link:nth-child(1):hover { background-color: #ff6188; }
nav .link:nth-child(2):hover { background-color: #a9dc76; }
nav .link:nth-child(3):hover { background-color: #fc9867; }
nav .link:nth-child(4):hover { background-color: #ab9df2; }
nav .link:nth-child(5):hover { background-color: #78dce8; }
2015-03-14 22:38:12 +01:00
2017-08-17 15:21:14 +02:00
/* Content */
2015-03-14 22:38:12 +01:00
#content {
margin: 10px;
}
#content a,
#content a:visited,
#content a:active {
color: #929292;
text-decoration: none;
transition: .5s;
}
#content a:hover {
color: #c9c9c9;
}
#content h1,
#content h2,
#content h3,
#content h4 {
font-weight: bold;
}
#content img {
max-width: 800px;
margin: auto;
}
2017-08-17 17:24:02 +02:00
/* Extras */
2017-08-17 15:21:14 +02:00
2015-03-14 22:38:12 +01:00
.grayscale {
/* Firefox 10+ (& Android) */
filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale");
/* IE 6-9 */
filter: gray;
/* Chrome 19+, Safari 6+ (& iOS), Opera 15+ */
-webkit-filter: grayscale(100%);
2017-08-17 15:21:14 +02:00
}
2017-08-17 19:25:59 +02:00
.grey-line {
border-color: #929292 -moz-use-text-color -moz-use-text-color;
border-right: 0px none;
border-style: solid none none;
border-width: 1px 0px 0px;
margin-bottom: 20px;
margin-top: 20px;
}