Set article compatible with CSS
This commit is contained in:
parent
f96659e597
commit
e2bc5066c0
13 changed files with 229 additions and 206 deletions
|
@ -24,21 +24,12 @@
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1">
|
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1">
|
||||||
|
|
||||||
<!-- Place favicon.ico & apple-touch-icon.png in the root of your domain and delete these references -->
|
<!-- Place favicon.ico & apple-touch-icon.png in the root of your domain and delete these references -->
|
||||||
<link rel="shortcut icon" href="<%=@config[:webprefix]%>/img/favicon.ico" />
|
<link rel="shortcut icon" href="/img/favicon.ico" />
|
||||||
<link rel="apple-touch-icon" href="/apple-touch-icon.png">
|
<link rel="apple-touch-icon" href="/apple-touch-icon.png">
|
||||||
|
|
||||||
|
|
||||||
<!-- CSS: blueprint framework -->
|
|
||||||
<link href="/css/screen.css" media="screen, projection" rel="stylesheet" type="text/css" />
|
|
||||||
<link href="/css/print.css" media="print" rel="stylesheet" type="text/css" />
|
|
||||||
<!--[if lt IE 8]>
|
|
||||||
<link href="/css/ie.css" media="screen, projection" rel="stylesheet" type="text/css" />
|
|
||||||
<![endif]-->
|
|
||||||
|
|
||||||
<!-- CSS: implied media="all" -->
|
|
||||||
<!-- Google Fonts -->
|
<!-- Google Fonts -->
|
||||||
<link href='http://fonts.googleapis.com/css?family=Expletus+Sans:bold' rel='stylesheet' type='text/css'>
|
<link href='http://fonts.googleapis.com/css?family=Molengo:regular,bold' rel='stylesheet' type='text/css'>
|
||||||
<link href='http://fonts.googleapis.com/css?family=Kreon:regular,bold' rel='stylesheet' type='text/css'>
|
|
||||||
<link rel="stylesheet" href="/css/main.css">
|
<link rel="stylesheet" href="/css/main.css">
|
||||||
|
|
||||||
<!-- All JavaScript at the bottom, except for Modernizr which enables HTML5 elements & feature detects -->
|
<!-- All JavaScript at the bottom, except for Modernizr which enables HTML5 elements & feature detects -->
|
||||||
|
@ -49,28 +40,23 @@
|
||||||
</head>
|
</head>
|
||||||
|
|
||||||
<body lang="<%= language %>" class="<%=bodyclass%>">
|
<body lang="<%= language %>" class="<%=bodyclass%>">
|
||||||
|
<div id="container">
|
||||||
<header>
|
<header>
|
||||||
<div id="choixrss"><%= choixrss %></div>
|
<div id="prelinks">
|
||||||
<div id="choixlang"><%= choixlang %></div>
|
<div id="choixlang"><%= choixlang %></div>
|
||||||
|
<div id="choixrss"><%= choixrss %></div>
|
||||||
|
</div>
|
||||||
|
<hgroup id="maintitle">
|
||||||
|
<%= page_title %>
|
||||||
|
</hgroup>
|
||||||
<nav id="mainnav">
|
<nav id="mainnav">
|
||||||
<ul>
|
<ul>
|
||||||
<%= generateMenu %>
|
<%= generateMenu %>
|
||||||
</ul>
|
</ul>
|
||||||
</nav>
|
</nav>
|
||||||
</header>
|
</header>
|
||||||
<div id="metacontainer">
|
|
||||||
<div id="container">
|
|
||||||
|
|
||||||
<div id="main" role="main">
|
<div id="main" role="main">
|
||||||
<hgroup>
|
|
||||||
<h1><%= @item[:content_for_title].nil? ? @item[:title] : @item[:content_for_title] %></h1>
|
|
||||||
<% unless @item[:subtitle].nil? and @item[:content_for_subtitle].nil? %>
|
|
||||||
<h2>
|
|
||||||
<%= @item[:content_for_subtitle].nil? ? @item[:subtitle] : @item[:content_for_subtitle] %>
|
|
||||||
</h2>
|
|
||||||
<% end %>
|
|
||||||
</hgroup>
|
|
||||||
|
|
||||||
<article>
|
<article>
|
||||||
<div class="content">
|
<div class="content">
|
||||||
<%= yield %>
|
<%= yield %>
|
||||||
|
@ -115,8 +101,6 @@
|
||||||
<div class="flush"></div>
|
<div class="flush"></div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</div> <!--! end of #container -->
|
|
||||||
</div> <!--! end of #metacontainer -->
|
|
||||||
<footer>
|
<footer>
|
||||||
<div id="webpageinfo">
|
<div id="webpageinfo">
|
||||||
<%=tradOf(:copyright) %>
|
<%=tradOf(:copyright) %>
|
||||||
|
@ -128,6 +112,7 @@
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</footer>
|
</footer>
|
||||||
|
</div> <!--! end of #container -->
|
||||||
|
|
||||||
|
|
||||||
<!-- JavaScript at the bottom for fast page loading -->
|
<!-- JavaScript at the bottom for fast page loading -->
|
||||||
|
|
|
@ -24,7 +24,7 @@
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1">
|
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1">
|
||||||
|
|
||||||
<!-- Place favicon.ico & apple-touch-icon.png in the root of your domain and delete these references -->
|
<!-- Place favicon.ico & apple-touch-icon.png in the root of your domain and delete these references -->
|
||||||
<link rel="shortcut icon" href="<%=@config[:webprefix]%>/img/favicon.ico" />
|
<link rel="shortcut icon" href="/img/favicon.ico" />
|
||||||
<link rel="apple-touch-icon" href="/apple-touch-icon.png">
|
<link rel="apple-touch-icon" href="/apple-touch-icon.png">
|
||||||
|
|
||||||
|
|
||||||
|
|
|
@ -24,21 +24,12 @@
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1">
|
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1">
|
||||||
|
|
||||||
<!-- Place favicon.ico & apple-touch-icon.png in the root of your domain and delete these references -->
|
<!-- Place favicon.ico & apple-touch-icon.png in the root of your domain and delete these references -->
|
||||||
<link rel="shortcut icon" href="/Scratch/img/favicon.ico" />
|
<link rel="shortcut icon" href="/img/favicon.ico" />
|
||||||
<link rel="apple-touch-icon" href="/apple-touch-icon.png">
|
<link rel="apple-touch-icon" href="/apple-touch-icon.png">
|
||||||
|
|
||||||
|
|
||||||
<!-- CSS: blueprint framework -->
|
|
||||||
<link href="/css/screen.css" media="screen, projection" rel="stylesheet" type="text/css" />
|
|
||||||
<link href="/css/print.css" media="print" rel="stylesheet" type="text/css" />
|
|
||||||
<!--[if lt IE 8]>
|
|
||||||
<link href="/css/ie.css" media="screen, projection" rel="stylesheet" type="text/css" />
|
|
||||||
<![endif]-->
|
|
||||||
|
|
||||||
<!-- CSS: implied media="all" -->
|
|
||||||
<!-- Google Fonts -->
|
<!-- Google Fonts -->
|
||||||
<link href='http://fonts.googleapis.com/css?family=Expletus+Sans:bold' rel='stylesheet' type='text/css'>
|
<link href='http://fonts.googleapis.com/css?family=Molengo:regular,bold' rel='stylesheet' type='text/css'>
|
||||||
<link href='http://fonts.googleapis.com/css?family=Kreon:regular,bold' rel='stylesheet' type='text/css'>
|
|
||||||
<link rel="stylesheet" href="/css/main.css">
|
<link rel="stylesheet" href="/css/main.css">
|
||||||
|
|
||||||
<!-- All JavaScript at the bottom, except for Modernizr which enables HTML5 elements & feature detects -->
|
<!-- All JavaScript at the bottom, except for Modernizr which enables HTML5 elements & feature detects -->
|
||||||
|
@ -49,24 +40,23 @@
|
||||||
</head>
|
</head>
|
||||||
|
|
||||||
<body lang="en" class="std">
|
<body lang="en" class="std">
|
||||||
|
<div id="container">
|
||||||
<header>
|
<header>
|
||||||
<div id="choixrss"><a id="rss" href="http://feeds.feedburner.com/ypasswordespozitocomen">Subscribe</a></div>
|
<div id="prelinks">
|
||||||
<div id="choixlang"><a href="/Scratch/fr/blog/2011-05-05-Screenshots/" onclick="setLanguage('fr')">en Français</a></div>
|
<div id="choixlang"><a href="/Scratch/fr/blog/2011-05-05-Screenshots/" onclick="setLanguage('fr')">en Français</a></div>
|
||||||
|
<div id="choixrss"><a id="rss" href="http://feeds.feedburner.com/ypasswordespozitocomen">Subscribe</a></div>
|
||||||
|
</div>
|
||||||
|
<hgroup id="maintitle">
|
||||||
|
<h1>YPassword</h1><h2>Screenshots<h2>
|
||||||
|
</hgroup>
|
||||||
<nav id="mainnav">
|
<nav id="mainnav">
|
||||||
<ul>
|
<ul>
|
||||||
<ul><li><a href="/Scratch/en/">YPassword</a></li><li><a href="/Scratch/en/blog/">Blog</a></li><li><a href="/Scratch/en/support/">Support</a></li></ul>
|
<ul><li><a href="/Scratch/en/">YPassword</a></li><li><a href="/Scratch/en/blog/">Blog</a></li><li><a href="/Scratch/en/support/">Support</a></li></ul>
|
||||||
</ul>
|
</ul>
|
||||||
</nav>
|
</nav>
|
||||||
</header>
|
</header>
|
||||||
<div id="metacontainer">
|
|
||||||
<div id="container">
|
|
||||||
|
|
||||||
<div id="main" role="main">
|
<div id="main" role="main">
|
||||||
<hgroup>
|
|
||||||
<h1>Screenshots</h1>
|
|
||||||
|
|
||||||
</hgroup>
|
|
||||||
|
|
||||||
<article>
|
<article>
|
||||||
<div class="content">
|
<div class="content">
|
||||||
|
|
||||||
|
@ -137,8 +127,6 @@ Now you can paste it anywhere.</p>
|
||||||
<div class="flush"></div>
|
<div class="flush"></div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</div> <!--! end of #container -->
|
|
||||||
</div> <!--! end of #metacontainer -->
|
|
||||||
<footer>
|
<footer>
|
||||||
<div id="webpageinfo">
|
<div id="webpageinfo">
|
||||||
<a rel="license" href="http://creativecommons.org/licenses/by-sa/3.0/">Copyright ©, Yann Esposito</a>
|
<a rel="license" href="http://creativecommons.org/licenses/by-sa/3.0/">Copyright ©, Yann Esposito</a>
|
||||||
|
@ -150,6 +138,7 @@ Now you can paste it anywhere.</p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</footer>
|
</footer>
|
||||||
|
</div> <!--! end of #container -->
|
||||||
|
|
||||||
|
|
||||||
<!-- JavaScript at the bottom for fast page loading -->
|
<!-- JavaScript at the bottom for fast page loading -->
|
||||||
|
|
|
@ -24,7 +24,7 @@
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1">
|
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1">
|
||||||
|
|
||||||
<!-- Place favicon.ico & apple-touch-icon.png in the root of your domain and delete these references -->
|
<!-- Place favicon.ico & apple-touch-icon.png in the root of your domain and delete these references -->
|
||||||
<link rel="shortcut icon" href="/Scratch/img/favicon.ico" />
|
<link rel="shortcut icon" href="/img/favicon.ico" />
|
||||||
<link rel="apple-touch-icon" href="/apple-touch-icon.png">
|
<link rel="apple-touch-icon" href="/apple-touch-icon.png">
|
||||||
|
|
||||||
|
|
||||||
|
|
|
@ -24,7 +24,7 @@
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1">
|
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1">
|
||||||
|
|
||||||
<!-- Place favicon.ico & apple-touch-icon.png in the root of your domain and delete these references -->
|
<!-- Place favicon.ico & apple-touch-icon.png in the root of your domain and delete these references -->
|
||||||
<link rel="shortcut icon" href="/Scratch/img/favicon.ico" />
|
<link rel="shortcut icon" href="/img/favicon.ico" />
|
||||||
<link rel="apple-touch-icon" href="/apple-touch-icon.png">
|
<link rel="apple-touch-icon" href="/apple-touch-icon.png">
|
||||||
|
|
||||||
|
|
||||||
|
|
|
@ -24,7 +24,7 @@
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1">
|
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1">
|
||||||
|
|
||||||
<!-- Place favicon.ico & apple-touch-icon.png in the root of your domain and delete these references -->
|
<!-- Place favicon.ico & apple-touch-icon.png in the root of your domain and delete these references -->
|
||||||
<link rel="shortcut icon" href="/Scratch/img/favicon.ico" />
|
<link rel="shortcut icon" href="/img/favicon.ico" />
|
||||||
<link rel="apple-touch-icon" href="/apple-touch-icon.png">
|
<link rel="apple-touch-icon" href="/apple-touch-icon.png">
|
||||||
|
|
||||||
|
|
||||||
|
|
|
@ -24,21 +24,12 @@
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1">
|
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1">
|
||||||
|
|
||||||
<!-- Place favicon.ico & apple-touch-icon.png in the root of your domain and delete these references -->
|
<!-- Place favicon.ico & apple-touch-icon.png in the root of your domain and delete these references -->
|
||||||
<link rel="shortcut icon" href="/Scratch/img/favicon.ico" />
|
<link rel="shortcut icon" href="/img/favicon.ico" />
|
||||||
<link rel="apple-touch-icon" href="/apple-touch-icon.png">
|
<link rel="apple-touch-icon" href="/apple-touch-icon.png">
|
||||||
|
|
||||||
|
|
||||||
<!-- CSS: blueprint framework -->
|
|
||||||
<link href="/css/screen.css" media="screen, projection" rel="stylesheet" type="text/css" />
|
|
||||||
<link href="/css/print.css" media="print" rel="stylesheet" type="text/css" />
|
|
||||||
<!--[if lt IE 8]>
|
|
||||||
<link href="/css/ie.css" media="screen, projection" rel="stylesheet" type="text/css" />
|
|
||||||
<![endif]-->
|
|
||||||
|
|
||||||
<!-- CSS: implied media="all" -->
|
|
||||||
<!-- Google Fonts -->
|
<!-- Google Fonts -->
|
||||||
<link href='http://fonts.googleapis.com/css?family=Expletus+Sans:bold' rel='stylesheet' type='text/css'>
|
<link href='http://fonts.googleapis.com/css?family=Molengo:regular,bold' rel='stylesheet' type='text/css'>
|
||||||
<link href='http://fonts.googleapis.com/css?family=Kreon:regular,bold' rel='stylesheet' type='text/css'>
|
|
||||||
<link rel="stylesheet" href="/css/main.css">
|
<link rel="stylesheet" href="/css/main.css">
|
||||||
|
|
||||||
<!-- All JavaScript at the bottom, except for Modernizr which enables HTML5 elements & feature detects -->
|
<!-- All JavaScript at the bottom, except for Modernizr which enables HTML5 elements & feature detects -->
|
||||||
|
@ -49,24 +40,23 @@
|
||||||
</head>
|
</head>
|
||||||
|
|
||||||
<body lang="fr" class="std">
|
<body lang="fr" class="std">
|
||||||
|
<div id="container">
|
||||||
<header>
|
<header>
|
||||||
<div id="choixrss"><a id="rss" href="http://feeds.feedburner.com/ypasswordespozitocomfr">s'abonner</a></div>
|
<div id="prelinks">
|
||||||
<div id="choixlang"><a href="/Scratch/en/blog/2011-05-05-Screenshots/" onclick="setLanguage('en')">in English</a></div>
|
<div id="choixlang"><a href="/Scratch/en/blog/2011-05-05-Screenshots/" onclick="setLanguage('en')">in English</a></div>
|
||||||
|
<div id="choixrss"><a id="rss" href="http://feeds.feedburner.com/ypasswordespozitocomfr">s'abonner</a></div>
|
||||||
|
</div>
|
||||||
|
<hgroup id="maintitle">
|
||||||
|
<h1>YPassword</h1><h2>Captures d'écran<h2>
|
||||||
|
</hgroup>
|
||||||
<nav id="mainnav">
|
<nav id="mainnav">
|
||||||
<ul>
|
<ul>
|
||||||
<ul><li><a href="/Scratch/fr/">YPassword</a></li><li><a href="/Scratch/fr/blog/">Blog</a></li><li><a href="/Scratch/fr/support/">Aide</a></li></ul>
|
<ul><li><a href="/Scratch/fr/">YPassword</a></li><li><a href="/Scratch/fr/blog/">Blog</a></li><li><a href="/Scratch/fr/support/">Aide</a></li></ul>
|
||||||
</ul>
|
</ul>
|
||||||
</nav>
|
</nav>
|
||||||
</header>
|
</header>
|
||||||
<div id="metacontainer">
|
|
||||||
<div id="container">
|
|
||||||
|
|
||||||
<div id="main" role="main">
|
<div id="main" role="main">
|
||||||
<hgroup>
|
|
||||||
<h1>Captures d'écran</h1>
|
|
||||||
|
|
||||||
</hgroup>
|
|
||||||
|
|
||||||
<article>
|
<article>
|
||||||
<div class="content">
|
<div class="content">
|
||||||
|
|
||||||
|
@ -136,8 +126,6 @@
|
||||||
<div class="flush"></div>
|
<div class="flush"></div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</div> <!--! end of #container -->
|
|
||||||
</div> <!--! end of #metacontainer -->
|
|
||||||
<footer>
|
<footer>
|
||||||
<div id="webpageinfo">
|
<div id="webpageinfo">
|
||||||
<a rel="license" href="http://creativecommons.org/licenses/by-sa/3.0/deed.fr">Droits de reproduction ©, Yann Esposito</a>
|
<a rel="license" href="http://creativecommons.org/licenses/by-sa/3.0/deed.fr">Droits de reproduction ©, Yann Esposito</a>
|
||||||
|
@ -149,6 +137,7 @@
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</footer>
|
</footer>
|
||||||
|
</div> <!--! end of #container -->
|
||||||
|
|
||||||
|
|
||||||
<!-- JavaScript at the bottom for fast page loading -->
|
<!-- JavaScript at the bottom for fast page loading -->
|
||||||
|
|
|
@ -24,7 +24,7 @@
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1">
|
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1">
|
||||||
|
|
||||||
<!-- Place favicon.ico & apple-touch-icon.png in the root of your domain and delete these references -->
|
<!-- Place favicon.ico & apple-touch-icon.png in the root of your domain and delete these references -->
|
||||||
<link rel="shortcut icon" href="/Scratch/img/favicon.ico" />
|
<link rel="shortcut icon" href="/img/favicon.ico" />
|
||||||
<link rel="apple-touch-icon" href="/apple-touch-icon.png">
|
<link rel="apple-touch-icon" href="/apple-touch-icon.png">
|
||||||
|
|
||||||
|
|
||||||
|
|
|
@ -24,7 +24,7 @@
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1">
|
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1">
|
||||||
|
|
||||||
<!-- Place favicon.ico & apple-touch-icon.png in the root of your domain and delete these references -->
|
<!-- Place favicon.ico & apple-touch-icon.png in the root of your domain and delete these references -->
|
||||||
<link rel="shortcut icon" href="/Scratch/img/favicon.ico" />
|
<link rel="shortcut icon" href="/img/favicon.ico" />
|
||||||
<link rel="apple-touch-icon" href="/apple-touch-icon.png">
|
<link rel="apple-touch-icon" href="/apple-touch-icon.png">
|
||||||
|
|
||||||
|
|
||||||
|
|
|
@ -24,7 +24,7 @@
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1">
|
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1">
|
||||||
|
|
||||||
<!-- Place favicon.ico & apple-touch-icon.png in the root of your domain and delete these references -->
|
<!-- Place favicon.ico & apple-touch-icon.png in the root of your domain and delete these references -->
|
||||||
<link rel="shortcut icon" href="/Scratch/img/favicon.ico" />
|
<link rel="shortcut icon" href="/img/favicon.ico" />
|
||||||
<link rel="apple-touch-icon" href="/apple-touch-icon.png">
|
<link rel="apple-touch-icon" href="/apple-touch-icon.png">
|
||||||
|
|
||||||
|
|
||||||
|
|
|
@ -406,21 +406,45 @@ body.std #main > article > *, .slideshow > * {
|
||||||
}
|
}
|
||||||
|
|
||||||
/* line 243, ../src/main.sass */
|
/* line 243, ../src/main.sass */
|
||||||
|
img.left {
|
||||||
|
float: left;
|
||||||
|
padding: 10px;
|
||||||
|
max-width: 10em;
|
||||||
|
background-color: #e3e5ed;
|
||||||
|
-moz-box-shadow: white 0 0 3px, rgba(0, 0, 0, 0.2) 0 0 3px inset;
|
||||||
|
-webkit-box-shadow: white 0 0 3px, rgba(0, 0, 0, 0.2) 0 0 3px inset;
|
||||||
|
-o-box-shadow: white 0 0 3px, rgba(0, 0, 0, 0.2) 0 0 3px inset;
|
||||||
|
box-shadow: white 0 0 3px, rgba(0, 0, 0, 0.2) 0 0 3px inset;
|
||||||
|
-moz-border-radius: 5px;
|
||||||
|
-webkit-border-radius: 5px;
|
||||||
|
-o-border-radius: 5px;
|
||||||
|
-ms-border-radius: 5px;
|
||||||
|
-khtml-border-radius: 5px;
|
||||||
|
border-radius: 5px;
|
||||||
|
margin: 0 1em;
|
||||||
|
background: rgba(239, 239, 244, 0.2);
|
||||||
|
}
|
||||||
|
/* line 122, ../src/main.sass */
|
||||||
|
img.left > * {
|
||||||
|
margin: 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* line 251, ../src/main.sass */
|
||||||
ul.article_metadata {
|
ul.article_metadata {
|
||||||
list-style-type: none;
|
list-style-type: none;
|
||||||
text-align: right;
|
text-align: right;
|
||||||
color: #b4b8c5;
|
color: #b4b8c5;
|
||||||
}
|
}
|
||||||
/* line 247, ../src/main.sass */
|
/* line 255, ../src/main.sass */
|
||||||
ul.article_metadata a {
|
ul.article_metadata a {
|
||||||
color: #9ca1ad;
|
color: #9ca1ad;
|
||||||
}
|
}
|
||||||
/* line 249, ../src/main.sass */
|
/* line 257, ../src/main.sass */
|
||||||
ul.article_metadata a:hover {
|
ul.article_metadata a:hover {
|
||||||
color: #315896;
|
color: #315896;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* line 252, ../src/main.sass */
|
/* line 260, ../src/main.sass */
|
||||||
#tagcloud {
|
#tagcloud {
|
||||||
background: #efeff4;
|
background: #efeff4;
|
||||||
padding: 2em;
|
padding: 2em;
|
||||||
|
@ -438,12 +462,12 @@ ul.article_metadata a:hover {
|
||||||
margin: 0 auto;
|
margin: 0 auto;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* line 260, ../src/main.sass */
|
/* line 268, ../src/main.sass */
|
||||||
#elementblock {
|
#elementblock {
|
||||||
width: 600px;
|
width: 600px;
|
||||||
margin: 0 auto 4em auto;
|
margin: 0 auto 4em auto;
|
||||||
}
|
}
|
||||||
/* line 263, ../src/main.sass */
|
/* line 271, ../src/main.sass */
|
||||||
#elementblock ul.menu {
|
#elementblock ul.menu {
|
||||||
background-color: #efeff4;
|
background-color: #efeff4;
|
||||||
-moz-box-shadow: white 0 0 3px, rgba(0, 0, 0, 0.2) 0 0 3px inset;
|
-moz-box-shadow: white 0 0 3px, rgba(0, 0, 0, 0.2) 0 0 3px inset;
|
||||||
|
@ -460,7 +484,7 @@ ul.article_metadata a:hover {
|
||||||
padding: 10px;
|
padding: 10px;
|
||||||
list-style-type: none;
|
list-style-type: none;
|
||||||
}
|
}
|
||||||
/* line 270, ../src/main.sass */
|
/* line 278, ../src/main.sass */
|
||||||
#elementblock ul.menu li {
|
#elementblock ul.menu li {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
|
@ -513,3 +537,20 @@ ul.article_metadata a:hover {
|
||||||
-o-box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px inset, rgba(255, 255, 255, 0.3) 0 1px 3px inset;
|
-o-box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px inset, rgba(255, 255, 255, 0.3) 0 1px 3px inset;
|
||||||
box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px inset, rgba(255, 255, 255, 0.3) 0 1px 3px inset;
|
box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px inset, rgba(255, 255, 255, 0.3) 0 1px 3px inset;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* line 285, ../src/main.sass */
|
||||||
|
#related_articles {
|
||||||
|
width: 960px;
|
||||||
|
margin: 3em auto;
|
||||||
|
}
|
||||||
|
/* line 288, ../src/main.sass */
|
||||||
|
#related_articles #previous_articles {
|
||||||
|
float: left;
|
||||||
|
width: 40%;
|
||||||
|
}
|
||||||
|
/* line 291, ../src/main.sass */
|
||||||
|
#related_articles #next_articles {
|
||||||
|
float: right;
|
||||||
|
text-align: right;
|
||||||
|
width: 40%;
|
||||||
|
}
|
||||||
|
|
|
@ -24,7 +24,7 @@
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1">
|
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1">
|
||||||
|
|
||||||
<!-- Place favicon.ico & apple-touch-icon.png in the root of your domain and delete these references -->
|
<!-- Place favicon.ico & apple-touch-icon.png in the root of your domain and delete these references -->
|
||||||
<link rel="shortcut icon" href="/Scratch/img/favicon.ico" />
|
<link rel="shortcut icon" href="/img/favicon.ico" />
|
||||||
<link rel="apple-touch-icon" href="/apple-touch-icon.png">
|
<link rel="apple-touch-icon" href="/apple-touch-icon.png">
|
||||||
|
|
||||||
|
|
||||||
|
|
|
@ -240,6 +240,14 @@ body.std #main > article, .slideshow
|
||||||
.rightimage
|
.rightimage
|
||||||
float: right
|
float: right
|
||||||
|
|
||||||
|
img.left
|
||||||
|
float: left
|
||||||
|
padding: 10px
|
||||||
|
max-width: 10em
|
||||||
|
+innerblock
|
||||||
|
margin: 0 1em
|
||||||
|
background: rgba($ycolorb,.2)
|
||||||
|
|
||||||
ul.article_metadata
|
ul.article_metadata
|
||||||
list-style-type: none
|
list-style-type: none
|
||||||
text-align: right
|
text-align: right
|
||||||
|
@ -273,3 +281,14 @@ ul.article_metadata
|
||||||
width: ($navWidth - 150px)/3
|
width: ($navWidth - 150px)/3
|
||||||
margin: 0 20px
|
margin: 0 20px
|
||||||
+ybutton
|
+ybutton
|
||||||
|
|
||||||
|
#related_articles
|
||||||
|
width: $stdWidth
|
||||||
|
margin: 3em auto
|
||||||
|
#previous_articles
|
||||||
|
float: left
|
||||||
|
width: 40%
|
||||||
|
#next_articles
|
||||||
|
float: right
|
||||||
|
text-align: right
|
||||||
|
width: 40%
|
||||||
|
|
Loading…
Reference in a new issue