Teascade.net/css/main.css

142 lines
3.6 KiB
CSS
Raw Normal View History

2016-11-02 16:02:38 +01:00
body, html {
background-color: #1f1f1f;
font-family: helvetica, sans-serif;
width: 100%;
height: 100%;
margin: 0;
padding: 0; }
@media (max-width: 800px) {
.cont {
display: block !important;
width: 100%; }
.cont .teacup {
height: auto !important; }
.cont .teacup img {
margin-right: 20%;
width: 40% !important;
height: auto !important;
padding-top: 1em;
padding-bottom: 1em; }
.cont .stuffarea {
margin-left: 10%;
padding-right: 0 !important;
width: 80% !important;
height: auto !important; }
2016-11-02 16:02:38 +01:00
.cont .stuffarea ul.navbar {
padding: 0 !important;
padding-left: 0.5em !important; } }
.cont {
display: inline-flex;
flex-direction: row;
width: 100%;
height: 100%; }
.cont .teacup {
flex: auto;
height: 100%;
text-align: center;
display: flex;
justify-content: center;
align-items: center;
background-color: #1b1b1b; }
.cont .teacup img {
width: 75%;
max-height: 100%;
height: auto; }
.cont .stuffarea {
width: 45%;
height: 100%;
padding-left: 5%;
2016-11-03 01:37:01 +01:00
padding-right: 5%;
margin-bottom: 10%;
overflow-y: auto; }
2016-11-02 16:02:38 +01:00
.cont .stuffarea .hiddenarea {
visibility: hidden;
height: 0;
width: 0;
overflow: hidden;
margin: 0;
padding: 0; }
.cont .stuffarea div {
margin: 0;
2016-11-03 01:37:01 +01:00
padding: 0;
padding-bottom: 15%; }
2016-11-02 16:02:38 +01:00
.cont .stuffarea h1 {
margin: 0;
color: #ff0091; }
2016-11-03 00:24:27 +01:00
.cont .stuffarea h2 {
2016-11-04 11:16:01 +01:00
margin: 0;
color: #ff0091; }
.cont .stuffarea h3 {
margin: 0;
color: #ff0091; }
.cont .stuffarea h4 {
margin: 0;
color: #ff0091; }
.cont .stuffarea h5 {
margin: 0;
color: #ff0091; }
.cont .stuffarea h6 {
margin: 0;
color: #ff0091; }
.cont .stuffarea h2.blogtitle {
2016-11-03 00:24:27 +01:00
padding: 0.5em;
color: #ff0091;
2016-11-03 01:37:01 +01:00
transition: 0.2s;
margin: 0; }
.cont .stuffarea h2.blogtitle:hover {
cursor: pointer;
background-color: #191919;
transition: 0.2s; }
2016-11-03 01:37:01 +01:00
.cont .stuffarea a {
color: #ff0091; }
.cont .stuffarea .timestamp {
color: #636363;
vertical-align: middle;
font-size: 15px; }
2016-11-02 16:02:38 +01:00
.cont .stuffarea p {
color: #fff; }
2016-11-03 01:37:01 +01:00
.cont .stuffarea li {
color: #fff; }
2016-11-02 16:02:38 +01:00
.cont .stuffarea ul.navbar {
padding-left: 1em;
list-style: none;
white-space: nowrap;
padding-bottom: 1em; }
.cont .stuffarea ul.navbar a:focus {
outline: none;
font-style: none;
border: none; }
.cont .stuffarea ul.navbar li {
display: inline-block;
padding: 0.5em;
background-color: #1f1f1f;
margin: -3px;
transition: 0.2s;
color: #dddddd;
border-right: 2px solid #303030;
transform: skewX(-20deg); }
.cont .stuffarea ul.navbar li .button {
transform: skewX(20deg); }
.cont .stuffarea ul.navbar li:first-of-type {
border-left: 2px solid #303030; }
.cont .stuffarea ul.navbar li:hover {
background-color: #303030;
transition: 0.2s;
cursor: pointer; }
.cont .stuffarea ul.navbar li.active {
background-color: #252525; }
.cont .stuffarea ul.navbar li.active:hover {
background-color: #363636; }
.cont .stuffarea iframe.itch-embedded {
width: 100%; }
2016-11-04 15:29:32 +01:00
.cont .stuffarea .js-link {
text-decoration: underline; }
.cont .stuffarea .js-link:hover {
cursor: pointer; }
2016-11-02 16:02:38 +01:00
2016-11-03 10:54:57 +01:00
noscript {
2016-11-04 11:16:01 +01:00
color: #fff; }
2016-11-03 10:54:57 +01:00
2016-11-02 16:02:38 +01:00
/*# sourceMappingURL=main.css.map */