Merge pull request #105 from juszczakn/master

#104 - mobile CSS updates for hyde
This commit is contained in:
Javier Olaechea 2016-08-18 11:50:47 -05:00 committed by GitHub
commit 444698f987
2 changed files with 52 additions and 0 deletions

View file

@ -6,6 +6,7 @@
<head>
<title>{$config.title}</title>
<meta http-equiv="content-type" content="text/html; charset={$config.charset}" />
<meta name="viewport" content="width=device-width, initial-scale=1">
<link href="//fonts.googleapis.com/css?family=Vollkorn:regular,italic,bold,bolditalic" rel="stylesheet" type="text/css" />
<link href="//fonts.googleapis.com/css?family=Inconsolata" rel="stylesheet" type="text/css" />
<link href= "{$config.domain}/css/style.css" rel="stylesheet" type="text/css" />

View file

@ -47,3 +47,54 @@ span.paren5 { background-color : inherit; -webkit-transition: background-color 0
span.paren5:hover { color : inherit; background-color : #CAFFCA; }
span.paren6 { background-color : inherit; -webkit-transition: background-color 0.2s linear; }
span.paren6:hover { color : inherit; background-color : #FFBAFF; }
@media (max-width: 680px) {
#content {
padding-top: 0em
}
.title {
margin-left: 0.1em;
}
.article-meta {
margin-bottom: 1em;
}
.article-meta, .article-content {
float: left;
margin-left: 0em;
margin-right: 0em;
width: 90%;
padding-left: 5%;
}
.article, .article-content {
margin-left: 0em;
text-align: justify;
}
img {
display: block;
margin-left: auto;
margin-right: auto;
width: 100%;
}
#coleslaw-logo {
float: none;
}
#coleslaw-logo img {
margin-left: auto;
margin-right: auto;
float: none;
width: auto;
}
.fineprint a img {
width: auto;
clear: both;
}
}