aljaz/cryptoanarchywiki.github.io
1
0
Fork 0
mirror of https://github.com/aljazceru/cryptoanarchywiki.github.io.git synced 2025-12-17 21:24:20 +01:00
Code Issues Packages Projects Releases Wiki Activity

added responsive conditional

Browse Source
This commit is contained in:
agusmakmun
2016-06-11 05:15:47 +07:00
parent b5306e09e8
commit 79291a206f
2 changed files with 16 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
_layouts/default.html
View File

@@ -105,6 +105,7 @@
<body> <body>
<div class="container"> <div class="container">
<div class="col-sm-3"> <div class="col-sm-3">
<div class="fixed-condition">
<a href="/"><img id="about" src="/static/img/avatar.jpg" height="75px" width="75px" /></a> <a href="/"><img id="about" src="/static/img/avatar.jpg" height="75px" width="75px" /></a>
<h1 class="author-name">{{ site.author }}</h1> <h1 class="author-name">{{ site.author }}</h1>
{% if site.about %} {% if site.about %}
@@ -132,6 +133,7 @@
{% for i in site.urls %} {% for i in site.urls %}
&nbsp;&raquo; <a class="about" href="{{ i.url }}">{{ i.text }}</a><br /> &nbsp;&raquo; <a class="about" href="{{ i.url }}">{{ i.text }}</a><br />
{% endfor %} {% endfor %}
</div><!-- end /.fixed-condition -->
</div> </div>
<div class="col-sm-8 col-offset-1"> <div class="col-sm-8 col-offset-1">

26
static/css/main.css
View File

@@ -1,7 +1,5 @@
/** /**
* //////////////
* Master styling * Master styling
* //////////////
*/ */
body { body {
font-family: "Roboto Condensed", Arial, sans-serif; font-family: "Roboto Condensed", Arial, sans-serif;
@@ -18,18 +16,9 @@ hr {
border-top: 1px solid #F7F1F1; border-top: 1px solid #F7F1F1;
border-bottom: 1px solid #fff; border-bottom: 1px solid #fff;
} }
/*
@media (min-width: 768px) {
.container {
max-width: 780px;
}
}
*/
/** /**
* //////////////////////////
* Font and link declarations * Font and link declarations
* //////////////////////////
*/ */
span.time, span.categories { span.time, span.categories {
color: #ADADAD; color: #ADADAD;
@@ -145,9 +134,7 @@ div.right .post ul {
} }
/** /**
* ///////////////////////////////////
* Left column aka nav bar formatting * Left column aka nav bar formatting
* ///////////////////////////////////
*/ */
div.col-sm-3 { div.col-sm-3 {
margin-top: 100px; margin-top: 100px;
@@ -217,3 +204,16 @@ div.col-sm-3 img#about {
border-bottom: 1px solid #f0f0f0; border-bottom: 1px solid #f0f0f0;
} }
.post-content img, .content img {max-width: 100%} .post-content img, .content img {max-width: 100%}
/* Responsive Conditional */
@media (min-width: 1024px) {
.fixed-condition {
position: fixed;
max-width: 255px;
}
}
@media (max-width: 768px) {
div.col-sm-3 {
margin-top: 30px;
}
}