+++ /dev/null
-@media only screen and (max-device-width: 480px) {
- div#aside {
- display: none;
- position: relative;
- height: auto; }
-
- div#mobilemenu {
- display: block;
- clear: both;
- overflow: auto;
- vertical-align: center;
- background: #eee;
- border-bottom: 3px solid #333333;
- margin-bottom: 1em; }
- div#mobilemenu a {
- background: #fff;
- font-size: 1.2em;
- width: 25%;
- padding: 10px;
- margin: 5px;
- float: left;
- -moz-border-radius: 10px;
- border-radius: 10px;
- text-align: center; }
-
- div#page {
- display: block;
- float: none;
- clear: both;
- padding: 1em; }
- div#page p {
- width: auto; }
-
- div#frame {
- width: auto; }
-
- div#logo {
- display: none; }
-
- ul.archive li {
- margin-bottom: 0.5em; }
- ul.archive li a {
- padding: 10px; }
-
- p.back a {
- padding: 5px; } }
html, body {
- font-family: "droid serif", Georgia, Gentium, Palatino, Goudy, "Book Antiqua", "Palatino Linotype", "Linux Libertine", "Times New Roman", serif;
- font-size: 100%;
+ font-family: "droid serif", Georgia, Gentium, Goudy, "Book Antiqua", "Linux Libertine", "Times New Roman", serif;
+ font-size: 16px;
line-height: 1.3em;
color: #333;
background: #eeede5; }
body {
+ font-size: 1.2em;
margin: 0 auto; }
body .elephly {
background: #bdc0ac; }
+@media screen and (max-width: 600px) {
+ #gnulinux-inside {
+ display: none; }}
+
#page ul {
list-style: square outside;
margin-top: 1em;
border-radius: 1em;
width: 100%;
margin-bottom: 0.5em; }
+ @media screen and (max-width: 600px) {
+ img#logo {
+ width: auto; }}
div#navigation {
- position: fixed;
- top: 0;
- padding: 0.5em;
- height: 100%;
- width: 8em;
background: #fff;
border-left: 1px solid #cccccc;
border-right: 1px solid #cccccc;
font-family: "Droid Sans", Arial, sans-serif; }
+ @media screen and (min-width: 600px) {
+ div#navigation {
+ position: fixed;
+ top: 0;
+ padding: 0.5em;
+ height: 100%;
+ width: 8em; }}
+ @media screen and (max-width: 600px) {
+ div#navigation {
+ position: relative;
+ clear: both;
+ text-align: center; }}
div#navigation ul ul {
margin-left: 1em;
margin-bottom: 0.4em; }
background: #666; }
div.figure {
- float: right;
text-align: center;
background: #fff;
+ box-sizing: border-box;
box-shadow: 0 0 0.4em 0 #888;
- padding: 1em;
- margin: 0.5em -4em 0.5em 1em; }
+ margin: 1em;
+ padding: 1em; }
+ @media screen and (min-width: 600px) {
+ div.figure {
+ float: right; }}
+ @media screen and (max-width: 600px) {
+ div.figure {
+ float: none;
+ clear: both; }}
div#page div.figure p.caption {
width: auto;
text-align: center;
margin-bottom: .2em;
line-height: 1.5em;
display: block;
- font-size: 1.9em;
+ font-size: 1.6em;
font-weight: 300;
font-family: Georgia; }
font-weight: bold; }
div#page {
- width: 590px;
overflow: visible;
padding-left: 2em;
- margin-bottom: 100px;
- margin-left: 9em; }
+ margin-right: 1em;
+ margin-bottom: 100px; }
+ @media only screen and (min-width: 600px) {
+ div#page {
+ margin-left: 9em; }}
div#page ul {
- width: 36em; }
+ max-width: 36em; }
div#page p {
margin-bottom: 0;
text-align: justify;
- width: 36em;
+ max-width: 36em;
font-size: 1em; }
div#page p img, div#page p video {
display: inline;
border-radius: 15px; }
div#page p.back {
margin-top: 1.5em;
- width: 20%; }
+ width: 50%; }
div#page blockquote {
margin-left: 3em;
margin-top: 1em;
list-style: none outside none;
margin: 0;
float: left;
- width: 32%; }
+ width: 50%; }
span.code, code {
font-family: "Envy Code R", "Inconsolata", "Consolas", "Courier New", monospace;
margin-top: 0.5em; }
div#disqus_thread h3 {
clear: none; }
-
-#mobilemenu {
- display: none; }
-<?xml version="1.0" encoding="UTF-8"?>
-<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML+RDFa 1.0//EN"
-"http://www.w3.org/MarkUp/DTD/xhtml-rdfa-1.dtd">
-<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
- <head profile="http://www.w3.org/2005/10/profile">
+<!DOCTYPE html>
+<html>
+ <head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
- <meta name='viewport' content='width=320' />
+ <meta http-equiv="Content-Language" content="en" />
+ <meta name="viewport" content="width=device-width" />
<title>rekado - $title$</title>
<link rel="openid2.provider" href="https://openid.stackexchange.com/openid/provider" />
<link rel="openid2.local_id" href="https://openid.stackexchange.com/user/0f8f09d4-a2f3-429f-8752-b53a328c255c" />
- <link rel="stylesheet" type="text/css" href="/css/reset.css" />
- <link rel="stylesheet" type="text/css" href="/css/screen.css" />
- <link rel="stylesheet" type="text/css" href="/css/mobile.css" />
+ <link rel="stylesheet" media="screen" type="text/css" href="/css/reset.css" />
+ <link rel="stylesheet" media="screen" type="text/css" href="/css/screen.css" />
<link rel="shortcut icon" href="http://elephly.net/favicon.ico" />
<script type="text/javascript" src="/js/libs/jquery-1.6.2.min.js"></script>
<script type="text/javascript" src="/js/deobfuscate.js"></script>