Merge pull request #105 from juszczakn/master
#104 - mobile CSS updates for hyde
This commit is contained in:
commit
444698f987
2 changed files with 52 additions and 0 deletions
|
@ -6,6 +6,7 @@
|
||||||
<head>
|
<head>
|
||||||
<title>{$config.title}</title>
|
<title>{$config.title}</title>
|
||||||
<meta http-equiv="content-type" content="text/html; charset={$config.charset}" />
|
<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=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="//fonts.googleapis.com/css?family=Inconsolata" rel="stylesheet" type="text/css" />
|
||||||
<link href= "{$config.domain}/css/style.css" rel="stylesheet" type="text/css" />
|
<link href= "{$config.domain}/css/style.css" rel="stylesheet" type="text/css" />
|
||||||
|
|
|
@ -47,3 +47,54 @@ span.paren5 { background-color : inherit; -webkit-transition: background-color 0
|
||||||
span.paren5:hover { color : inherit; background-color : #CAFFCA; }
|
span.paren5:hover { color : inherit; background-color : #CAFFCA; }
|
||||||
span.paren6 { background-color : inherit; -webkit-transition: background-color 0.2s linear; }
|
span.paren6 { background-color : inherit; -webkit-transition: background-color 0.2s linear; }
|
||||||
span.paren6:hover { color : inherit; background-color : #FFBAFF; }
|
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;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
Loading…
Add table
Reference in a new issue