From scratch again, but will be good this time.
This commit is contained in:
parent
750de729f8
commit
e3c69ffb9a
35 changed files with 165 additions and 3025 deletions
|
@ -1,97 +0,0 @@
|
|||
-----
|
||||
-----
|
||||
<% language, languages, blog, article = setItemConf %><?xml version="1.0" encoding="utf-8"?>
|
||||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
|
||||
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml" lang="fr" xml:lang="fr">
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
|
||||
<%= meta_tags %>
|
||||
<link rel="shortcut icon" type="image/x-icon" href="<%=@config[:webprefix]%>/img/favicon.ico" />
|
||||
<link rel="stylesheet" type="text/css" href="<%=@config[:webprefix]%>/assets/css/main.css" />
|
||||
<link rel="alternate" type="application/rss+xml" title="RSS" href="<%= @config[:rss_uri][language.intern] %>"/>
|
||||
<%= meta_alternate %>
|
||||
<script type="text/javascript" src="<%=@config[:webprefix]%>/js/jquery-1.3.1.min.js"></script>
|
||||
<script type="text/javascript" src="<%=@config[:webprefix]%>/js/jquery.cookie.js"></script>
|
||||
<script type="text/javascript" src="<%=@config[:webprefix]%>/js/index.js"></script>
|
||||
<!--[if lt IE 9]>
|
||||
<script src="http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE9.js"></script>
|
||||
<![endif]-->
|
||||
<title><%= @item[:title] %></title>
|
||||
</head>
|
||||
<body lang="<%= language %>">
|
||||
<script type="text/javascript">// <![CDATA[
|
||||
document.write('<div id="blackpage"><img src="<%=@config[:webprefix]%>/img/loading.gif" alt="<%= tradOf(:loading) %>"/></div>');
|
||||
// ]]>
|
||||
</script>
|
||||
|
||||
<div id="content">
|
||||
<% unless @item[:no_entete] %>
|
||||
<div id="entete">
|
||||
<div id="choix">
|
||||
<div id="choixrss"><%= choixrss %> </div>
|
||||
<div id="choixlang"><%= choixlang %> </div>
|
||||
<div id="liens">
|
||||
<%= generateMenu %>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<% end %>
|
||||
<img src="<%=@config[:webprefix]%>/img/presentation.png" alt="Presentation drawing"/>
|
||||
<div id="titre">
|
||||
<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 %>
|
||||
</div>
|
||||
|
||||
<div class="flush"></div>
|
||||
|
||||
<% if @item[:content_for_summary] %>
|
||||
<div class="corps summary">
|
||||
<% @item[:content_for_summary] %>
|
||||
</div>
|
||||
<% end %>
|
||||
|
||||
<%= generateSubMenu %>
|
||||
|
||||
<div class="flush"></div>
|
||||
|
||||
<div id="afterheader">
|
||||
<div class="corps">
|
||||
<%= yield %>
|
||||
<% unless @item[:no_entete] %>
|
||||
<div class="return"><a href="#entete" onclick="fastShowMenu()">↑</a></div>
|
||||
<% end %>
|
||||
</div>
|
||||
<div id="bottom">
|
||||
<div>
|
||||
<%=tradOf(:copyright) %>
|
||||
</div>
|
||||
<div id="lastmod">
|
||||
<%=tradOf(:last_modified)%>: <%= gitmtime.strftime(@config[:dateFormat][language.intern]) %>
|
||||
</div>
|
||||
<div>
|
||||
<%= tradOf(:entirely_done_with) %>
|
||||
<a href="http://www.vim.org">Vim</a>
|
||||
<%= tradOf(:and) %>
|
||||
<a href="http://nanoc.stoneship.org">nanoc</a>
|
||||
</div>
|
||||
<div>
|
||||
<a href="<%=@config[:webprefix]%>/<%=language%>/validation/">Validation</a>
|
||||
<a href="http://validator.w3.org/check?uri=referer"> [xhtml] </a>
|
||||
.
|
||||
<a href="http://jigsaw.w3.org/css-validator/check/referer?profile=css3"> [css] </a>
|
||||
.
|
||||
<a href="http://validator.w3.org/feed/check.cgi?url=http%3A//yannesposito.com<%=@config[:webprefix]%>/<%=language%>/blog/feed/feed.xml">[rss]</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="clear"></div>
|
||||
</div>
|
||||
<%= user_voice %>
|
||||
</body>
|
||||
</html>
|
|
@ -28,16 +28,6 @@
|
|||
<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: blueprint buttons -->
|
||||
<link href="/css/buttons.css" media="screen, projection" rel="stylesheet" type="text/css" />
|
||||
|
||||
<!-- CSS: implied media="all" -->
|
||||
<!-- Google Fonts -->
|
||||
<link href='http://fonts.googleapis.com/css?family=Molengo:regular,bold' rel='stylesheet' type='text/css'>
|
||||
<link rel="stylesheet" href="/css/main.css">
|
||||
|
@ -52,11 +42,13 @@
|
|||
<body lang="<%= language %>" class="bp">
|
||||
<div id="container">
|
||||
<header>
|
||||
<div id="choixlang"><%= choixlang %></div>
|
||||
<hgroup>
|
||||
<div id="prelinks">
|
||||
<div id="choixlang"><%= choixlang %></div>
|
||||
<div id="choixrss"><%= choixrss %></div>
|
||||
</div>
|
||||
<hgroup id="maintitle">
|
||||
<%= page_title %>
|
||||
</hgroup>
|
||||
<div id="choixrss"><%= choixrss %></div>
|
||||
<nav id="mainnav">
|
||||
<ul>
|
||||
<%= generateMenu %>
|
||||
|
|
|
@ -1,183 +0,0 @@
|
|||
-----
|
||||
-----
|
||||
<% language, languages, blog, article = setItemConf %><?xml version="1.0" encoding="utf-8"?>
|
||||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
|
||||
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml" lang="fr" xml:lang="fr">
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
|
||||
<% t=tags %>
|
||||
<% if t.length > 0 %>
|
||||
<meta name="keywords" content="<%= t %>">
|
||||
<% end %>
|
||||
<link rel="shortcut icon" type="image/x-icon" href="<%=@config[:webprefix]%>/img/favicon.ico" />
|
||||
<link rel="stylesheet" type="text/css" href="<%=@config[:webprefix]%>/assets/css/main.css" />
|
||||
<link rel="stylesheet" type="text/css" href="<%=@config[:webprefix]%>/css/twilight.css" />
|
||||
<link rel="stylesheet" type="text/css" href="<%=@config[:webprefix]%>/css/idc.css" />
|
||||
<link rel="alternate" type="application/rss+xml" title="RSS" href="http://feeds.feedburner.com/yannespositocom<%= language %>"/>
|
||||
<%
|
||||
languages.each do |lang|
|
||||
item_for_lang=item_of_language(lang)
|
||||
if not item_for_lang.nil? %>
|
||||
<link rel="alternate" lang="<%= lang %>" xml:lang="<%= lang %>" title="<%= item_for_lang[:title] %>" type="text/html" hreflang="<%= lang %>" href="<%= item_for_lang.reps[0].path %>" /> <%
|
||||
end
|
||||
end %>
|
||||
<script type="text/javascript" src="<%=@config[:webprefix]%>/js/jquery-1.3.1.min.js"></script>
|
||||
<script type="text/javascript" src="<%=@config[:webprefix]%>/js/jquery.cookie.js"></script>
|
||||
<script type="text/javascript" src="<%=@config[:webprefix]%>/js/index.js"></script>
|
||||
<!--[if lt IE 9]>
|
||||
<script src="http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE9.js"></script>
|
||||
<![endif]-->
|
||||
<!-- < % if containMaths %>
|
||||
<script type="text/javascript" src="<%=@config[:webprefix]%>/js/MathJax/MathJax.js"></script>
|
||||
< % end %>
|
||||
-->
|
||||
<title><%= @item[:title] %></title>
|
||||
</head>
|
||||
<body lang="<%= language %>">
|
||||
<script type="text/javascript">// <![CDATA[
|
||||
document.write('<div id="blackpage"><img src="<%=@config[:webprefix]%>/img/loading.gif" alt="<%= tradOf(:loading) %>"/></div>');
|
||||
// ]]>
|
||||
</script>
|
||||
|
||||
<div id="content">
|
||||
|
||||
<div id="choix">
|
||||
<div class="return"><a href="#entete">↓ Menu ↓</a></div>
|
||||
<div id="choixlang">
|
||||
<%= languages.map do |l|
|
||||
dest=@item_rep.path.sub(%r{#{@config[:webprefix]}/../}, %{#{config[:webprefix]}/#{l}/})
|
||||
if @item_rep.path != dest
|
||||
%{<a href="#{dest}" onclick="setLanguage('#{l}')">#{ tradOfKeywordIn(:switchTo,l)}</a>}
|
||||
else
|
||||
nil
|
||||
end
|
||||
end.join() %>
|
||||
</div>
|
||||
</div>
|
||||
<div id="titre">
|
||||
<h1>
|
||||
<%= @item[:title] %>
|
||||
</h1>
|
||||
<% unless @item[:subtitle].nil? %>
|
||||
<h2>
|
||||
<%= @item[:subtitle] %>
|
||||
</h2>
|
||||
<% end %>
|
||||
</div>
|
||||
|
||||
<div class="flush"></div>
|
||||
|
||||
<% if @item[:content_for_summary] %>
|
||||
<div class="corps summary">
|
||||
<% @item[:content_for_summary] %>
|
||||
</div>
|
||||
<% end %>
|
||||
|
||||
<%= generateSubMenu %>
|
||||
|
||||
<div class="flush"></div>
|
||||
<div id="afterheader">
|
||||
<div class="corps">
|
||||
<%= yield %>
|
||||
</div>
|
||||
<% depth = depthOf(@item) %>
|
||||
<% if depth > 3 or ( depth == 3 and @item.children.length > 0 ) %>
|
||||
<div class="navigation">
|
||||
<div class="navigationprev"><%= previousFor(@item) %></div>
|
||||
<div class="navigationnext"><%= nextFor(@item) %></div>
|
||||
</div>
|
||||
<div class="flush"></div>
|
||||
<% end %>
|
||||
|
||||
<div id="choixrss">
|
||||
<a id="rss" href="http://feeds.feedburner.com/yannespositocom<%= language %>">
|
||||
<%= tradOf(:subscribe) %>
|
||||
</a>
|
||||
</div>
|
||||
<script type="text/javascript">
|
||||
$(document).ready(function(){
|
||||
$('#comment').hide();
|
||||
$('#clickcomment').click(showComments);
|
||||
});
|
||||
function showComments() {
|
||||
$('#comment').show();
|
||||
$('#clickcomment').fadeOut();
|
||||
}
|
||||
document.write('<div id="clickcomment"><%= tradOf(:clickForComment) %></div>');
|
||||
</script>
|
||||
<div class="flush"></div>
|
||||
<div class="corps" id="comment">
|
||||
<h2 class="first"><%= tradOf(:comment) %></h2>
|
||||
<noscript>
|
||||
<%= tradOf(:enableJavascriptToComment) %>
|
||||
</noscript>
|
||||
<%= generateIntenseDebateThread %>
|
||||
</div>
|
||||
|
||||
<div id="entete" class="corps_spaced">
|
||||
<div id="liens">
|
||||
<%= generateMenu %>
|
||||
</div>
|
||||
<div class="flush"></div>
|
||||
<hr/>
|
||||
<div id="next_before_articles">
|
||||
<div id="previous_articles">
|
||||
<%= tradOf(:previousArticles) %>
|
||||
<%
|
||||
(1..3).each do |n|
|
||||
a=article_brother(-n)
|
||||
if not a.nil?
|
||||
%>
|
||||
<div class="previous_article">
|
||||
<%= link_to( %{<span class="nicer">«</span> }+ a[:title], a) %>
|
||||
</div>
|
||||
<% end %>
|
||||
<% end %>
|
||||
</div>
|
||||
<div id="next_articles">
|
||||
<%= tradOf(:nextArticles) %>
|
||||
<%
|
||||
(1..3).each do |n|
|
||||
a=article_brother(n)
|
||||
if not a.nil?
|
||||
%>
|
||||
<div class="next_article">
|
||||
<%= link_to(a[:title] + %{ <span class="nicer">»</span>}, a) %>
|
||||
</div>
|
||||
<% end %>
|
||||
<% end %>
|
||||
</div>
|
||||
<div class="flush"></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div id="bottom">
|
||||
<div>
|
||||
<%=tradOf(:copyright) %>
|
||||
</div>
|
||||
<div id="lastmod">
|
||||
<%=tradOf(:created_at)%>: <%= @item[:created_at].strftime(@config[:dateFormat][language.intern]) %>
|
||||
<%=tradOf(:last_modified)%>: <%= gitmtime.strftime(@config[:dateFormat][language.intern]) %>
|
||||
</div>
|
||||
<div>
|
||||
<%= tradOf(:entirely_done_with) %>
|
||||
<a href="http://www.vim.org">Vim</a>
|
||||
<%= tradOf(:and) %>
|
||||
<a href="http://nanoc.stoneship.org">nanoc</a>
|
||||
</div>
|
||||
<div>
|
||||
<a href="<%=@config[:webprefix]%>/<%=language%>/validation/">Validation</a>
|
||||
<a href="http://validator.w3.org/check?uri=referer"> [xhtml] </a>
|
||||
.
|
||||
<a href="http://jigsaw.w3.org/css-validator/check/referer?profile=css3"> [css] </a>
|
||||
.
|
||||
<a href="http://validator.w3.org/feed/check.cgi?url=http%3A//yannesposito.com<%=@config[:webprefix]%>/<%=language%>/blog/feed/feed.xml">[rss]</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="clear"></div>
|
||||
</div>
|
||||
<%= clicky_analytics %>
|
||||
</body>
|
||||
</html>
|
|
@ -28,16 +28,6 @@
|
|||
<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: blueprint buttons -->
|
||||
<link href="/css/buttons.css" media="screen, projection" rel="stylesheet" type="text/css" />
|
||||
|
||||
<!-- CSS: implied media="all" -->
|
||||
<!-- Google Fonts -->
|
||||
<link href='http://fonts.googleapis.com/css?family=Molengo:regular,bold' rel='stylesheet' type='text/css'>
|
||||
<link rel="stylesheet" href="/css/main.css">
|
||||
|
@ -52,11 +42,13 @@
|
|||
<body lang="en" class="bp">
|
||||
<div id="container">
|
||||
<header>
|
||||
<div id="choixlang"><a href="/Scratch/fr/blog/" onclick="setLanguage('fr')">en Français</a></div>
|
||||
<hgroup>
|
||||
<div id="prelinks">
|
||||
<div id="choixlang"><a href="/Scratch/fr/blog/" 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>Blog</h1>
|
||||
</hgroup>
|
||||
<div id="choixrss"><a id="rss" href="http://feeds.feedburner.com/ypasswordespozitocomen">Subscribe</a></div>
|
||||
<nav id="mainnav">
|
||||
<ul>
|
||||
<ul><li><a href="/Scratch/en/">YPassword</a></li><li><span class="active" title="You're here.">Blog</span></li><li><a href="/Scratch/en/support/">Support</a></li></ul>
|
||||
|
|
|
@ -28,16 +28,6 @@
|
|||
<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: blueprint buttons -->
|
||||
<link href="/css/buttons.css" media="screen, projection" rel="stylesheet" type="text/css" />
|
||||
|
||||
<!-- CSS: implied media="all" -->
|
||||
<!-- Google Fonts -->
|
||||
<link href='http://fonts.googleapis.com/css?family=Molengo:regular,bold' rel='stylesheet' type='text/css'>
|
||||
<link rel="stylesheet" href="/css/main.css">
|
||||
|
@ -52,13 +42,15 @@
|
|||
<body lang="en" class="bp">
|
||||
<div id="container">
|
||||
<header>
|
||||
<div id="choixlang"><a href="/Scratch/fr/" onclick="setLanguage('fr')">en Français</a></div>
|
||||
<hgroup>
|
||||
<div id="prelinks">
|
||||
<div id="choixlang"><a href="/Scratch/fr/" 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>
|
||||
<a href="http://itunes.apple.com/WebObjects/MZStore.woa/wa/viewSoftware?id=436268354&mt=8">YPassword</a>
|
||||
</h1>
|
||||
</hgroup>
|
||||
<div id="choixrss"><a id="rss" href="http://feeds.feedburner.com/ypasswordespozitocomen">Subscribe</a></div>
|
||||
<nav id="mainnav">
|
||||
<ul>
|
||||
<ul><li><span class="active" title="You're here.">YPassword</span></li><li><a href="/Scratch/en/blog/">Blog</a></li><li><a href="/Scratch/en/support/">Support</a></li></ul>
|
||||
|
|
|
@ -28,16 +28,6 @@
|
|||
<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: blueprint buttons -->
|
||||
<link href="/css/buttons.css" media="screen, projection" rel="stylesheet" type="text/css" />
|
||||
|
||||
<!-- CSS: implied media="all" -->
|
||||
<!-- Google Fonts -->
|
||||
<link href='http://fonts.googleapis.com/css?family=Molengo:regular,bold' rel='stylesheet' type='text/css'>
|
||||
<link rel="stylesheet" href="/css/main.css">
|
||||
|
@ -52,8 +42,11 @@
|
|||
<body lang="en" class="bp">
|
||||
<div id="container">
|
||||
<header>
|
||||
<div id="choixlang"><a href="/Scratch/fr/support/" onclick="setLanguage('fr')">en Français</a></div>
|
||||
<hgroup>
|
||||
<div id="prelinks">
|
||||
<div id="choixlang"><a href="/Scratch/fr/support/" 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>
|
||||
<span style="font-weight: normal; margin-top: 0; line-height: 1ex">
|
||||
<span style="letter-spacing:-.10em">YPassword</span>
|
||||
|
@ -62,7 +55,6 @@
|
|||
<span style="letter-spacing: 1em">Support</span>
|
||||
</h2>
|
||||
</hgroup>
|
||||
<div id="choixrss"><a id="rss" href="http://feeds.feedburner.com/ypasswordespozitocomen">Subscribe</a></div>
|
||||
<nav id="mainnav">
|
||||
<ul>
|
||||
<ul><li><a href="/Scratch/en/">YPassword</a></li><li><a href="/Scratch/en/blog/">Blog</a></li><li><span class="active" title="You're here.">Support</span></li></ul>
|
||||
|
|
|
@ -28,16 +28,6 @@
|
|||
<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: blueprint buttons -->
|
||||
<link href="/css/buttons.css" media="screen, projection" rel="stylesheet" type="text/css" />
|
||||
|
||||
<!-- CSS: implied media="all" -->
|
||||
<!-- Google Fonts -->
|
||||
<link href='http://fonts.googleapis.com/css?family=Molengo:regular,bold' rel='stylesheet' type='text/css'>
|
||||
<link rel="stylesheet" href="/css/main.css">
|
||||
|
@ -52,11 +42,13 @@
|
|||
<body lang="fr" class="bp">
|
||||
<div id="container">
|
||||
<header>
|
||||
<div id="choixlang"><a href="/Scratch/en/blog/" onclick="setLanguage('en')">in English</a></div>
|
||||
<hgroup>
|
||||
<div id="prelinks">
|
||||
<div id="choixlang"><a href="/Scratch/en/blog/" 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>Blog</h1>
|
||||
</hgroup>
|
||||
<div id="choixrss"><a id="rss" href="http://feeds.feedburner.com/ypasswordespozitocomfr">s'abonner</a></div>
|
||||
<nav id="mainnav">
|
||||
<ul>
|
||||
<ul><li><a href="/Scratch/fr/">YPassword</a></li><li><span class="active" title="You're here.">Blog</span></li><li><a href="/Scratch/fr/support/">Aide</a></li></ul>
|
||||
|
|
|
@ -28,16 +28,6 @@
|
|||
<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: blueprint buttons -->
|
||||
<link href="/css/buttons.css" media="screen, projection" rel="stylesheet" type="text/css" />
|
||||
|
||||
<!-- CSS: implied media="all" -->
|
||||
<!-- Google Fonts -->
|
||||
<link href='http://fonts.googleapis.com/css?family=Molengo:regular,bold' rel='stylesheet' type='text/css'>
|
||||
<link rel="stylesheet" href="/css/main.css">
|
||||
|
@ -52,13 +42,15 @@
|
|||
<body lang="fr" class="bp">
|
||||
<div id="container">
|
||||
<header>
|
||||
<div id="choixlang"><a href="/Scratch/en/" onclick="setLanguage('en')">in English</a></div>
|
||||
<hgroup>
|
||||
<div id="prelinks">
|
||||
<div id="choixlang"><a href="/Scratch/en/" 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>
|
||||
<a href="http://itunes.apple.com/WebObjects/MZStore.woa/wa/viewSoftware?id=436268354&mt=8">YPassword</a>
|
||||
</h1>
|
||||
</hgroup>
|
||||
<div id="choixrss"><a id="rss" href="http://feeds.feedburner.com/ypasswordespozitocomfr">s'abonner</a></div>
|
||||
<nav id="mainnav">
|
||||
<ul>
|
||||
<ul><li><span class="active" title="You're here.">YPassword</span></li><li><a href="/Scratch/fr/blog/">Blog</a></li><li><a href="/Scratch/fr/support/">Aide</a></li></ul>
|
||||
|
|
|
@ -28,16 +28,6 @@
|
|||
<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: blueprint buttons -->
|
||||
<link href="/css/buttons.css" media="screen, projection" rel="stylesheet" type="text/css" />
|
||||
|
||||
<!-- CSS: implied media="all" -->
|
||||
<!-- Google Fonts -->
|
||||
<link href='http://fonts.googleapis.com/css?family=Molengo:regular,bold' rel='stylesheet' type='text/css'>
|
||||
<link rel="stylesheet" href="/css/main.css">
|
||||
|
@ -52,8 +42,11 @@
|
|||
<body lang="fr" class="bp">
|
||||
<div id="container">
|
||||
<header>
|
||||
<div id="choixlang"><a href="/Scratch/en/support/" onclick="setLanguage('en')">in English</a></div>
|
||||
<hgroup>
|
||||
<div id="prelinks">
|
||||
<div id="choixlang"><a href="/Scratch/en/support/" 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>
|
||||
<span style="font-weight: normal; margin-top: 0; line-height: 1ex">
|
||||
<span style="letter-spacing:-.10em">YPassword</span>
|
||||
|
@ -62,7 +55,6 @@
|
|||
<span style="letter-spacing: 1em">Support</span>
|
||||
</h2>
|
||||
</hgroup>
|
||||
<div id="choixrss"><a id="rss" href="http://feeds.feedburner.com/ypasswordespozitocomfr">s'abonner</a></div>
|
||||
<nav id="mainnav">
|
||||
<ul>
|
||||
<ul><li><a href="/Scratch/fr/">YPassword</a></li><li><a href="/Scratch/fr/blog/">Blog</a></li><li><span class="active" title="You're here.">Aide</span></li></ul>
|
||||
|
|
|
@ -1,126 +0,0 @@
|
|||
/* line 18, ../src/buttons.scss */
|
||||
a.button {
|
||||
display: inline;
|
||||
float: left;
|
||||
display: block;
|
||||
margin: 0.7em 0.5em 0.7em 0;
|
||||
border-width: 1px;
|
||||
border-style: solid;
|
||||
font-family: "Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
|
||||
font-size: 100%;
|
||||
line-height: 130%;
|
||||
font-weight: bold;
|
||||
text-decoration: none;
|
||||
cursor: pointer;
|
||||
padding: 5px 10px 5px 7px;
|
||||
background-color: #f5f5f5;
|
||||
border-color: #eeeeee #dedede #dedede #eeeeee;
|
||||
color: #565656;
|
||||
}
|
||||
/* line 75, ../../../../../../var/lib/gems/1.8/gems/compass-0.11.3/frameworks/blueprint/stylesheets/blueprint/_buttons.scss */
|
||||
a.button img {
|
||||
margin: 0 3px -3px 0 !important;
|
||||
padding: 0;
|
||||
border: none;
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
float: none;
|
||||
}
|
||||
/* line 62, ../../../../../../var/lib/gems/1.8/gems/compass-0.11.3/frameworks/blueprint/stylesheets/blueprint/_buttons.scss */
|
||||
a.button:hover {
|
||||
background-color: #dff4ff;
|
||||
border-color: #d2f1ff #c2e1ef #c2e1ef #d2f1ff;
|
||||
color: #336699;
|
||||
}
|
||||
/* line 47, ../../../../../../var/lib/gems/1.8/gems/compass-0.11.3/frameworks/blueprint/stylesheets/blueprint/_buttons.scss */
|
||||
a.button:active {
|
||||
background-color: #6299c5;
|
||||
border-color: #72a9d5 #6299c5 #6299c5 #72a9d5;
|
||||
color: white;
|
||||
}
|
||||
|
||||
/* line 31, ../src/buttons.scss */
|
||||
button {
|
||||
display: inline;
|
||||
float: left;
|
||||
display: block;
|
||||
margin: 0.7em 0.5em 0.7em 0;
|
||||
border-width: 1px;
|
||||
border-style: solid;
|
||||
font-family: "Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
|
||||
font-size: 100%;
|
||||
line-height: 130%;
|
||||
font-weight: bold;
|
||||
text-decoration: none;
|
||||
cursor: pointer;
|
||||
width: auto;
|
||||
overflow: visible;
|
||||
padding: 4px 10px 3px 7px;
|
||||
background-color: #f5f5f5;
|
||||
border-color: #eeeeee #dedede #dedede #eeeeee;
|
||||
color: #565656;
|
||||
}
|
||||
/* line 75, ../../../../../../var/lib/gems/1.8/gems/compass-0.11.3/frameworks/blueprint/stylesheets/blueprint/_buttons.scss */
|
||||
button img {
|
||||
margin: 0 3px -3px 0 !important;
|
||||
padding: 0;
|
||||
border: none;
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
float: none;
|
||||
}
|
||||
/* line 95, ../../../../../../var/lib/gems/1.8/gems/compass-0.11.3/frameworks/blueprint/stylesheets/blueprint/_buttons.scss */
|
||||
button[type] {
|
||||
padding: 4px 10px 4px 7px;
|
||||
line-height: 17px;
|
||||
}
|
||||
/* line 98, ../../../../../../var/lib/gems/1.8/gems/compass-0.11.3/frameworks/blueprint/stylesheets/blueprint/_buttons.scss */
|
||||
*:first-child + html button[type] {
|
||||
padding: 4px 10px 3px 7px;
|
||||
}
|
||||
/* line 62, ../../../../../../var/lib/gems/1.8/gems/compass-0.11.3/frameworks/blueprint/stylesheets/blueprint/_buttons.scss */
|
||||
button:hover {
|
||||
background-color: #dff4ff;
|
||||
border-color: #d2f1ff #c2e1ef #c2e1ef #d2f1ff;
|
||||
color: #336699;
|
||||
}
|
||||
/* line 47, ../../../../../../var/lib/gems/1.8/gems/compass-0.11.3/frameworks/blueprint/stylesheets/blueprint/_buttons.scss */
|
||||
button:active {
|
||||
background-color: #6299c5;
|
||||
border-color: #72a9d5 #6299c5 #6299c5 #72a9d5;
|
||||
color: white;
|
||||
}
|
||||
|
||||
/* line 39, ../src/buttons.scss */
|
||||
a.positive, button.positive {
|
||||
color: #529214;
|
||||
}
|
||||
/* line 62, ../../../../../../var/lib/gems/1.8/gems/compass-0.11.3/frameworks/blueprint/stylesheets/blueprint/_buttons.scss */
|
||||
a.positive:hover, button.positive:hover {
|
||||
background-color: #e6efc2;
|
||||
border-color: #d6e890 #c6d880 #c6d880 #d6e890;
|
||||
color: #529214;
|
||||
}
|
||||
/* line 47, ../../../../../../var/lib/gems/1.8/gems/compass-0.11.3/frameworks/blueprint/stylesheets/blueprint/_buttons.scss */
|
||||
a.positive:active, button.positive:active {
|
||||
background-color: #529214;
|
||||
border-color: #62a224 #529214 #529214 #62a224;
|
||||
color: white;
|
||||
}
|
||||
|
||||
/* line 44, ../src/buttons.scss */
|
||||
a.negative, button.negative {
|
||||
color: #d12f19;
|
||||
}
|
||||
/* line 62, ../../../../../../var/lib/gems/1.8/gems/compass-0.11.3/frameworks/blueprint/stylesheets/blueprint/_buttons.scss */
|
||||
a.negative:hover, button.negative:hover {
|
||||
background-color: #fbe3e4;
|
||||
border-color: #ffd2d4 #fbc2c4 #fbc2c4 #ffd2d4;
|
||||
color: #d12f19;
|
||||
}
|
||||
/* line 47, ../../../../../../var/lib/gems/1.8/gems/compass-0.11.3/frameworks/blueprint/stylesheets/blueprint/_buttons.scss */
|
||||
a.negative:active, button.negative:active {
|
||||
background-color: #d12f19;
|
||||
border-color: #e13f29 #d12f19 #d12f19 #e13f29;
|
||||
color: white;
|
||||
}
|
|
@ -1,8 +0,0 @@
|
|||
* {
|
||||
float: none; /* Screens are not big enough to account for floats */
|
||||
background: #fff; /* As much contrast as possible */
|
||||
color: #000;
|
||||
}
|
||||
|
||||
/* Slightly reducing font size to reduce need to scroll */
|
||||
body { font-size: 80%; }
|
109
site/css/ie.css
109
site/css/ie.css
|
@ -1,109 +0,0 @@
|
|||
/* line 7, ../src/ie.scss */
|
||||
body.bp {
|
||||
text-align: center;
|
||||
}
|
||||
/* line 44, /var/lib/gems/1.8/gems/compass-0.11.3/frameworks/blueprint/stylesheets/blueprint/_ie.scss */
|
||||
* html body.bp legend {
|
||||
margin: 0px -8px 16px 0;
|
||||
padding: 0;
|
||||
}
|
||||
/* line 48, /var/lib/gems/1.8/gems/compass-0.11.3/frameworks/blueprint/stylesheets/blueprint/_ie.scss */
|
||||
html > body.bp p code {
|
||||
*white-space: normal;
|
||||
}
|
||||
/* line 60, /var/lib/gems/1.8/gems/compass-0.11.3/frameworks/blueprint/stylesheets/blueprint/_ie.scss */
|
||||
body.bp .container {
|
||||
text-align: left;
|
||||
}
|
||||
/* line 62, /var/lib/gems/1.8/gems/compass-0.11.3/frameworks/blueprint/stylesheets/blueprint/_ie.scss */
|
||||
body.bp sup {
|
||||
vertical-align: text-top;
|
||||
}
|
||||
/* line 64, /var/lib/gems/1.8/gems/compass-0.11.3/frameworks/blueprint/stylesheets/blueprint/_ie.scss */
|
||||
body.bp sub {
|
||||
vertical-align: text-bottom;
|
||||
}
|
||||
/* line 66, /var/lib/gems/1.8/gems/compass-0.11.3/frameworks/blueprint/stylesheets/blueprint/_ie.scss */
|
||||
body.bp hr {
|
||||
margin: -8px auto 11px;
|
||||
}
|
||||
/* line 68, /var/lib/gems/1.8/gems/compass-0.11.3/frameworks/blueprint/stylesheets/blueprint/_ie.scss */
|
||||
body.bp img {
|
||||
-ms-interpolation-mode: bicubic;
|
||||
}
|
||||
/* line 70, /var/lib/gems/1.8/gems/compass-0.11.3/frameworks/blueprint/stylesheets/blueprint/_ie.scss */
|
||||
body.bp fieldset {
|
||||
padding-top: 0;
|
||||
}
|
||||
/* line 72, /var/lib/gems/1.8/gems/compass-0.11.3/frameworks/blueprint/stylesheets/blueprint/_ie.scss */
|
||||
body.bp legend {
|
||||
margin-top: -0.2em;
|
||||
margin-bottom: 1em;
|
||||
margin-left: -0.5em;
|
||||
}
|
||||
/* line 76, /var/lib/gems/1.8/gems/compass-0.11.3/frameworks/blueprint/stylesheets/blueprint/_ie.scss */
|
||||
body.bp fieldset, body.bp #IE8#HACK {
|
||||
padding-top: 1.4em;
|
||||
}
|
||||
/* line 77, /var/lib/gems/1.8/gems/compass-0.11.3/frameworks/blueprint/stylesheets/blueprint/_ie.scss */
|
||||
body.bp legend, body.bp #IE8#HACK {
|
||||
margin-top: 0;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
/* line 78, /var/lib/gems/1.8/gems/compass-0.11.3/frameworks/blueprint/stylesheets/blueprint/_ie.scss */
|
||||
body.bp textarea {
|
||||
overflow: auto;
|
||||
}
|
||||
/* line 80, /var/lib/gems/1.8/gems/compass-0.11.3/frameworks/blueprint/stylesheets/blueprint/_ie.scss */
|
||||
body.bp label {
|
||||
position: relative;
|
||||
top: -0.25em;
|
||||
}
|
||||
/* line 84, /var/lib/gems/1.8/gems/compass-0.11.3/frameworks/blueprint/stylesheets/blueprint/_ie.scss */
|
||||
body.bp input.text {
|
||||
margin: 0.5em 0;
|
||||
background-color: white;
|
||||
border: 1px solid #bbbbbb;
|
||||
}
|
||||
/* line 88, /var/lib/gems/1.8/gems/compass-0.11.3/frameworks/blueprint/stylesheets/blueprint/_ie.scss */
|
||||
body.bp input.text:focus {
|
||||
border: 1px solid #666666;
|
||||
}
|
||||
/* line 90, /var/lib/gems/1.8/gems/compass-0.11.3/frameworks/blueprint/stylesheets/blueprint/_ie.scss */
|
||||
body.bp input.title {
|
||||
margin: 0.5em 0;
|
||||
background-color: white;
|
||||
border: 1px solid #bbbbbb;
|
||||
}
|
||||
/* line 94, /var/lib/gems/1.8/gems/compass-0.11.3/frameworks/blueprint/stylesheets/blueprint/_ie.scss */
|
||||
body.bp input.title:focus {
|
||||
border: 1px solid #666666;
|
||||
}
|
||||
/* line 96, /var/lib/gems/1.8/gems/compass-0.11.3/frameworks/blueprint/stylesheets/blueprint/_ie.scss */
|
||||
body.bp input.checkbox {
|
||||
position: relative;
|
||||
top: 0.25em;
|
||||
}
|
||||
/* line 99, /var/lib/gems/1.8/gems/compass-0.11.3/frameworks/blueprint/stylesheets/blueprint/_ie.scss */
|
||||
body.bp input.radio {
|
||||
position: relative;
|
||||
top: 0.25em;
|
||||
}
|
||||
/* line 102, /var/lib/gems/1.8/gems/compass-0.11.3/frameworks/blueprint/stylesheets/blueprint/_ie.scss */
|
||||
body.bp input.button {
|
||||
position: relative;
|
||||
top: 0.25em;
|
||||
}
|
||||
/* line 105, /var/lib/gems/1.8/gems/compass-0.11.3/frameworks/blueprint/stylesheets/blueprint/_ie.scss */
|
||||
body.bp textarea {
|
||||
margin: 0.5em 0;
|
||||
}
|
||||
/* line 107, /var/lib/gems/1.8/gems/compass-0.11.3/frameworks/blueprint/stylesheets/blueprint/_ie.scss */
|
||||
body.bp select {
|
||||
margin: 0.5em 0;
|
||||
}
|
||||
/* line 109, /var/lib/gems/1.8/gems/compass-0.11.3/frameworks/blueprint/stylesheets/blueprint/_ie.scss */
|
||||
body.bp button {
|
||||
position: relative;
|
||||
top: 0.25em;
|
||||
}
|
|
@ -1,153 +0,0 @@
|
|||
/* Less Framework 4
|
||||
* http://lessframework.com
|
||||
* by Joni Korpi
|
||||
* License: http://creativecommons.org/licenses/MIT/ */
|
||||
/* line 7, ../../../../../../Library/Ruby/Gems/1.8/gems/compass-less-plugin-1.0/stylesheets/less/_reset.scss */
|
||||
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6,
|
||||
p, blockquote, pre, a, abbr, address, cite, code, del, dfn, em,
|
||||
img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, hr,
|
||||
dl, dt, dd, ol, ul, li, fieldset, form, label, legend,
|
||||
table, caption, tbody, tfoot, thead, tr, th, td,
|
||||
article, aside, canvas, details, figure, figcaption, hgroup,
|
||||
menu, footer, header, nav, section, summary, time, mark, audio, video {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
border: 0;
|
||||
}
|
||||
|
||||
/* line 14, ../../../../../../Library/Ruby/Gems/1.8/gems/compass-less-plugin-1.0/stylesheets/less/_reset.scss */
|
||||
article, aside, canvas, figure, figure img, figcaption, hgroup,
|
||||
footer, header, nav, section, audio, video {
|
||||
display: block;
|
||||
}
|
||||
|
||||
/* line 18, ../../../../../../Library/Ruby/Gems/1.8/gems/compass-less-plugin-1.0/stylesheets/less/_reset.scss */
|
||||
a img {
|
||||
border: 0;
|
||||
}
|
||||
|
||||
/* line 3, ../../../../../../Library/Ruby/Gems/1.8/gems/compass-less-plugin-1.0/stylesheets/less/typography/_18px.scss */
|
||||
.gigantic {
|
||||
font-size: 123px;
|
||||
line-height: 132px;
|
||||
letter-spacing: -2px;
|
||||
}
|
||||
|
||||
/* line 9, ../../../../../../Library/Ruby/Gems/1.8/gems/compass-less-plugin-1.0/stylesheets/less/typography/_18px.scss */
|
||||
.huge, h1 {
|
||||
font-size: 76px;
|
||||
line-height: 84px;
|
||||
letter-spacing: -1px;
|
||||
}
|
||||
|
||||
/* line 15, ../../../../../../Library/Ruby/Gems/1.8/gems/compass-less-plugin-1.0/stylesheets/less/typography/_18px.scss */
|
||||
.large, h2 {
|
||||
font-size: 47px;
|
||||
line-height: 48px;
|
||||
}
|
||||
|
||||
/* line 20, ../../../../../../Library/Ruby/Gems/1.8/gems/compass-less-plugin-1.0/stylesheets/less/typography/_18px.scss */
|
||||
.bigger, h3 {
|
||||
font-size: 29px;
|
||||
line-height: 36px;
|
||||
}
|
||||
|
||||
/* line 25, ../../../../../../Library/Ruby/Gems/1.8/gems/compass-less-plugin-1.0/stylesheets/less/typography/_18px.scss */
|
||||
.big, h4 {
|
||||
font-size: 25px;
|
||||
line-height: 30px;
|
||||
}
|
||||
|
||||
/* line 30, ../../../../../../Library/Ruby/Gems/1.8/gems/compass-less-plugin-1.0/stylesheets/less/typography/_18px.scss */
|
||||
body {
|
||||
font: 18px/24px "Times New Roman", Times, serif;
|
||||
}
|
||||
|
||||
/* line 34, ../../../../../../Library/Ruby/Gems/1.8/gems/compass-less-plugin-1.0/stylesheets/less/typography/_18px.scss */
|
||||
.small, small {
|
||||
font-size: 13px;
|
||||
line-height: 18px;
|
||||
}
|
||||
|
||||
/* line 18, ../src/partials/_global.scss */
|
||||
body {
|
||||
background: #e8e8e8;
|
||||
color: #3c3c3c;
|
||||
-webkit-text-size-adjust: 100%;
|
||||
}
|
||||
|
||||
/* line 37, ../../../../../../Library/Ruby/Gems/1.8/gems/compass-less-plugin-1.0/stylesheets/less/_framework.scss */
|
||||
::selection {
|
||||
background: rgb(255,255,158);
|
||||
}
|
||||
|
||||
/* line 38, ../../../../../../Library/Ruby/Gems/1.8/gems/compass-less-plugin-1.0/stylesheets/less/_framework.scss */
|
||||
::-moz-selection {
|
||||
background: rgb(255,255,158);
|
||||
}
|
||||
|
||||
/* line 39, ../../../../../../Library/Ruby/Gems/1.8/gems/compass-less-plugin-1.0/stylesheets/less/_framework.scss */
|
||||
img::selection {
|
||||
background: transparent;
|
||||
}
|
||||
|
||||
/* line 40, ../../../../../../Library/Ruby/Gems/1.8/gems/compass-less-plugin-1.0/stylesheets/less/_framework.scss */
|
||||
img::-moz-selection {
|
||||
background: transparent;
|
||||
}
|
||||
|
||||
/* line 41, ../../../../../../Library/Ruby/Gems/1.8/gems/compass-less-plugin-1.0/stylesheets/less/_framework.scss */
|
||||
body {
|
||||
-webkit-tap-highlight-color: rgb(255,255,158);
|
||||
}
|
||||
|
||||
/* Default Layout: 992px.
|
||||
* Gutters: 24px.
|
||||
* Outer margins: 48px.
|
||||
* Leftover space for scrollbars @1024px: 32px. */
|
||||
/* line 6, ../src/partials/_default.scss */
|
||||
#container {
|
||||
width: 896px;
|
||||
padding: 72px 48px 84px;
|
||||
}
|
||||
|
||||
/* Tablet Layout: 768px.
|
||||
* Gutters: 24px.
|
||||
* Outer margins: 28px.
|
||||
* Inherits styles from: Default Layout. */
|
||||
@media only screen and (min-width: 768px) and (max-width: 991px) {
|
||||
/* line 7, ../src/partials/_tablet.scss */
|
||||
#container {
|
||||
width: 712px;
|
||||
padding: 48px 28px 60px;
|
||||
}
|
||||
}
|
||||
|
||||
/* Mobile Layout: 320px.
|
||||
* Gutters: 24px.
|
||||
* Outer margins: 34px.
|
||||
* Inherits styles from: Default Layout. */
|
||||
@media only screen and (max-width: 767px) {
|
||||
/* line 7, ../src/partials/_mobile.scss */
|
||||
#container {
|
||||
width: 252px;
|
||||
padding: 48px 34px 60px;
|
||||
}
|
||||
}
|
||||
|
||||
/* Wide Mobile Layout: 480px.
|
||||
* Gutters: 24px.
|
||||
* Outer margins: 22px.
|
||||
* Inherits styles from: Default Layout, Mobile Layout. */
|
||||
@media only screen and (min-width: 480px) and (max-width: 767px) {
|
||||
/* line 7, ../src/partials/_wide-mobile.scss */
|
||||
#container {
|
||||
width: 436px;
|
||||
padding: 36px 22px 48px;
|
||||
}
|
||||
}
|
||||
|
||||
/* Retina media query.
|
||||
Overrides styles for devices with a
|
||||
device-pixel-ratio of 2+, such as iPhone 4. */
|
||||
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {}
|
|
@ -1,62 +0,0 @@
|
|||
/* line 27, /var/lib/gems/1.8/gems/compass-0.11.3/frameworks/blueprint/stylesheets/blueprint/_link-icons.scss */
|
||||
body a[href^="http:"],
|
||||
body a[href^="mailto:"],
|
||||
body a[href^="http:"]:visited,
|
||||
body a[href$=".pdf"],
|
||||
body a[href$=".doc"],
|
||||
body a[href$=".xls"],
|
||||
body a[href$=".rss"],
|
||||
body a[href$=".rdf"],
|
||||
body a[href^="aim:"] {
|
||||
padding: 2px 22px 2px 0;
|
||||
margin: -2px 0;
|
||||
background-repeat: no-repeat;
|
||||
background-position: right center;
|
||||
}
|
||||
/* line 28, /var/lib/gems/1.8/gems/compass-0.11.3/frameworks/blueprint/stylesheets/blueprint/_link-icons.scss */
|
||||
body a[href^="http:"] {
|
||||
background-image: url('/img/link_icons/external.png?1305558827');
|
||||
}
|
||||
/* line 29, /var/lib/gems/1.8/gems/compass-0.11.3/frameworks/blueprint/stylesheets/blueprint/_link-icons.scss */
|
||||
body a[href^="mailto:"] {
|
||||
background-image: url('/img/link_icons/email.png?1305558827');
|
||||
}
|
||||
/* line 30, /var/lib/gems/1.8/gems/compass-0.11.3/frameworks/blueprint/stylesheets/blueprint/_link-icons.scss */
|
||||
body a[href^="http:"]:visited {
|
||||
background-image: url('/img/link_icons/visited.png?1305558827');
|
||||
}
|
||||
/* line 31, /var/lib/gems/1.8/gems/compass-0.11.3/frameworks/blueprint/stylesheets/blueprint/_link-icons.scss */
|
||||
body a[href$=".pdf"] {
|
||||
background-image: url('/img/link_icons/pdf.png?1305558827');
|
||||
}
|
||||
/* line 32, /var/lib/gems/1.8/gems/compass-0.11.3/frameworks/blueprint/stylesheets/blueprint/_link-icons.scss */
|
||||
body a[href$=".doc"] {
|
||||
background-image: url('/img/link_icons/doc.png?1305558827');
|
||||
}
|
||||
/* line 33, /var/lib/gems/1.8/gems/compass-0.11.3/frameworks/blueprint/stylesheets/blueprint/_link-icons.scss */
|
||||
body a[href$=".xls"] {
|
||||
background-image: url('/img/link_icons/xls.png?1305558827');
|
||||
}
|
||||
/* line 35, /var/lib/gems/1.8/gems/compass-0.11.3/frameworks/blueprint/stylesheets/blueprint/_link-icons.scss */
|
||||
body a[href$=".rss"],
|
||||
body a[href$=".rdf"] {
|
||||
background-image: url('/img/link_icons/feed.png?1305558827');
|
||||
}
|
||||
/* line 36, /var/lib/gems/1.8/gems/compass-0.11.3/frameworks/blueprint/stylesheets/blueprint/_link-icons.scss */
|
||||
body a[href^="aim:"] {
|
||||
background-image: url('/img/link_icons/im.png?1305558827');
|
||||
}
|
||||
/* line 8, ../src/link_icons.scss */
|
||||
body a.noicon {
|
||||
background: transparent none !important;
|
||||
padding: 0 !important;
|
||||
margin: 0 !important;
|
||||
}
|
||||
/* line 12, ../src/link_icons.scss */
|
||||
body a#this-is-a-pdf-link {
|
||||
padding: 2px 22px 2px 0;
|
||||
margin: -2px 0;
|
||||
background-repeat: no-repeat;
|
||||
background-position: right center;
|
||||
background-image: url('/img/link_icons/pdf.png?1305558827');
|
||||
}
|
|
@ -1,49 +1,51 @@
|
|||
/* line 34, ../src/main.sass */
|
||||
/* line 31, ../src/main.sass */
|
||||
body {
|
||||
margin: 0;
|
||||
font-family: Futura, Molengo;
|
||||
background: #efeff4;
|
||||
}
|
||||
/* line 36, ../src/main.sass */
|
||||
/* line 35, ../src/main.sass */
|
||||
body.bp {
|
||||
background: #efeff4;
|
||||
}
|
||||
/* line 38, ../src/main.sass */
|
||||
/* line 37, ../src/main.sass */
|
||||
body.bp h1, body.bp h2, body.bp h3, body.bp h4, body.bp h5, body.bp h6 {
|
||||
color: #60646c;
|
||||
font-weight: bold;
|
||||
letter-spacing: -0.05em;
|
||||
text-shadow: #41444a -1px -1px 0px, #efeff4 0px 1px 0px;
|
||||
}
|
||||
/* line 43, ../src/main.sass */
|
||||
/* line 42, ../src/main.sass */
|
||||
body.bp h1 a, body.bp h2 a, body.bp h3 a, body.bp h4 a, body.bp h5 a, body.bp h6 a {
|
||||
color: #9ca1ad;
|
||||
}
|
||||
/* line 45, ../src/main.sass */
|
||||
/* line 44, ../src/main.sass */
|
||||
body.bp h1 a:visited, body.bp h2 a:visited, body.bp h3 a:visited, body.bp h4 a:visited, body.bp h5 a:visited, body.bp h6 a:visited {
|
||||
color: #9ca1ad;
|
||||
}
|
||||
/* line 47, ../src/main.sass */
|
||||
/* line 46, ../src/main.sass */
|
||||
body.bp h1 a:hover, body.bp h1 a:active, body.bp h2 a:hover, body.bp h2 a:active, body.bp h3 a:hover, body.bp h3 a:active, body.bp h4 a:hover, body.bp h4 a:active, body.bp h5 a:hover, body.bp h5 a:active, body.bp h6 a:hover, body.bp h6 a:active {
|
||||
color: #86adff;
|
||||
}
|
||||
/* line 49, ../src/main.sass */
|
||||
/* line 48, ../src/main.sass */
|
||||
body.bp h1 a:hover, body.bp h2 a:hover, body.bp h3 a:hover, body.bp h4 a:hover, body.bp h5 a:hover, body.bp h6 a:hover {
|
||||
text-shadow: #41444a -1px -1px 0px, #efeff4 0px 1px 0px, rgba(51, 136, 204, 0.5) 0 0 4px;
|
||||
}
|
||||
/* line 51, ../src/main.sass */
|
||||
/* line 50, ../src/main.sass */
|
||||
body.bp a {
|
||||
text-decoration: none;
|
||||
color: #60646c;
|
||||
}
|
||||
/* line 54, ../src/main.sass */
|
||||
/* line 53, ../src/main.sass */
|
||||
body.bp a:visited {
|
||||
color: #60646c;
|
||||
}
|
||||
/* line 56, ../src/main.sass */
|
||||
/* line 55, ../src/main.sass */
|
||||
body.bp a:hover, body.bp a:active {
|
||||
color: #86adff;
|
||||
}
|
||||
|
||||
/* line 60, ../src/main.sass */
|
||||
/* line 59, ../src/main.sass */
|
||||
* {
|
||||
-moz-transition-property: all;
|
||||
-webkit-transition-property: all;
|
||||
|
@ -55,67 +57,51 @@ body.bp a:hover, body.bp a:active {
|
|||
transition-duration: 0.5s;
|
||||
}
|
||||
|
||||
/* line 63, ../src/main.sass */
|
||||
header {
|
||||
height: 80px;
|
||||
-moz-border-radius: 0 0 8px 8px;
|
||||
-webkit-border-radius: 0 0 8px 8px;
|
||||
-o-border-radius: 0 0 8px 8px;
|
||||
-ms-border-radius: 0 0 8px 8px;
|
||||
-khtml-border-radius: 0 0 8px 8px;
|
||||
border-radius: 0 0 8px 8px;
|
||||
-moz-box-shadow: rgba(0, 0, 0, 0.3) 0 5px 5px;
|
||||
-webkit-box-shadow: rgba(0, 0, 0, 0.3) 0 5px 5px;
|
||||
-o-box-shadow: rgba(0, 0, 0, 0.3) 0 5px 5px;
|
||||
box-shadow: rgba(0, 0, 0, 0.3) 0 5px 5px;
|
||||
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #51555c), color-stop(100%, #303237));
|
||||
background-image: -webkit-linear-gradient(top, #51555c, #303237);
|
||||
background-image: -moz-linear-gradient(top, #51555c, #303237);
|
||||
background-image: -o-linear-gradient(top, #51555c, #303237);
|
||||
background-image: -ms-linear-gradient(top, #51555c, #303237);
|
||||
background-image: linear-gradient(top, #51555c, #303237);
|
||||
/* line 62, ../src/main.sass */
|
||||
hgroup#maintitle {
|
||||
margin: 0.5em 0;
|
||||
font-size: 2em;
|
||||
border-top: solid 1px black;
|
||||
border-bottom: solid 1px white;
|
||||
-moz-box-shadow: rgba(0, 0, 0, 0.6) 0 0 15px inset;
|
||||
-webkit-box-shadow: rgba(0, 0, 0, 0.6) 0 0 15px inset;
|
||||
-o-box-shadow: rgba(0, 0, 0, 0.6) 0 0 15px inset;
|
||||
box-shadow: rgba(0, 0, 0, 0.6) 0 0 15px inset;
|
||||
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #60646c), color-stop(100%, #51555c));
|
||||
background-image: -webkit-linear-gradient(top, #60646c, #51555c);
|
||||
background-image: -moz-linear-gradient(top, #60646c, #51555c);
|
||||
background-image: -o-linear-gradient(top, #60646c, #51555c);
|
||||
background-image: linear-gradient(top, #60646c, #51555c);
|
||||
}
|
||||
/* line 68, ../src/main.sass */
|
||||
header hgroup {
|
||||
display: inline;
|
||||
float: left;
|
||||
margin-right: 10px;
|
||||
width: 710px;
|
||||
}
|
||||
/* line 147, ../../../../../../var/lib/gems/1.8/gems/compass-0.11.3/frameworks/blueprint/stylesheets/blueprint/_grid.scss */
|
||||
* html header hgroup {
|
||||
overflow-x: hidden;
|
||||
/* line 66, ../src/main.sass */
|
||||
hgroup#maintitle h1, hgroup#maintitle h1 a, hgroup#maintitle h2, hgroup#maintitle h2 a {
|
||||
color: #0f1011;
|
||||
text-shadow: 0 0 2px rgba(239, 239, 244, 0.5);
|
||||
}
|
||||
|
||||
/* line 78, ../src/main.sass */
|
||||
/* line 82, ../src/main.sass */
|
||||
.clickable {
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
/* line 82, ../src/main.sass */
|
||||
/* line 86, ../src/main.sass */
|
||||
#container {
|
||||
width: 950px;
|
||||
width: span(24);
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
/* line 87, ../src/main.sass */
|
||||
/* line 91, ../src/main.sass */
|
||||
a {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
/* line 90, ../src/main.sass */
|
||||
/* line 94, ../src/main.sass */
|
||||
h1 {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
/* line 100, ../src/main.sass */
|
||||
/* line 104, ../src/main.sass */
|
||||
.block {
|
||||
display: inline;
|
||||
float: left;
|
||||
margin-right: 10px;
|
||||
width: 310px;
|
||||
margin-top: 10px;
|
||||
margin-bottom: 20px;
|
||||
background-color: rgba(0, 0, 0, 0.02);
|
||||
-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;
|
||||
|
@ -128,78 +114,29 @@ h1 {
|
|||
-khtml-border-radius: 5px;
|
||||
border-radius: 5px;
|
||||
}
|
||||
/* line 147, ../../../../../../var/lib/gems/1.8/gems/compass-0.11.3/frameworks/blueprint/stylesheets/blueprint/_grid.scss */
|
||||
* html .block {
|
||||
overflow-x: hidden;
|
||||
}
|
||||
/* line 97, ../src/main.sass */
|
||||
/* line 101, ../src/main.sass */
|
||||
.block > * {
|
||||
padding: 20px;
|
||||
}
|
||||
/* line 105, ../src/main.sass */
|
||||
/* line 106, ../src/main.sass */
|
||||
.block:hover {
|
||||
background-color: rgba(0, 0, 0, 0.05);
|
||||
}
|
||||
/* line 107, ../src/main.sass */
|
||||
.block:last-child {
|
||||
margin-right: 0;
|
||||
}
|
||||
|
||||
/* line 140, ../src/main.sass */
|
||||
#choixlang {
|
||||
display: inline;
|
||||
float: left;
|
||||
margin-right: 10px;
|
||||
width: 110px;
|
||||
font-size: 14px;
|
||||
}
|
||||
/* line 147, ../../../../../../var/lib/gems/1.8/gems/compass-0.11.3/frameworks/blueprint/stylesheets/blueprint/_grid.scss */
|
||||
* html #choixlang {
|
||||
overflow-x: hidden;
|
||||
}
|
||||
/* line 113, ../src/main.sass */
|
||||
#choixlang a:hover {
|
||||
color: #efeff4;
|
||||
background-color: rgba(0, 0, 0, 0.3);
|
||||
-moz-box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px inset, rgba(255, 255, 255, 0.3) 0 1px 0;
|
||||
-webkit-box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px inset, rgba(255, 255, 255, 0.3) 0 1px 0;
|
||||
-o-box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px inset, rgba(255, 255, 255, 0.3) 0 1px 0;
|
||||
box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px inset, rgba(255, 255, 255, 0.3) 0 1px 0;
|
||||
}
|
||||
/* line 117, ../src/main.sass */
|
||||
#choixlang a {
|
||||
-moz-border-radius: 2ex;
|
||||
-webkit-border-radius: 2ex;
|
||||
-o-border-radius: 2ex;
|
||||
-ms-border-radius: 2ex;
|
||||
-khtml-border-radius: 2ex;
|
||||
border-radius: 2ex;
|
||||
text-align: center;
|
||||
width: 100%;
|
||||
display: inline-block;
|
||||
color: #b4b8c5;
|
||||
}
|
||||
/* line 123, ../src/main.sass */
|
||||
#choixlang a:hover {
|
||||
color: #efeff4;
|
||||
/* line 139, ../src/main.sass */
|
||||
#prelinks {
|
||||
width: 600px;
|
||||
margin: 0.5em auto;
|
||||
height: 1em;
|
||||
}
|
||||
|
||||
/* line 145, ../src/main.sass */
|
||||
#choixrss {
|
||||
text-align: right;
|
||||
display: inline;
|
||||
#choixlang {
|
||||
float: left;
|
||||
margin-right: 10px;
|
||||
width: 110px;
|
||||
margin-right: 0;
|
||||
font-size: 14px;
|
||||
}
|
||||
/* line 147, ../../../../../../var/lib/gems/1.8/gems/compass-0.11.3/frameworks/blueprint/stylesheets/blueprint/_grid.scss */
|
||||
* html #choixrss {
|
||||
overflow-x: hidden;
|
||||
}
|
||||
/* line 113, ../src/main.sass */
|
||||
#choixrss a:hover {
|
||||
/* line 111, ../src/main.sass */
|
||||
#choixlang a:hover {
|
||||
color: #efeff4;
|
||||
background-color: rgba(0, 0, 0, 0.3);
|
||||
-moz-box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px inset, rgba(255, 255, 255, 0.3) 0 1px 0;
|
||||
|
@ -207,8 +144,9 @@ h1 {
|
|||
-o-box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px inset, rgba(255, 255, 255, 0.3) 0 1px 0;
|
||||
box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px inset, rgba(255, 255, 255, 0.3) 0 1px 0;
|
||||
}
|
||||
/* line 117, ../src/main.sass */
|
||||
#choixrss a {
|
||||
/* line 115, ../src/main.sass */
|
||||
#choixlang a {
|
||||
padding: 0.2em;
|
||||
-moz-border-radius: 2ex;
|
||||
-webkit-border-radius: 2ex;
|
||||
-o-border-radius: 2ex;
|
||||
|
@ -220,27 +158,51 @@ h1 {
|
|||
display: inline-block;
|
||||
color: #b4b8c5;
|
||||
}
|
||||
/* line 123, ../src/main.sass */
|
||||
/* line 122, ../src/main.sass */
|
||||
#choixlang a:hover {
|
||||
color: #efeff4;
|
||||
}
|
||||
|
||||
/* line 149, ../src/main.sass */
|
||||
#choixrss {
|
||||
float: right;
|
||||
font-size: 14px;
|
||||
}
|
||||
/* line 111, ../src/main.sass */
|
||||
#choixrss a:hover {
|
||||
color: #efeff4;
|
||||
background-color: rgba(0, 0, 0, 0.3);
|
||||
-moz-box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px inset, rgba(255, 255, 255, 0.3) 0 1px 0;
|
||||
-webkit-box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px inset, rgba(255, 255, 255, 0.3) 0 1px 0;
|
||||
-o-box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px inset, rgba(255, 255, 255, 0.3) 0 1px 0;
|
||||
box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px inset, rgba(255, 255, 255, 0.3) 0 1px 0;
|
||||
}
|
||||
/* line 115, ../src/main.sass */
|
||||
#choixrss a {
|
||||
padding: 0.2em;
|
||||
-moz-border-radius: 2ex;
|
||||
-webkit-border-radius: 2ex;
|
||||
-o-border-radius: 2ex;
|
||||
-ms-border-radius: 2ex;
|
||||
-khtml-border-radius: 2ex;
|
||||
border-radius: 2ex;
|
||||
text-align: center;
|
||||
width: 100%;
|
||||
display: inline-block;
|
||||
color: #b4b8c5;
|
||||
}
|
||||
/* line 122, ../src/main.sass */
|
||||
#choixrss a:hover {
|
||||
color: #efeff4;
|
||||
}
|
||||
|
||||
/* line 151, ../src/main.sass */
|
||||
/* line 153, ../src/main.sass */
|
||||
#mainnav {
|
||||
display: inline;
|
||||
float: left;
|
||||
margin-right: 10px;
|
||||
width: 950px;
|
||||
margin-top: 40px;
|
||||
margin-bottom: 40px;
|
||||
}
|
||||
/* line 147, ../../../../../../var/lib/gems/1.8/gems/compass-0.11.3/frameworks/blueprint/stylesheets/blueprint/_grid.scss */
|
||||
* html #mainnav {
|
||||
overflow-x: hidden;
|
||||
width: 50%;
|
||||
}
|
||||
/* line 155, ../src/main.sass */
|
||||
#mainnav ul {
|
||||
width: 350px;
|
||||
width: +span(9);
|
||||
height: 2.2ex;
|
||||
margin: 0 auto;
|
||||
padding-left: 0;
|
||||
|
@ -249,18 +211,10 @@ h1 {
|
|||
}
|
||||
/* line 162, ../src/main.sass */
|
||||
#mainnav ul li {
|
||||
display: inline;
|
||||
float: left;
|
||||
margin-right: 10px;
|
||||
width: 110px;
|
||||
text-align: center;
|
||||
font-size: 14px;
|
||||
}
|
||||
/* line 147, ../../../../../../var/lib/gems/1.8/gems/compass-0.11.3/frameworks/blueprint/stylesheets/blueprint/_grid.scss */
|
||||
* html #mainnav ul li {
|
||||
overflow-x: hidden;
|
||||
}
|
||||
/* line 113, ../src/main.sass */
|
||||
/* line 111, ../src/main.sass */
|
||||
#mainnav ul li a:hover {
|
||||
color: #efeff4;
|
||||
background-color: rgba(0, 0, 0, 0.3);
|
||||
|
@ -269,8 +223,9 @@ h1 {
|
|||
-o-box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px inset, rgba(255, 255, 255, 0.3) 0 1px 0;
|
||||
box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px inset, rgba(255, 255, 255, 0.3) 0 1px 0;
|
||||
}
|
||||
/* line 117, ../src/main.sass */
|
||||
/* line 115, ../src/main.sass */
|
||||
#mainnav ul li a {
|
||||
padding: 0.2em;
|
||||
-moz-border-radius: 2ex;
|
||||
-webkit-border-radius: 2ex;
|
||||
-o-border-radius: 2ex;
|
||||
|
@ -282,28 +237,12 @@ h1 {
|
|||
display: inline-block;
|
||||
color: #b4b8c5;
|
||||
}
|
||||
/* line 123, ../src/main.sass */
|
||||
/* line 122, ../src/main.sass */
|
||||
#mainnav ul li a:hover {
|
||||
color: #efeff4;
|
||||
}
|
||||
|
||||
/* line 166, ../src/main.sass */
|
||||
#mainnav ul li:last-child {
|
||||
margin-right: 0;
|
||||
}
|
||||
|
||||
/* line 169, ../src/main.sass */
|
||||
#mainlinks {
|
||||
display: inline;
|
||||
float: left;
|
||||
margin-right: 10px;
|
||||
width: 950px;
|
||||
}
|
||||
/* line 147, ../../../../../../var/lib/gems/1.8/gems/compass-0.11.3/frameworks/blueprint/stylesheets/blueprint/_grid.scss */
|
||||
* html #mainlinks {
|
||||
overflow-x: hidden;
|
||||
}
|
||||
|
||||
/* line 172, ../src/main.sass */
|
||||
.slideshow {
|
||||
background-color: rgba(0, 0, 0, 0.02);
|
||||
-moz-box-shadow: white 0 0 3px, rgba(0, 0, 0, 0.2) 0 0 3px inset;
|
||||
|
@ -316,34 +255,19 @@ h1 {
|
|||
-ms-border-radius: 5px;
|
||||
-khtml-border-radius: 5px;
|
||||
border-radius: 5px;
|
||||
display: inline;
|
||||
float: left;
|
||||
margin-right: 10px;
|
||||
width: 950px;
|
||||
}
|
||||
/* line 97, ../src/main.sass */
|
||||
/* line 101, ../src/main.sass */
|
||||
.slideshow > * {
|
||||
padding: 20px;
|
||||
}
|
||||
/* line 147, ../../../../../../var/lib/gems/1.8/gems/compass-0.11.3/frameworks/blueprint/stylesheets/blueprint/_grid.scss */
|
||||
* html .slideshow {
|
||||
overflow-x: hidden;
|
||||
}
|
||||
|
||||
/* line 176, ../src/main.sass */
|
||||
footer {
|
||||
display: inline;
|
||||
float: left;
|
||||
margin-right: 10px;
|
||||
width: 950px;
|
||||
margin-right: 0;
|
||||
}
|
||||
/* line 147, ../../../../../../var/lib/gems/1.8/gems/compass-0.11.3/frameworks/blueprint/stylesheets/blueprint/_grid.scss */
|
||||
* html footer {
|
||||
overflow-x: hidden;
|
||||
}
|
||||
|
||||
/* line 180, ../src/main.sass */
|
||||
/* line 169, ../src/main.sass */
|
||||
.flush {
|
||||
clear: both;
|
||||
}
|
||||
|
||||
/* line 172, ../src/main.sass */
|
||||
#main {
|
||||
width: 50%;
|
||||
margin-left: 25%;
|
||||
}
|
||||
|
|
|
@ -1,505 +0,0 @@
|
|||
/* line 65, ../src/obsolete.scss */
|
||||
* {
|
||||
-moz-transition-property: all;
|
||||
-webkit-transition-property: all;
|
||||
-o-transition-property: all;
|
||||
transition-property: all;
|
||||
-moz-transition-duration: 0.5s;
|
||||
-webkit-transition-duration: 0.5s;
|
||||
-o-transition-duration: 0.5s;
|
||||
transition-duration: 0.5s;
|
||||
}
|
||||
|
||||
/* line 70, ../src/obsolete.scss */
|
||||
body {
|
||||
background: #dddde0;
|
||||
font-family: Georgia, 'Kreon', serif;
|
||||
font-size: 1.2em;
|
||||
}
|
||||
|
||||
/* line 76, ../src/obsolete.scss */
|
||||
a {
|
||||
color: #7689a6;
|
||||
border: none;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
/* line 81, ../src/obsolete.scss */
|
||||
a:hover {
|
||||
color: #cc6d00;
|
||||
}
|
||||
|
||||
/* line 85, ../src/obsolete.scss */
|
||||
img {
|
||||
max-width: 100%;
|
||||
}
|
||||
|
||||
/* line 88, ../src/obsolete.scss */
|
||||
article img {
|
||||
background-color: rgba(0, 0, 0, 0.02);
|
||||
-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;
|
||||
padding: 15px;
|
||||
width: 344px;
|
||||
margin-right: 24px;
|
||||
margin: 24px;
|
||||
}
|
||||
/* line 40, ../src/obsolete.scss */
|
||||
article img > * {
|
||||
padding: 20px;
|
||||
}
|
||||
/* line 43, ../src/obsolete.scss */
|
||||
article img:hover {
|
||||
background-color: rgba(0, 0, 0, 0.05);
|
||||
}
|
||||
/* line 94, ../src/obsolete.scss */
|
||||
article img.left {
|
||||
margin: 0 24px 24px 0;
|
||||
}
|
||||
/* line 97, ../src/obsolete.scss */
|
||||
article img.right {
|
||||
margin: 0 0 24px 24px;
|
||||
}
|
||||
|
||||
/* line 102, ../src/obsolete.scss */
|
||||
.corps {
|
||||
margin: 48px 0;
|
||||
line-height: 32px;
|
||||
}
|
||||
|
||||
/* line 107, ../src/obsolete.scss */
|
||||
#metacontainer {
|
||||
border-bottom: 1px solid #888;
|
||||
}
|
||||
|
||||
/* line 110, ../src/obsolete.scss */
|
||||
body > header {
|
||||
margin: 0;
|
||||
color: #CCC;
|
||||
background-color: #2c5490;
|
||||
line-height: 50px;
|
||||
font-weight: bold;
|
||||
-moz-box-shadow: 0px 0px 5px #333333;
|
||||
-webkit-box-shadow: 0px 0px 5px #333333;
|
||||
-o-box-shadow: 0px 0px 5px #333333;
|
||||
box-shadow: 0px 0px 5px #333333;
|
||||
}
|
||||
|
||||
/* line 118, ../src/obsolete.scss */
|
||||
body > footer {
|
||||
border-top: solid 1px rgba(0, 0, 0, 0.1);
|
||||
border-bottom: solid 1px rgba(0, 0, 0, 0.1);
|
||||
padding: 80px;
|
||||
margin: 0;
|
||||
bottom: 0;
|
||||
background-color: #bcd0ee;
|
||||
font-size: .9em;
|
||||
text-shadow: 1px 1px white;
|
||||
-moz-box-shadow: rgba(0, 0, 0, 0.2) 0 0 7px inset;
|
||||
-webkit-box-shadow: rgba(0, 0, 0, 0.2) 0 0 7px inset;
|
||||
-o-box-shadow: rgba(0, 0, 0, 0.2) 0 0 7px inset;
|
||||
box-shadow: rgba(0, 0, 0, 0.2) 0 0 7px inset;
|
||||
}
|
||||
/* line 128, ../src/obsolete.scss */
|
||||
body > footer a {
|
||||
color: #2c5490;
|
||||
}
|
||||
|
||||
/* line 133, ../src/obsolete.scss */
|
||||
article > footer {
|
||||
margin: 48px 0;
|
||||
width: 252px;
|
||||
margin-right: 24px;
|
||||
background-color: rgba(0, 0, 0, 0.02);
|
||||
-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;
|
||||
font-size: .7em;
|
||||
}
|
||||
/* line 135, ../src/obsolete.scss */
|
||||
article > footer ul {
|
||||
list-style-type: none;
|
||||
}
|
||||
/* line 40, ../src/obsolete.scss */
|
||||
article > footer > * {
|
||||
padding: 20px;
|
||||
}
|
||||
/* line 43, ../src/obsolete.scss */
|
||||
article > footer:hover {
|
||||
background-color: rgba(0, 0, 0, 0.05);
|
||||
}
|
||||
/* line 141, ../src/obsolete.scss */
|
||||
article > footer ul {
|
||||
list-style-type: none;
|
||||
}
|
||||
|
||||
/* line 148, ../src/obsolete.scss */
|
||||
nav {
|
||||
border-bottom: solid 1px rgba(0, 0, 0, 0.1);
|
||||
}
|
||||
/* line 151, ../src/obsolete.scss */
|
||||
nav ul {
|
||||
list-style-type: none;
|
||||
}
|
||||
/* line 153, ../src/obsolete.scss */
|
||||
nav ul li {
|
||||
display: inline-block;
|
||||
height: 50px;
|
||||
margin-right: 0;
|
||||
width: 8em;
|
||||
text-align: center;
|
||||
border-left: solid 1px rgba(255, 255, 255, 0.1);
|
||||
border-right: solid 1px rgba(0, 0, 0, 0.2);
|
||||
}
|
||||
/* line 161, ../src/obsolete.scss */
|
||||
nav ul li * {
|
||||
display: block;
|
||||
margin-right: 0px;
|
||||
margin-left: 0px;
|
||||
padding: 0 10px;
|
||||
height: 100%;
|
||||
text-shadow: -1px -1px rgba(0, 0, 0, 0.2), 1px 1px rgba(0, 0, 0, 0.2);
|
||||
}
|
||||
/* line 169, ../src/obsolete.scss */
|
||||
nav ul li span.active {
|
||||
background-color: rgba(0, 0, 0, 0.1);
|
||||
}
|
||||
/* line 172, ../src/obsolete.scss */
|
||||
nav ul li a {
|
||||
color: rgba(255, 255, 255, 0.8);
|
||||
}
|
||||
/* line 174, ../src/obsolete.scss */
|
||||
nav ul li a:hover {
|
||||
color: rgba(255, 255, 255, 0.8);
|
||||
background-color: rgba(255, 255, 255, 0.1);
|
||||
}
|
||||
|
||||
/* line 183, ../src/obsolete.scss */
|
||||
header #choixrss, header #choixlang {
|
||||
display: block;
|
||||
text-shadow: -1px -1px rgba(0, 0, 0, 0.2), 1px 1px rgba(0, 0, 0, 0.2);
|
||||
float: right;
|
||||
height: 50px;
|
||||
text-align: center;
|
||||
border-left: solid 1px rgba(255, 255, 255, 0.1);
|
||||
border-right: solid 1px rgba(0, 0, 0, 0.2);
|
||||
}
|
||||
/* line 191, ../src/obsolete.scss */
|
||||
header #choixrss a, header #choixlang a {
|
||||
color: #bcd0ee;
|
||||
display: block;
|
||||
height: 100%;
|
||||
text-align: center;
|
||||
}
|
||||
/* line 197, ../src/obsolete.scss */
|
||||
header #choixrss a:hover, header #choixlang a:hover {
|
||||
color: rgba(255, 255, 255, 0.8);
|
||||
background-color: rgba(255, 255, 255, 0.1);
|
||||
}
|
||||
|
||||
/* line 203, ../src/obsolete.scss */
|
||||
nav ul li, #choixlang, #choixrss {
|
||||
width: 160px;
|
||||
}
|
||||
/* line 204, ../src/obsolete.scss */
|
||||
nav ul li a:hover, #choixlang a:hover, #choixrss a:hover {
|
||||
-moz-box-shadow: #333377 0 0 8px inset;
|
||||
-webkit-box-shadow: #333377 0 0 8px inset;
|
||||
-o-box-shadow: #333377 0 0 8px inset;
|
||||
box-shadow: #333377 0 0 8px inset;
|
||||
}
|
||||
|
||||
/* line 210, ../src/obsolete.scss */
|
||||
#main, #container {
|
||||
margin: 0px auto;
|
||||
}
|
||||
|
||||
/* line 214, ../src/obsolete.scss */
|
||||
h1, h2, h3, h4, h5, h6 {
|
||||
font-family: 'Expletus Sans',Futura,sans-serif;
|
||||
text-shadow: 0px -1px 0px #223366, 0px 1px 0px white;
|
||||
font-weight: bold;
|
||||
color: #7689a6;
|
||||
margin: 48px 0;
|
||||
text-align: center;
|
||||
}
|
||||
/* line 223, ../src/obsolete.scss */
|
||||
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {
|
||||
text-shadow: 0px -1px 0px #883c00, 0px 1px 0px white;
|
||||
}
|
||||
|
||||
/* line 229, ../src/obsolete.scss */
|
||||
article article {
|
||||
background-color: rgba(0, 0, 0, 0.02);
|
||||
-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: 24px 0;
|
||||
}
|
||||
/* line 40, ../src/obsolete.scss */
|
||||
article article > * {
|
||||
padding: 20px;
|
||||
}
|
||||
/* line 43, ../src/obsolete.scss */
|
||||
article article:hover {
|
||||
background-color: rgba(0, 0, 0, 0.05);
|
||||
}
|
||||
/* line 231, ../src/obsolete.scss */
|
||||
article article .date {
|
||||
float: right;
|
||||
padding: 0;
|
||||
margin: 20px;
|
||||
}
|
||||
/* line 233, ../src/obsolete.scss */
|
||||
article article h1, article article h2, article article h3, article article h4, article article h5, article article h6 {
|
||||
text-align: left;
|
||||
font-size: 36px;
|
||||
line-height: 30px;
|
||||
margin: 0 0 16px;
|
||||
}
|
||||
|
||||
/* line 241, ../src/obsolete.scss */
|
||||
.intro {
|
||||
margin-bottom: 24px;
|
||||
}
|
||||
|
||||
/* line 245, ../src/obsolete.scss */
|
||||
.sc {
|
||||
font-variant: small-caps;
|
||||
}
|
||||
|
||||
/* line 249, ../src/obsolete.scss */
|
||||
.block {
|
||||
background-color: rgba(0, 0, 0, 0.02);
|
||||
-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-bottom: 48px;
|
||||
height: 144px;
|
||||
cursor: pointer;
|
||||
width: 252px;
|
||||
margin-right: 24px;
|
||||
float: left;
|
||||
}
|
||||
/* line 40, ../src/obsolete.scss */
|
||||
.block > * {
|
||||
padding: 20px;
|
||||
}
|
||||
/* line 43, ../src/obsolete.scss */
|
||||
.block:hover {
|
||||
background-color: rgba(0, 0, 0, 0.05);
|
||||
}
|
||||
/* line 253, ../src/obsolete.scss */
|
||||
.block h3 {
|
||||
text-size: .6em;
|
||||
text-align: left;
|
||||
margin: 0 0 12px;
|
||||
}
|
||||
|
||||
/* line 262, ../src/obsolete.scss */
|
||||
.right {
|
||||
float: right;
|
||||
}
|
||||
|
||||
/* line 265, ../src/obsolete.scss */
|
||||
.left {
|
||||
float: left;
|
||||
}
|
||||
|
||||
/* line 268, ../src/obsolete.scss */
|
||||
.flush {
|
||||
clear: both;
|
||||
}
|
||||
|
||||
/* line 271, ../src/obsolete.scss */
|
||||
.slideshow {
|
||||
background: #88aadd;
|
||||
color: #fafafa;
|
||||
font-weight: bold;
|
||||
text-shadow: 0 0 3px black;
|
||||
-moz-border-radius: 5px;
|
||||
-webkit-border-radius: 5px;
|
||||
-o-border-radius: 5px;
|
||||
-ms-border-radius: 5px;
|
||||
-khtml-border-radius: 5px;
|
||||
border-radius: 5px;
|
||||
-moz-box-shadow: white 0 0 3px, rgba(0, 0, 0, 0.3) 0 0 5px inset;
|
||||
-webkit-box-shadow: white 0 0 3px, rgba(0, 0, 0, 0.3) 0 0 5px inset;
|
||||
-o-box-shadow: white 0 0 3px, rgba(0, 0, 0, 0.3) 0 0 5px inset;
|
||||
box-shadow: white 0 0 3px, rgba(0, 0, 0, 0.3) 0 0 5px inset;
|
||||
width: 804px;
|
||||
}
|
||||
/* line 59, ../src/obsolete.scss */
|
||||
.slideshow > * {
|
||||
margin: 20px;
|
||||
}
|
||||
/* line 273, ../src/obsolete.scss */
|
||||
.slideshow > * {
|
||||
padding: 3em;
|
||||
}
|
||||
|
||||
/* line 278, ../src/obsolete.scss */
|
||||
.date {
|
||||
font-size: 0.4em;
|
||||
border: 1px solid #7689a6;
|
||||
text-align: center;
|
||||
width: 4.1em;
|
||||
line-height: 1.5em;
|
||||
display: inline-block;
|
||||
vertical-align: middle;
|
||||
margin-right: 1em;
|
||||
}
|
||||
/* line 287, ../src/obsolete.scss */
|
||||
.date .day, .date .month, .date .year {
|
||||
display: block;
|
||||
}
|
||||
/* line 290, ../src/obsolete.scss */
|
||||
.date .day {
|
||||
float: left;
|
||||
width: 1.7em;
|
||||
background: #a9c5ee;
|
||||
color: #2c5490;
|
||||
}
|
||||
/* line 296, ../src/obsolete.scss */
|
||||
.date .month {
|
||||
float: right;
|
||||
width: 2.3em;
|
||||
color: #a9c5ee;
|
||||
background: #2c5490;
|
||||
border-left: 1px solid #88aadd;
|
||||
}
|
||||
/* line 303, ../src/obsolete.scss */
|
||||
.date .year {
|
||||
line-height: 3ex;
|
||||
clear: both;
|
||||
background: #223366;
|
||||
color: #88aadd;
|
||||
border-top: 1px solid #223366;
|
||||
}
|
||||
|
||||
/* line 313, ../src/obsolete.scss */
|
||||
.archive {
|
||||
background-color: rgba(0, 0, 0, 0.02);
|
||||
-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;
|
||||
padding: 2em;
|
||||
}
|
||||
|
||||
/* line 319, ../src/obsolete.scss */
|
||||
.tag {
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
/* line 322, ../src/obsolete.scss */
|
||||
.nicer {
|
||||
font-family: "Lucida Grande", Tahoma;
|
||||
}
|
||||
|
||||
/* line 327, ../src/obsolete.scss */
|
||||
#elementblock ul {
|
||||
list-style-type: none;
|
||||
}
|
||||
/* line 329, ../src/obsolete.scss */
|
||||
#elementblock ul li {
|
||||
display: inline-block;
|
||||
width: 252px;
|
||||
margin-right: 24px;
|
||||
}
|
||||
/* line 332, ../src/obsolete.scss */
|
||||
#elementblock ul li a {
|
||||
float: left;
|
||||
background-color: rgba(0, 0, 0, 0.02);
|
||||
-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;
|
||||
padding: 1em;
|
||||
text-align: center;
|
||||
width: 80%;
|
||||
}
|
||||
/* line 341, ../src/obsolete.scss */
|
||||
#elementblock ul li a:hover {
|
||||
background-color: rgba(0, 0, 0, 0.05);
|
||||
}
|
||||
|
||||
/* line 348, ../src/obsolete.scss */
|
||||
.return {
|
||||
background-color: rgba(0, 0, 0, 0.02);
|
||||
-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;
|
||||
padding: .4em .3em 0;
|
||||
margin: 1em 0;
|
||||
}
|
||||
/* line 40, ../src/obsolete.scss */
|
||||
.return > * {
|
||||
padding: 20px;
|
||||
}
|
||||
/* line 43, ../src/obsolete.scss */
|
||||
.return:hover {
|
||||
background-color: rgba(0, 0, 0, 0.05);
|
||||
}
|
||||
|
||||
/* line 355, ../src/obsolete.scss */
|
||||
#related_articles #previous_articles {
|
||||
width: 344px;
|
||||
margin-right: 24px;
|
||||
float: left;
|
||||
}
|
||||
/* line 359, ../src/obsolete.scss */
|
||||
#related_articles #next_articles {
|
||||
float: right;
|
||||
text-align: right;
|
||||
width: 344px;
|
||||
margin-right: 24px;
|
||||
}
|
|
@ -1,73 +0,0 @@
|
|||
/* line 7, ../src/print.scss */
|
||||
body.bp {
|
||||
line-height: 1.5;
|
||||
font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
|
||||
color: black;
|
||||
background: none;
|
||||
font-size: 10pt;
|
||||
}
|
||||
/* line 45, /var/lib/gems/1.8/gems/compass-0.11.3/frameworks/blueprint/stylesheets/blueprint/_print.scss */
|
||||
body.bp .container {
|
||||
background: none;
|
||||
}
|
||||
/* line 47, /var/lib/gems/1.8/gems/compass-0.11.3/frameworks/blueprint/stylesheets/blueprint/_print.scss */
|
||||
body.bp hr {
|
||||
background: #cccccc;
|
||||
color: #cccccc;
|
||||
width: 100%;
|
||||
height: 2px;
|
||||
margin: 2em 0;
|
||||
padding: 0;
|
||||
border: none;
|
||||
}
|
||||
/* line 55, /var/lib/gems/1.8/gems/compass-0.11.3/frameworks/blueprint/stylesheets/blueprint/_print.scss */
|
||||
body.bp hr.space {
|
||||
background: white;
|
||||
color: white;
|
||||
}
|
||||
/* line 58, /var/lib/gems/1.8/gems/compass-0.11.3/frameworks/blueprint/stylesheets/blueprint/_print.scss */
|
||||
body.bp h1, body.bp h2, body.bp h3, body.bp h4, body.bp h5, body.bp h6 {
|
||||
font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
|
||||
}
|
||||
/* line 60, /var/lib/gems/1.8/gems/compass-0.11.3/frameworks/blueprint/stylesheets/blueprint/_print.scss */
|
||||
body.bp code {
|
||||
font-size: 0.9em;
|
||||
font-family: "andale mono", "lucida console", monospace;
|
||||
}
|
||||
/* line 65, /var/lib/gems/1.8/gems/compass-0.11.3/frameworks/blueprint/stylesheets/blueprint/_print.scss */
|
||||
body.bp a img {
|
||||
border: none;
|
||||
}
|
||||
/* line 68, /var/lib/gems/1.8/gems/compass-0.11.3/frameworks/blueprint/stylesheets/blueprint/_print.scss */
|
||||
body.bp a:link, body.bp a:visited {
|
||||
background: transparent;
|
||||
font-weight: 700;
|
||||
text-decoration: underline;
|
||||
}
|
||||
/* line 72, /var/lib/gems/1.8/gems/compass-0.11.3/frameworks/blueprint/stylesheets/blueprint/_print.scss */
|
||||
body.bp p img.top {
|
||||
margin-top: 0;
|
||||
}
|
||||
/* line 74, /var/lib/gems/1.8/gems/compass-0.11.3/frameworks/blueprint/stylesheets/blueprint/_print.scss */
|
||||
body.bp blockquote {
|
||||
margin: 1.5em;
|
||||
padding: 1em;
|
||||
font-style: italic;
|
||||
font-size: 0.9em;
|
||||
}
|
||||
/* line 79, /var/lib/gems/1.8/gems/compass-0.11.3/frameworks/blueprint/stylesheets/blueprint/_print.scss */
|
||||
body.bp .small {
|
||||
font-size: 0.9em;
|
||||
}
|
||||
/* line 81, /var/lib/gems/1.8/gems/compass-0.11.3/frameworks/blueprint/stylesheets/blueprint/_print.scss */
|
||||
body.bp .large {
|
||||
font-size: 1.1em;
|
||||
}
|
||||
/* line 83, /var/lib/gems/1.8/gems/compass-0.11.3/frameworks/blueprint/stylesheets/blueprint/_print.scss */
|
||||
body.bp .quiet {
|
||||
color: #999999;
|
||||
}
|
||||
/* line 85, /var/lib/gems/1.8/gems/compass-0.11.3/frameworks/blueprint/stylesheets/blueprint/_print.scss */
|
||||
body.bp .hide {
|
||||
display: none;
|
||||
}
|
|
@ -1,535 +0,0 @@
|
|||
/* line 4, /var/lib/gems/1.8/gems/compass-0.11.3/frameworks/blueprint/stylesheets/blueprint/reset/_utilities.scss */
|
||||
html {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
border: 0;
|
||||
}
|
||||
|
||||
/* line 18, /var/lib/gems/1.8/gems/compass-0.11.3/frameworks/blueprint/stylesheets/blueprint/reset/_utilities.scss */
|
||||
.bp-reset-element, body, h1, h2, h3, h4, h5, h6, article, aside, dialog, figure, footer, header, hgroup, nav, section, blockquote, q, th, td, caption, table,
|
||||
div, span, object, iframe, p,
|
||||
pre, a, abbr, acronym, address,
|
||||
code, del, dfn, em, img,
|
||||
dl, dt, dd, ol, ul, li, fieldset,
|
||||
form, label, legend,
|
||||
caption, tbody, tfoot, thead, tr {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
border: 0;
|
||||
font-weight: inherit;
|
||||
font-style: inherit;
|
||||
font-size: 100%;
|
||||
font-family: inherit;
|
||||
vertical-align: baseline;
|
||||
}
|
||||
|
||||
/* line 20, /var/lib/gems/1.8/gems/compass-0.11.3/frameworks/blueprint/stylesheets/blueprint/reset/_utilities.scss */
|
||||
article, aside, dialog, figure, footer, header, hgroup, nav, section {
|
||||
display: block;
|
||||
}
|
||||
|
||||
/* line 21, /var/lib/gems/1.8/gems/compass-0.11.3/frameworks/blueprint/stylesheets/blueprint/reset/_utilities.scss */
|
||||
blockquote, q {
|
||||
quotes: "" "";
|
||||
}
|
||||
/* line 67, /var/lib/gems/1.8/gems/compass-0.11.3/frameworks/blueprint/stylesheets/blueprint/reset/_utilities.scss */
|
||||
blockquote:before, blockquote:after, q:before, q:after {
|
||||
content: "";
|
||||
}
|
||||
|
||||
/* line 22, /var/lib/gems/1.8/gems/compass-0.11.3/frameworks/blueprint/stylesheets/blueprint/reset/_utilities.scss */
|
||||
th, td, caption {
|
||||
float: none !important;
|
||||
text-align: left;
|
||||
font-weight: normal;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
/* line 23, /var/lib/gems/1.8/gems/compass-0.11.3/frameworks/blueprint/stylesheets/blueprint/reset/_utilities.scss */
|
||||
table {
|
||||
border-collapse: separate;
|
||||
border-spacing: 0;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
/* line 24, /var/lib/gems/1.8/gems/compass-0.11.3/frameworks/blueprint/stylesheets/blueprint/reset/_utilities.scss */
|
||||
a img {
|
||||
border: none;
|
||||
}
|
||||
|
||||
/* line 27, ../src/screen.scss */
|
||||
body.bp {
|
||||
line-height: 1.5;
|
||||
font-family: Futura, "Molengo", serif;
|
||||
color: #333333;
|
||||
font-size: 112.5%;
|
||||
}
|
||||
/* line 51, /var/lib/gems/1.8/gems/compass-0.11.3/frameworks/blueprint/stylesheets/blueprint/_typography.scss */
|
||||
body.bp h1, body.bp h2, body.bp h3, body.bp h4, body.bp h5, body.bp h6 {
|
||||
font-weight: normal;
|
||||
color: #222222;
|
||||
}
|
||||
/* line 52, /var/lib/gems/1.8/gems/compass-0.11.3/frameworks/blueprint/stylesheets/blueprint/_typography.scss */
|
||||
body.bp h1 img, body.bp h2 img, body.bp h3 img, body.bp h4 img, body.bp h5 img, body.bp h6 img {
|
||||
margin: 0;
|
||||
}
|
||||
/* line 53, /var/lib/gems/1.8/gems/compass-0.11.3/frameworks/blueprint/stylesheets/blueprint/_typography.scss */
|
||||
body.bp h1 {
|
||||
font-size: 3em;
|
||||
line-height: 1;
|
||||
margin-bottom: 0.50em;
|
||||
}
|
||||
/* line 54, /var/lib/gems/1.8/gems/compass-0.11.3/frameworks/blueprint/stylesheets/blueprint/_typography.scss */
|
||||
body.bp h2 {
|
||||
font-size: 2em;
|
||||
margin-bottom: 0.75em;
|
||||
}
|
||||
/* line 55, /var/lib/gems/1.8/gems/compass-0.11.3/frameworks/blueprint/stylesheets/blueprint/_typography.scss */
|
||||
body.bp h3 {
|
||||
font-size: 1.5em;
|
||||
line-height: 1;
|
||||
margin-bottom: 1.00em;
|
||||
}
|
||||
/* line 56, /var/lib/gems/1.8/gems/compass-0.11.3/frameworks/blueprint/stylesheets/blueprint/_typography.scss */
|
||||
body.bp h4 {
|
||||
font-size: 1.2em;
|
||||
line-height: 1.25;
|
||||
margin-bottom: 1.25em;
|
||||
}
|
||||
/* line 57, /var/lib/gems/1.8/gems/compass-0.11.3/frameworks/blueprint/stylesheets/blueprint/_typography.scss */
|
||||
body.bp h5 {
|
||||
font-size: 1em;
|
||||
font-weight: bold;
|
||||
margin-bottom: 1.50em;
|
||||
}
|
||||
/* line 58, /var/lib/gems/1.8/gems/compass-0.11.3/frameworks/blueprint/stylesheets/blueprint/_typography.scss */
|
||||
body.bp h6 {
|
||||
font-size: 1em;
|
||||
font-weight: bold;
|
||||
}
|
||||
/* line 59, /var/lib/gems/1.8/gems/compass-0.11.3/frameworks/blueprint/stylesheets/blueprint/_typography.scss */
|
||||
body.bp p {
|
||||
margin: 0 0 1.5em;
|
||||
}
|
||||
/* line 60, /var/lib/gems/1.8/gems/compass-0.11.3/frameworks/blueprint/stylesheets/blueprint/_typography.scss */
|
||||
body.bp p .left {
|
||||
display: inline;
|
||||
float: left;
|
||||
margin: 1.5em 1.5em 1.5em 0;
|
||||
padding: 0;
|
||||
}
|
||||
/* line 61, /var/lib/gems/1.8/gems/compass-0.11.3/frameworks/blueprint/stylesheets/blueprint/_typography.scss */
|
||||
body.bp p .right {
|
||||
display: inline;
|
||||
float: right;
|
||||
margin: 1.5em 0 1.5em 1.5em;
|
||||
padding: 0;
|
||||
}
|
||||
/* line 62, /var/lib/gems/1.8/gems/compass-0.11.3/frameworks/blueprint/stylesheets/blueprint/_typography.scss */
|
||||
body.bp a {
|
||||
text-decoration: underline;
|
||||
color: #0066cc;
|
||||
}
|
||||
/* line 18, /var/lib/gems/1.8/gems/compass-0.11.3/frameworks/compass/stylesheets/compass/typography/links/_link-colors.scss */
|
||||
body.bp a:visited {
|
||||
color: #004c99;
|
||||
}
|
||||
/* line 21, /var/lib/gems/1.8/gems/compass-0.11.3/frameworks/compass/stylesheets/compass/typography/links/_link-colors.scss */
|
||||
body.bp a:focus {
|
||||
color: #0099ff;
|
||||
}
|
||||
/* line 24, /var/lib/gems/1.8/gems/compass-0.11.3/frameworks/compass/stylesheets/compass/typography/links/_link-colors.scss */
|
||||
body.bp a:hover {
|
||||
color: #0099ff;
|
||||
}
|
||||
/* line 27, /var/lib/gems/1.8/gems/compass-0.11.3/frameworks/compass/stylesheets/compass/typography/links/_link-colors.scss */
|
||||
body.bp a:active {
|
||||
color: #bf00ff;
|
||||
}
|
||||
/* line 63, /var/lib/gems/1.8/gems/compass-0.11.3/frameworks/blueprint/stylesheets/blueprint/_typography.scss */
|
||||
body.bp blockquote {
|
||||
margin: 1.5em;
|
||||
color: #666666;
|
||||
font-style: italic;
|
||||
}
|
||||
/* line 64, /var/lib/gems/1.8/gems/compass-0.11.3/frameworks/blueprint/stylesheets/blueprint/_typography.scss */
|
||||
body.bp strong, body.bp dfn {
|
||||
font-weight: bold;
|
||||
}
|
||||
/* line 65, /var/lib/gems/1.8/gems/compass-0.11.3/frameworks/blueprint/stylesheets/blueprint/_typography.scss */
|
||||
body.bp em, body.bp dfn {
|
||||
font-style: italic;
|
||||
}
|
||||
/* line 66, /var/lib/gems/1.8/gems/compass-0.11.3/frameworks/blueprint/stylesheets/blueprint/_typography.scss */
|
||||
body.bp sup, body.bp sub {
|
||||
line-height: 0;
|
||||
}
|
||||
/* line 67, /var/lib/gems/1.8/gems/compass-0.11.3/frameworks/blueprint/stylesheets/blueprint/_typography.scss */
|
||||
body.bp abbr, body.bp acronym {
|
||||
border-bottom: 1px dotted #666666;
|
||||
}
|
||||
/* line 68, /var/lib/gems/1.8/gems/compass-0.11.3/frameworks/blueprint/stylesheets/blueprint/_typography.scss */
|
||||
body.bp address {
|
||||
margin: 0 0 1.5em;
|
||||
font-style: italic;
|
||||
}
|
||||
/* line 69, /var/lib/gems/1.8/gems/compass-0.11.3/frameworks/blueprint/stylesheets/blueprint/_typography.scss */
|
||||
body.bp del {
|
||||
color: #666666;
|
||||
}
|
||||
/* line 70, /var/lib/gems/1.8/gems/compass-0.11.3/frameworks/blueprint/stylesheets/blueprint/_typography.scss */
|
||||
body.bp pre {
|
||||
margin: 1.5em 0;
|
||||
white-space: pre;
|
||||
}
|
||||
/* line 71, /var/lib/gems/1.8/gems/compass-0.11.3/frameworks/blueprint/stylesheets/blueprint/_typography.scss */
|
||||
body.bp pre, body.bp code, body.bp tt {
|
||||
font: 1em "andale mono", "lucida console", monospace;
|
||||
line-height: 1.5;
|
||||
}
|
||||
/* line 72, /var/lib/gems/1.8/gems/compass-0.11.3/frameworks/blueprint/stylesheets/blueprint/_typography.scss */
|
||||
body.bp li ul, body.bp li ol {
|
||||
margin: 0;
|
||||
}
|
||||
/* line 73, /var/lib/gems/1.8/gems/compass-0.11.3/frameworks/blueprint/stylesheets/blueprint/_typography.scss */
|
||||
body.bp ul, body.bp ol {
|
||||
margin: 0 1.5em 1.5em 0;
|
||||
padding-left: 1.5em;
|
||||
}
|
||||
/* line 74, /var/lib/gems/1.8/gems/compass-0.11.3/frameworks/blueprint/stylesheets/blueprint/_typography.scss */
|
||||
body.bp ul {
|
||||
list-style-type: disc;
|
||||
}
|
||||
/* line 75, /var/lib/gems/1.8/gems/compass-0.11.3/frameworks/blueprint/stylesheets/blueprint/_typography.scss */
|
||||
body.bp ol {
|
||||
list-style-type: decimal;
|
||||
}
|
||||
/* line 76, /var/lib/gems/1.8/gems/compass-0.11.3/frameworks/blueprint/stylesheets/blueprint/_typography.scss */
|
||||
body.bp dl {
|
||||
margin: 0 0 1.5em 0;
|
||||
}
|
||||
/* line 77, /var/lib/gems/1.8/gems/compass-0.11.3/frameworks/blueprint/stylesheets/blueprint/_typography.scss */
|
||||
body.bp dl dt {
|
||||
font-weight: bold;
|
||||
}
|
||||
/* line 78, /var/lib/gems/1.8/gems/compass-0.11.3/frameworks/blueprint/stylesheets/blueprint/_typography.scss */
|
||||
body.bp dd {
|
||||
margin-left: 1.5em;
|
||||
}
|
||||
/* line 79, /var/lib/gems/1.8/gems/compass-0.11.3/frameworks/blueprint/stylesheets/blueprint/_typography.scss */
|
||||
body.bp table {
|
||||
margin-bottom: 1.4em;
|
||||
width: 100%;
|
||||
}
|
||||
/* line 80, /var/lib/gems/1.8/gems/compass-0.11.3/frameworks/blueprint/stylesheets/blueprint/_typography.scss */
|
||||
body.bp th {
|
||||
font-weight: bold;
|
||||
}
|
||||
/* line 81, /var/lib/gems/1.8/gems/compass-0.11.3/frameworks/blueprint/stylesheets/blueprint/_typography.scss */
|
||||
body.bp thead th {
|
||||
background: #c3d9ff;
|
||||
}
|
||||
/* line 82, /var/lib/gems/1.8/gems/compass-0.11.3/frameworks/blueprint/stylesheets/blueprint/_typography.scss */
|
||||
body.bp th, body.bp td, body.bp caption {
|
||||
padding: 4px 10px 4px 5px;
|
||||
}
|
||||
/* line 85, /var/lib/gems/1.8/gems/compass-0.11.3/frameworks/blueprint/stylesheets/blueprint/_typography.scss */
|
||||
body.bp table.striped tr:nth-child(even) td,
|
||||
body.bp table tr.even td {
|
||||
background: #e5ecf9;
|
||||
}
|
||||
/* line 86, /var/lib/gems/1.8/gems/compass-0.11.3/frameworks/blueprint/stylesheets/blueprint/_typography.scss */
|
||||
body.bp tfoot {
|
||||
font-style: italic;
|
||||
}
|
||||
/* line 87, /var/lib/gems/1.8/gems/compass-0.11.3/frameworks/blueprint/stylesheets/blueprint/_typography.scss */
|
||||
body.bp caption {
|
||||
background: #eeeeee;
|
||||
}
|
||||
/* line 88, /var/lib/gems/1.8/gems/compass-0.11.3/frameworks/blueprint/stylesheets/blueprint/_typography.scss */
|
||||
body.bp .quiet {
|
||||
color: #666666;
|
||||
}
|
||||
/* line 89, /var/lib/gems/1.8/gems/compass-0.11.3/frameworks/blueprint/stylesheets/blueprint/_typography.scss */
|
||||
body.bp .loud {
|
||||
color: #111111;
|
||||
}
|
||||
/* line 9, /var/lib/gems/1.8/gems/compass-0.11.3/frameworks/blueprint/stylesheets/blueprint/_utilities.scss */
|
||||
body.bp .clear {
|
||||
clear: both;
|
||||
}
|
||||
/* line 12, /var/lib/gems/1.8/gems/compass-0.11.3/frameworks/blueprint/stylesheets/blueprint/_utilities.scss */
|
||||
body.bp .nowrap {
|
||||
white-space: nowrap;
|
||||
}
|
||||
/* line 16, /var/lib/gems/1.8/gems/compass-0.11.3/frameworks/blueprint/stylesheets/blueprint/_utilities.scss */
|
||||
body.bp .clearfix {
|
||||
overflow: hidden;
|
||||
*zoom: 1;
|
||||
}
|
||||
/* line 18, /var/lib/gems/1.8/gems/compass-0.11.3/frameworks/blueprint/stylesheets/blueprint/_utilities.scss */
|
||||
body.bp .small {
|
||||
font-size: 0.8em;
|
||||
margin-bottom: 1.875em;
|
||||
line-height: 1.875em;
|
||||
}
|
||||
/* line 22, /var/lib/gems/1.8/gems/compass-0.11.3/frameworks/blueprint/stylesheets/blueprint/_utilities.scss */
|
||||
body.bp .large {
|
||||
font-size: 1.2em;
|
||||
line-height: 2.5em;
|
||||
margin-bottom: 1.25em;
|
||||
}
|
||||
/* line 26, /var/lib/gems/1.8/gems/compass-0.11.3/frameworks/blueprint/stylesheets/blueprint/_utilities.scss */
|
||||
body.bp .first {
|
||||
margin-left: 0;
|
||||
padding-left: 0;
|
||||
}
|
||||
/* line 29, /var/lib/gems/1.8/gems/compass-0.11.3/frameworks/blueprint/stylesheets/blueprint/_utilities.scss */
|
||||
body.bp .last {
|
||||
margin-right: 0;
|
||||
padding-right: 0;
|
||||
}
|
||||
/* line 32, /var/lib/gems/1.8/gems/compass-0.11.3/frameworks/blueprint/stylesheets/blueprint/_utilities.scss */
|
||||
body.bp .top {
|
||||
margin-top: 0;
|
||||
padding-top: 0;
|
||||
}
|
||||
/* line 35, /var/lib/gems/1.8/gems/compass-0.11.3/frameworks/blueprint/stylesheets/blueprint/_utilities.scss */
|
||||
body.bp .bottom {
|
||||
margin-bottom: 0;
|
||||
padding-bottom: 0;
|
||||
}
|
||||
/* line 25, /var/lib/gems/1.8/gems/compass-0.11.3/frameworks/blueprint/stylesheets/blueprint/_debug.scss */
|
||||
body.bp .showgrid {
|
||||
background-image: -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(5%, rgba(0, 0, 0, 0.5)), color-stop(5%, rgba(0, 0, 0, 0))), -webkit-gradient(linear, 0% 50%, 960 50%, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(0%, rgba(100, 100, 225, 0.25)), color-stop(3.125%, rgba(100, 100, 225, 0.25)), color-stop(3.125%, rgba(0, 0, 0, 0)), color-stop(4.167%, rgba(0, 0, 0, 0)), color-stop(4.167%, rgba(100, 100, 225, 0.25)), color-stop(7.292%, rgba(100, 100, 225, 0.25)), color-stop(7.292%, rgba(0, 0, 0, 0)), color-stop(8.333%, rgba(0, 0, 0, 0)), color-stop(8.333%, rgba(100, 100, 225, 0.25)), color-stop(11.458%, rgba(100, 100, 225, 0.25)), color-stop(11.458%, rgba(0, 0, 0, 0)), color-stop(12.5%, rgba(0, 0, 0, 0)), color-stop(12.5%, rgba(100, 100, 225, 0.25)), color-stop(15.625%, rgba(100, 100, 225, 0.25)), color-stop(15.625%, rgba(0, 0, 0, 0)), color-stop(16.667%, rgba(0, 0, 0, 0)), color-stop(16.667%, rgba(100, 100, 225, 0.25)), color-stop(19.792%, rgba(100, 100, 225, 0.25)), color-stop(19.792%, rgba(0, 0, 0, 0)), color-stop(20.833%, rgba(0, 0, 0, 0)), color-stop(20.833%, rgba(100, 100, 225, 0.25)), color-stop(23.958%, rgba(100, 100, 225, 0.25)), color-stop(23.958%, rgba(0, 0, 0, 0)), color-stop(25%, rgba(0, 0, 0, 0)), color-stop(25%, rgba(100, 100, 225, 0.25)), color-stop(28.125%, rgba(100, 100, 225, 0.25)), color-stop(28.125%, rgba(0, 0, 0, 0)), color-stop(29.167%, rgba(0, 0, 0, 0)), color-stop(29.167%, rgba(100, 100, 225, 0.25)), color-stop(32.292%, rgba(100, 100, 225, 0.25)), color-stop(32.292%, rgba(0, 0, 0, 0)), color-stop(33.333%, rgba(0, 0, 0, 0)), color-stop(33.333%, rgba(100, 100, 225, 0.25)), color-stop(36.458%, rgba(100, 100, 225, 0.25)), color-stop(36.458%, rgba(0, 0, 0, 0)), color-stop(37.5%, rgba(0, 0, 0, 0)), color-stop(37.5%, rgba(100, 100, 225, 0.25)), color-stop(40.625%, rgba(100, 100, 225, 0.25)), color-stop(40.625%, rgba(0, 0, 0, 0)), color-stop(41.667%, rgba(0, 0, 0, 0)), color-stop(41.667%, rgba(100, 100, 225, 0.25)), color-stop(44.792%, rgba(100, 100, 225, 0.25)), color-stop(44.792%, rgba(0, 0, 0, 0)), color-stop(45.833%, rgba(0, 0, 0, 0)), color-stop(45.833%, rgba(100, 100, 225, 0.25)), color-stop(48.958%, rgba(100, 100, 225, 0.25)), color-stop(48.958%, rgba(0, 0, 0, 0)), color-stop(50%, rgba(0, 0, 0, 0)), color-stop(50%, rgba(100, 100, 225, 0.25)), color-stop(53.125%, rgba(100, 100, 225, 0.25)), color-stop(53.125%, rgba(0, 0, 0, 0)), color-stop(54.167%, rgba(0, 0, 0, 0)), color-stop(54.167%, rgba(100, 100, 225, 0.25)), color-stop(57.292%, rgba(100, 100, 225, 0.25)), color-stop(57.292%, rgba(0, 0, 0, 0)), color-stop(58.333%, rgba(0, 0, 0, 0)), color-stop(58.333%, rgba(100, 100, 225, 0.25)), color-stop(61.458%, rgba(100, 100, 225, 0.25)), color-stop(61.458%, rgba(0, 0, 0, 0)), color-stop(62.5%, rgba(0, 0, 0, 0)), color-stop(62.5%, rgba(100, 100, 225, 0.25)), color-stop(65.625%, rgba(100, 100, 225, 0.25)), color-stop(65.625%, rgba(0, 0, 0, 0)), color-stop(66.667%, rgba(0, 0, 0, 0)), color-stop(66.667%, rgba(100, 100, 225, 0.25)), color-stop(69.792%, rgba(100, 100, 225, 0.25)), color-stop(69.792%, rgba(0, 0, 0, 0)), color-stop(70.833%, rgba(0, 0, 0, 0)), color-stop(70.833%, rgba(100, 100, 225, 0.25)), color-stop(73.958%, rgba(100, 100, 225, 0.25)), color-stop(73.958%, rgba(0, 0, 0, 0)), color-stop(75%, rgba(0, 0, 0, 0)), color-stop(75%, rgba(100, 100, 225, 0.25)), color-stop(78.125%, rgba(100, 100, 225, 0.25)), color-stop(78.125%, rgba(0, 0, 0, 0)), color-stop(79.167%, rgba(0, 0, 0, 0)), color-stop(79.167%, rgba(100, 100, 225, 0.25)), color-stop(82.292%, rgba(100, 100, 225, 0.25)), color-stop(82.292%, rgba(0, 0, 0, 0)), color-stop(83.333%, rgba(0, 0, 0, 0)), color-stop(83.333%, rgba(100, 100, 225, 0.25)), color-stop(86.458%, rgba(100, 100, 225, 0.25)), color-stop(86.458%, rgba(0, 0, 0, 0)), color-stop(87.5%, rgba(0, 0, 0, 0)), color-stop(87.5%, rgba(100, 100, 225, 0.25)), color-stop(90.625%, rgba(100, 100, 225, 0.25)), color-stop(90.625%, rgba(0, 0, 0, 0)), color-stop(91.667%, rgba(0, 0, 0, 0)), color-stop(91.667%, rgba(100, 100, 225, 0.25)), color-stop(94.792%, rgba(100, 100, 225, 0.25)), color-stop(94.792%, rgba(0, 0, 0, 0)), color-stop(95.833%, rgba(0, 0, 0, 0)), color-stop(95.833%, rgba(100, 100, 225, 0.25)), color-stop(98.958%, rgba(100, 100, 225, 0.25)), color-stop(98.958%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0)));
|
||||
background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.5) 5%, rgba(0, 0, 0, 0) 5%), -webkit-linear-gradient(left, rgba(0, 0, 0, 0) 0px, rgba(100, 100, 225, 0.25) 0px, rgba(100, 100, 225, 0.25) 30px, rgba(0, 0, 0, 0) 30px, rgba(0, 0, 0, 0) 40px, rgba(100, 100, 225, 0.25) 40px, rgba(100, 100, 225, 0.25) 70px, rgba(0, 0, 0, 0) 70px, rgba(0, 0, 0, 0) 80px, rgba(100, 100, 225, 0.25) 80px, rgba(100, 100, 225, 0.25) 110px, rgba(0, 0, 0, 0) 110px, rgba(0, 0, 0, 0) 120px, rgba(100, 100, 225, 0.25) 120px, rgba(100, 100, 225, 0.25) 150px, rgba(0, 0, 0, 0) 150px, rgba(0, 0, 0, 0) 160px, rgba(100, 100, 225, 0.25) 160px, rgba(100, 100, 225, 0.25) 190px, rgba(0, 0, 0, 0) 190px, rgba(0, 0, 0, 0) 200px, rgba(100, 100, 225, 0.25) 200px, rgba(100, 100, 225, 0.25) 230px, rgba(0, 0, 0, 0) 230px, rgba(0, 0, 0, 0) 240px, rgba(100, 100, 225, 0.25) 240px, rgba(100, 100, 225, 0.25) 270px, rgba(0, 0, 0, 0) 270px, rgba(0, 0, 0, 0) 280px, rgba(100, 100, 225, 0.25) 280px, rgba(100, 100, 225, 0.25) 310px, rgba(0, 0, 0, 0) 310px, rgba(0, 0, 0, 0) 320px, rgba(100, 100, 225, 0.25) 320px, rgba(100, 100, 225, 0.25) 350px, rgba(0, 0, 0, 0) 350px, rgba(0, 0, 0, 0) 360px, rgba(100, 100, 225, 0.25) 360px, rgba(100, 100, 225, 0.25) 390px, rgba(0, 0, 0, 0) 390px, rgba(0, 0, 0, 0) 400px, rgba(100, 100, 225, 0.25) 400px, rgba(100, 100, 225, 0.25) 430px, rgba(0, 0, 0, 0) 430px, rgba(0, 0, 0, 0) 440px, rgba(100, 100, 225, 0.25) 440px, rgba(100, 100, 225, 0.25) 470px, rgba(0, 0, 0, 0) 470px, rgba(0, 0, 0, 0) 480px, rgba(100, 100, 225, 0.25) 480px, rgba(100, 100, 225, 0.25) 510px, rgba(0, 0, 0, 0) 510px, rgba(0, 0, 0, 0) 520px, rgba(100, 100, 225, 0.25) 520px, rgba(100, 100, 225, 0.25) 550px, rgba(0, 0, 0, 0) 550px, rgba(0, 0, 0, 0) 560px, rgba(100, 100, 225, 0.25) 560px, rgba(100, 100, 225, 0.25) 590px, rgba(0, 0, 0, 0) 590px, rgba(0, 0, 0, 0) 600px, rgba(100, 100, 225, 0.25) 600px, rgba(100, 100, 225, 0.25) 630px, rgba(0, 0, 0, 0) 630px, rgba(0, 0, 0, 0) 640px, rgba(100, 100, 225, 0.25) 640px, rgba(100, 100, 225, 0.25) 670px, rgba(0, 0, 0, 0) 670px, rgba(0, 0, 0, 0) 680px, rgba(100, 100, 225, 0.25) 680px, rgba(100, 100, 225, 0.25) 710px, rgba(0, 0, 0, 0) 710px, rgba(0, 0, 0, 0) 720px, rgba(100, 100, 225, 0.25) 720px, rgba(100, 100, 225, 0.25) 750px, rgba(0, 0, 0, 0) 750px, rgba(0, 0, 0, 0) 760px, rgba(100, 100, 225, 0.25) 760px, rgba(100, 100, 225, 0.25) 790px, rgba(0, 0, 0, 0) 790px, rgba(0, 0, 0, 0) 800px, rgba(100, 100, 225, 0.25) 800px, rgba(100, 100, 225, 0.25) 830px, rgba(0, 0, 0, 0) 830px, rgba(0, 0, 0, 0) 840px, rgba(100, 100, 225, 0.25) 840px, rgba(100, 100, 225, 0.25) 870px, rgba(0, 0, 0, 0) 870px, rgba(0, 0, 0, 0) 880px, rgba(100, 100, 225, 0.25) 880px, rgba(100, 100, 225, 0.25) 910px, rgba(0, 0, 0, 0) 910px, rgba(0, 0, 0, 0) 920px, rgba(100, 100, 225, 0.25) 920px, rgba(100, 100, 225, 0.25) 950px, rgba(0, 0, 0, 0) 950px, rgba(0, 0, 0, 0) 960px);
|
||||
background-image: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0.5) 5%, rgba(0, 0, 0, 0) 5%), -moz-linear-gradient(left, rgba(0, 0, 0, 0) 0px, rgba(100, 100, 225, 0.25) 0px, rgba(100, 100, 225, 0.25) 30px, rgba(0, 0, 0, 0) 30px, rgba(0, 0, 0, 0) 40px, rgba(100, 100, 225, 0.25) 40px, rgba(100, 100, 225, 0.25) 70px, rgba(0, 0, 0, 0) 70px, rgba(0, 0, 0, 0) 80px, rgba(100, 100, 225, 0.25) 80px, rgba(100, 100, 225, 0.25) 110px, rgba(0, 0, 0, 0) 110px, rgba(0, 0, 0, 0) 120px, rgba(100, 100, 225, 0.25) 120px, rgba(100, 100, 225, 0.25) 150px, rgba(0, 0, 0, 0) 150px, rgba(0, 0, 0, 0) 160px, rgba(100, 100, 225, 0.25) 160px, rgba(100, 100, 225, 0.25) 190px, rgba(0, 0, 0, 0) 190px, rgba(0, 0, 0, 0) 200px, rgba(100, 100, 225, 0.25) 200px, rgba(100, 100, 225, 0.25) 230px, rgba(0, 0, 0, 0) 230px, rgba(0, 0, 0, 0) 240px, rgba(100, 100, 225, 0.25) 240px, rgba(100, 100, 225, 0.25) 270px, rgba(0, 0, 0, 0) 270px, rgba(0, 0, 0, 0) 280px, rgba(100, 100, 225, 0.25) 280px, rgba(100, 100, 225, 0.25) 310px, rgba(0, 0, 0, 0) 310px, rgba(0, 0, 0, 0) 320px, rgba(100, 100, 225, 0.25) 320px, rgba(100, 100, 225, 0.25) 350px, rgba(0, 0, 0, 0) 350px, rgba(0, 0, 0, 0) 360px, rgba(100, 100, 225, 0.25) 360px, rgba(100, 100, 225, 0.25) 390px, rgba(0, 0, 0, 0) 390px, rgba(0, 0, 0, 0) 400px, rgba(100, 100, 225, 0.25) 400px, rgba(100, 100, 225, 0.25) 430px, rgba(0, 0, 0, 0) 430px, rgba(0, 0, 0, 0) 440px, rgba(100, 100, 225, 0.25) 440px, rgba(100, 100, 225, 0.25) 470px, rgba(0, 0, 0, 0) 470px, rgba(0, 0, 0, 0) 480px, rgba(100, 100, 225, 0.25) 480px, rgba(100, 100, 225, 0.25) 510px, rgba(0, 0, 0, 0) 510px, rgba(0, 0, 0, 0) 520px, rgba(100, 100, 225, 0.25) 520px, rgba(100, 100, 225, 0.25) 550px, rgba(0, 0, 0, 0) 550px, rgba(0, 0, 0, 0) 560px, rgba(100, 100, 225, 0.25) 560px, rgba(100, 100, 225, 0.25) 590px, rgba(0, 0, 0, 0) 590px, rgba(0, 0, 0, 0) 600px, rgba(100, 100, 225, 0.25) 600px, rgba(100, 100, 225, 0.25) 630px, rgba(0, 0, 0, 0) 630px, rgba(0, 0, 0, 0) 640px, rgba(100, 100, 225, 0.25) 640px, rgba(100, 100, 225, 0.25) 670px, rgba(0, 0, 0, 0) 670px, rgba(0, 0, 0, 0) 680px, rgba(100, 100, 225, 0.25) 680px, rgba(100, 100, 225, 0.25) 710px, rgba(0, 0, 0, 0) 710px, rgba(0, 0, 0, 0) 720px, rgba(100, 100, 225, 0.25) 720px, rgba(100, 100, 225, 0.25) 750px, rgba(0, 0, 0, 0) 750px, rgba(0, 0, 0, 0) 760px, rgba(100, 100, 225, 0.25) 760px, rgba(100, 100, 225, 0.25) 790px, rgba(0, 0, 0, 0) 790px, rgba(0, 0, 0, 0) 800px, rgba(100, 100, 225, 0.25) 800px, rgba(100, 100, 225, 0.25) 830px, rgba(0, 0, 0, 0) 830px, rgba(0, 0, 0, 0) 840px, rgba(100, 100, 225, 0.25) 840px, rgba(100, 100, 225, 0.25) 870px, rgba(0, 0, 0, 0) 870px, rgba(0, 0, 0, 0) 880px, rgba(100, 100, 225, 0.25) 880px, rgba(100, 100, 225, 0.25) 910px, rgba(0, 0, 0, 0) 910px, rgba(0, 0, 0, 0) 920px, rgba(100, 100, 225, 0.25) 920px, rgba(100, 100, 225, 0.25) 950px, rgba(0, 0, 0, 0) 950px, rgba(0, 0, 0, 0) 960px);
|
||||
background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.5) 5%, rgba(0, 0, 0, 0) 5%), -o-linear-gradient(left, rgba(0, 0, 0, 0) 0px, rgba(100, 100, 225, 0.25) 0px, rgba(100, 100, 225, 0.25) 30px, rgba(0, 0, 0, 0) 30px, rgba(0, 0, 0, 0) 40px, rgba(100, 100, 225, 0.25) 40px, rgba(100, 100, 225, 0.25) 70px, rgba(0, 0, 0, 0) 70px, rgba(0, 0, 0, 0) 80px, rgba(100, 100, 225, 0.25) 80px, rgba(100, 100, 225, 0.25) 110px, rgba(0, 0, 0, 0) 110px, rgba(0, 0, 0, 0) 120px, rgba(100, 100, 225, 0.25) 120px, rgba(100, 100, 225, 0.25) 150px, rgba(0, 0, 0, 0) 150px, rgba(0, 0, 0, 0) 160px, rgba(100, 100, 225, 0.25) 160px, rgba(100, 100, 225, 0.25) 190px, rgba(0, 0, 0, 0) 190px, rgba(0, 0, 0, 0) 200px, rgba(100, 100, 225, 0.25) 200px, rgba(100, 100, 225, 0.25) 230px, rgba(0, 0, 0, 0) 230px, rgba(0, 0, 0, 0) 240px, rgba(100, 100, 225, 0.25) 240px, rgba(100, 100, 225, 0.25) 270px, rgba(0, 0, 0, 0) 270px, rgba(0, 0, 0, 0) 280px, rgba(100, 100, 225, 0.25) 280px, rgba(100, 100, 225, 0.25) 310px, rgba(0, 0, 0, 0) 310px, rgba(0, 0, 0, 0) 320px, rgba(100, 100, 225, 0.25) 320px, rgba(100, 100, 225, 0.25) 350px, rgba(0, 0, 0, 0) 350px, rgba(0, 0, 0, 0) 360px, rgba(100, 100, 225, 0.25) 360px, rgba(100, 100, 225, 0.25) 390px, rgba(0, 0, 0, 0) 390px, rgba(0, 0, 0, 0) 400px, rgba(100, 100, 225, 0.25) 400px, rgba(100, 100, 225, 0.25) 430px, rgba(0, 0, 0, 0) 430px, rgba(0, 0, 0, 0) 440px, rgba(100, 100, 225, 0.25) 440px, rgba(100, 100, 225, 0.25) 470px, rgba(0, 0, 0, 0) 470px, rgba(0, 0, 0, 0) 480px, rgba(100, 100, 225, 0.25) 480px, rgba(100, 100, 225, 0.25) 510px, rgba(0, 0, 0, 0) 510px, rgba(0, 0, 0, 0) 520px, rgba(100, 100, 225, 0.25) 520px, rgba(100, 100, 225, 0.25) 550px, rgba(0, 0, 0, 0) 550px, rgba(0, 0, 0, 0) 560px, rgba(100, 100, 225, 0.25) 560px, rgba(100, 100, 225, 0.25) 590px, rgba(0, 0, 0, 0) 590px, rgba(0, 0, 0, 0) 600px, rgba(100, 100, 225, 0.25) 600px, rgba(100, 100, 225, 0.25) 630px, rgba(0, 0, 0, 0) 630px, rgba(0, 0, 0, 0) 640px, rgba(100, 100, 225, 0.25) 640px, rgba(100, 100, 225, 0.25) 670px, rgba(0, 0, 0, 0) 670px, rgba(0, 0, 0, 0) 680px, rgba(100, 100, 225, 0.25) 680px, rgba(100, 100, 225, 0.25) 710px, rgba(0, 0, 0, 0) 710px, rgba(0, 0, 0, 0) 720px, rgba(100, 100, 225, 0.25) 720px, rgba(100, 100, 225, 0.25) 750px, rgba(0, 0, 0, 0) 750px, rgba(0, 0, 0, 0) 760px, rgba(100, 100, 225, 0.25) 760px, rgba(100, 100, 225, 0.25) 790px, rgba(0, 0, 0, 0) 790px, rgba(0, 0, 0, 0) 800px, rgba(100, 100, 225, 0.25) 800px, rgba(100, 100, 225, 0.25) 830px, rgba(0, 0, 0, 0) 830px, rgba(0, 0, 0, 0) 840px, rgba(100, 100, 225, 0.25) 840px, rgba(100, 100, 225, 0.25) 870px, rgba(0, 0, 0, 0) 870px, rgba(0, 0, 0, 0) 880px, rgba(100, 100, 225, 0.25) 880px, rgba(100, 100, 225, 0.25) 910px, rgba(0, 0, 0, 0) 910px, rgba(0, 0, 0, 0) 920px, rgba(100, 100, 225, 0.25) 920px, rgba(100, 100, 225, 0.25) 950px, rgba(0, 0, 0, 0) 950px, rgba(0, 0, 0, 0) 960px);
|
||||
background-image: -ms-linear-gradient(bottom, rgba(0, 0, 0, 0.5) 5%, rgba(0, 0, 0, 0) 5%), -ms-linear-gradient(left, rgba(0, 0, 0, 0) 0px, rgba(100, 100, 225, 0.25) 0px, rgba(100, 100, 225, 0.25) 30px, rgba(0, 0, 0, 0) 30px, rgba(0, 0, 0, 0) 40px, rgba(100, 100, 225, 0.25) 40px, rgba(100, 100, 225, 0.25) 70px, rgba(0, 0, 0, 0) 70px, rgba(0, 0, 0, 0) 80px, rgba(100, 100, 225, 0.25) 80px, rgba(100, 100, 225, 0.25) 110px, rgba(0, 0, 0, 0) 110px, rgba(0, 0, 0, 0) 120px, rgba(100, 100, 225, 0.25) 120px, rgba(100, 100, 225, 0.25) 150px, rgba(0, 0, 0, 0) 150px, rgba(0, 0, 0, 0) 160px, rgba(100, 100, 225, 0.25) 160px, rgba(100, 100, 225, 0.25) 190px, rgba(0, 0, 0, 0) 190px, rgba(0, 0, 0, 0) 200px, rgba(100, 100, 225, 0.25) 200px, rgba(100, 100, 225, 0.25) 230px, rgba(0, 0, 0, 0) 230px, rgba(0, 0, 0, 0) 240px, rgba(100, 100, 225, 0.25) 240px, rgba(100, 100, 225, 0.25) 270px, rgba(0, 0, 0, 0) 270px, rgba(0, 0, 0, 0) 280px, rgba(100, 100, 225, 0.25) 280px, rgba(100, 100, 225, 0.25) 310px, rgba(0, 0, 0, 0) 310px, rgba(0, 0, 0, 0) 320px, rgba(100, 100, 225, 0.25) 320px, rgba(100, 100, 225, 0.25) 350px, rgba(0, 0, 0, 0) 350px, rgba(0, 0, 0, 0) 360px, rgba(100, 100, 225, 0.25) 360px, rgba(100, 100, 225, 0.25) 390px, rgba(0, 0, 0, 0) 390px, rgba(0, 0, 0, 0) 400px, rgba(100, 100, 225, 0.25) 400px, rgba(100, 100, 225, 0.25) 430px, rgba(0, 0, 0, 0) 430px, rgba(0, 0, 0, 0) 440px, rgba(100, 100, 225, 0.25) 440px, rgba(100, 100, 225, 0.25) 470px, rgba(0, 0, 0, 0) 470px, rgba(0, 0, 0, 0) 480px, rgba(100, 100, 225, 0.25) 480px, rgba(100, 100, 225, 0.25) 510px, rgba(0, 0, 0, 0) 510px, rgba(0, 0, 0, 0) 520px, rgba(100, 100, 225, 0.25) 520px, rgba(100, 100, 225, 0.25) 550px, rgba(0, 0, 0, 0) 550px, rgba(0, 0, 0, 0) 560px, rgba(100, 100, 225, 0.25) 560px, rgba(100, 100, 225, 0.25) 590px, rgba(0, 0, 0, 0) 590px, rgba(0, 0, 0, 0) 600px, rgba(100, 100, 225, 0.25) 600px, rgba(100, 100, 225, 0.25) 630px, rgba(0, 0, 0, 0) 630px, rgba(0, 0, 0, 0) 640px, rgba(100, 100, 225, 0.25) 640px, rgba(100, 100, 225, 0.25) 670px, rgba(0, 0, 0, 0) 670px, rgba(0, 0, 0, 0) 680px, rgba(100, 100, 225, 0.25) 680px, rgba(100, 100, 225, 0.25) 710px, rgba(0, 0, 0, 0) 710px, rgba(0, 0, 0, 0) 720px, rgba(100, 100, 225, 0.25) 720px, rgba(100, 100, 225, 0.25) 750px, rgba(0, 0, 0, 0) 750px, rgba(0, 0, 0, 0) 760px, rgba(100, 100, 225, 0.25) 760px, rgba(100, 100, 225, 0.25) 790px, rgba(0, 0, 0, 0) 790px, rgba(0, 0, 0, 0) 800px, rgba(100, 100, 225, 0.25) 800px, rgba(100, 100, 225, 0.25) 830px, rgba(0, 0, 0, 0) 830px, rgba(0, 0, 0, 0) 840px, rgba(100, 100, 225, 0.25) 840px, rgba(100, 100, 225, 0.25) 870px, rgba(0, 0, 0, 0) 870px, rgba(0, 0, 0, 0) 880px, rgba(100, 100, 225, 0.25) 880px, rgba(100, 100, 225, 0.25) 910px, rgba(0, 0, 0, 0) 910px, rgba(0, 0, 0, 0) 920px, rgba(100, 100, 225, 0.25) 920px, rgba(100, 100, 225, 0.25) 950px, rgba(0, 0, 0, 0) 950px, rgba(0, 0, 0, 0) 960px);
|
||||
background-image: linear-gradient(bottom, rgba(0, 0, 0, 0.5) 5%, rgba(0, 0, 0, 0) 5%), linear-gradient(left, rgba(0, 0, 0, 0) 0px, rgba(100, 100, 225, 0.25) 0px, rgba(100, 100, 225, 0.25) 30px, rgba(0, 0, 0, 0) 30px, rgba(0, 0, 0, 0) 40px, rgba(100, 100, 225, 0.25) 40px, rgba(100, 100, 225, 0.25) 70px, rgba(0, 0, 0, 0) 70px, rgba(0, 0, 0, 0) 80px, rgba(100, 100, 225, 0.25) 80px, rgba(100, 100, 225, 0.25) 110px, rgba(0, 0, 0, 0) 110px, rgba(0, 0, 0, 0) 120px, rgba(100, 100, 225, 0.25) 120px, rgba(100, 100, 225, 0.25) 150px, rgba(0, 0, 0, 0) 150px, rgba(0, 0, 0, 0) 160px, rgba(100, 100, 225, 0.25) 160px, rgba(100, 100, 225, 0.25) 190px, rgba(0, 0, 0, 0) 190px, rgba(0, 0, 0, 0) 200px, rgba(100, 100, 225, 0.25) 200px, rgba(100, 100, 225, 0.25) 230px, rgba(0, 0, 0, 0) 230px, rgba(0, 0, 0, 0) 240px, rgba(100, 100, 225, 0.25) 240px, rgba(100, 100, 225, 0.25) 270px, rgba(0, 0, 0, 0) 270px, rgba(0, 0, 0, 0) 280px, rgba(100, 100, 225, 0.25) 280px, rgba(100, 100, 225, 0.25) 310px, rgba(0, 0, 0, 0) 310px, rgba(0, 0, 0, 0) 320px, rgba(100, 100, 225, 0.25) 320px, rgba(100, 100, 225, 0.25) 350px, rgba(0, 0, 0, 0) 350px, rgba(0, 0, 0, 0) 360px, rgba(100, 100, 225, 0.25) 360px, rgba(100, 100, 225, 0.25) 390px, rgba(0, 0, 0, 0) 390px, rgba(0, 0, 0, 0) 400px, rgba(100, 100, 225, 0.25) 400px, rgba(100, 100, 225, 0.25) 430px, rgba(0, 0, 0, 0) 430px, rgba(0, 0, 0, 0) 440px, rgba(100, 100, 225, 0.25) 440px, rgba(100, 100, 225, 0.25) 470px, rgba(0, 0, 0, 0) 470px, rgba(0, 0, 0, 0) 480px, rgba(100, 100, 225, 0.25) 480px, rgba(100, 100, 225, 0.25) 510px, rgba(0, 0, 0, 0) 510px, rgba(0, 0, 0, 0) 520px, rgba(100, 100, 225, 0.25) 520px, rgba(100, 100, 225, 0.25) 550px, rgba(0, 0, 0, 0) 550px, rgba(0, 0, 0, 0) 560px, rgba(100, 100, 225, 0.25) 560px, rgba(100, 100, 225, 0.25) 590px, rgba(0, 0, 0, 0) 590px, rgba(0, 0, 0, 0) 600px, rgba(100, 100, 225, 0.25) 600px, rgba(100, 100, 225, 0.25) 630px, rgba(0, 0, 0, 0) 630px, rgba(0, 0, 0, 0) 640px, rgba(100, 100, 225, 0.25) 640px, rgba(100, 100, 225, 0.25) 670px, rgba(0, 0, 0, 0) 670px, rgba(0, 0, 0, 0) 680px, rgba(100, 100, 225, 0.25) 680px, rgba(100, 100, 225, 0.25) 710px, rgba(0, 0, 0, 0) 710px, rgba(0, 0, 0, 0) 720px, rgba(100, 100, 225, 0.25) 720px, rgba(100, 100, 225, 0.25) 750px, rgba(0, 0, 0, 0) 750px, rgba(0, 0, 0, 0) 760px, rgba(100, 100, 225, 0.25) 760px, rgba(100, 100, 225, 0.25) 790px, rgba(0, 0, 0, 0) 790px, rgba(0, 0, 0, 0) 800px, rgba(100, 100, 225, 0.25) 800px, rgba(100, 100, 225, 0.25) 830px, rgba(0, 0, 0, 0) 830px, rgba(0, 0, 0, 0) 840px, rgba(100, 100, 225, 0.25) 840px, rgba(100, 100, 225, 0.25) 870px, rgba(0, 0, 0, 0) 870px, rgba(0, 0, 0, 0) 880px, rgba(100, 100, 225, 0.25) 880px, rgba(100, 100, 225, 0.25) 910px, rgba(0, 0, 0, 0) 910px, rgba(0, 0, 0, 0) 920px, rgba(100, 100, 225, 0.25) 920px, rgba(100, 100, 225, 0.25) 950px, rgba(0, 0, 0, 0) 950px, rgba(0, 0, 0, 0) 960px);
|
||||
-moz-background-size: 100% 20px, auto;
|
||||
-webkit-background-size: 100% 20px, auto;
|
||||
-o-background-size: 100% 20px, auto;
|
||||
background-size: 100% 20px, auto;
|
||||
background-position: left top;
|
||||
}
|
||||
/* line 4, /var/lib/gems/1.8/gems/compass-0.11.3/frameworks/blueprint/stylesheets/blueprint/_interaction.scss */
|
||||
body.bp .feedback, body.bp .error, body.bp .alert, body.bp .notice, body.bp .success, body.bp .info {
|
||||
padding: 0.8em;
|
||||
margin-bottom: 1em;
|
||||
border: 2px solid #dddddd;
|
||||
}
|
||||
/* line 5, /var/lib/gems/1.8/gems/compass-0.11.3/frameworks/blueprint/stylesheets/blueprint/_interaction.scss */
|
||||
body.bp .error, body.bp .alert {
|
||||
background: #fbe3e4;
|
||||
color: #8a1f11;
|
||||
border-color: #fbc2c4;
|
||||
}
|
||||
/* line 27, /var/lib/gems/1.8/gems/compass-0.11.3/frameworks/blueprint/stylesheets/blueprint/_interaction.scss */
|
||||
body.bp .error a, body.bp .alert a {
|
||||
color: #8a1f11;
|
||||
}
|
||||
/* line 7, /var/lib/gems/1.8/gems/compass-0.11.3/frameworks/blueprint/stylesheets/blueprint/_interaction.scss */
|
||||
body.bp .notice {
|
||||
background: #fff6bf;
|
||||
color: #514721;
|
||||
border-color: #ffd324;
|
||||
}
|
||||
/* line 36, /var/lib/gems/1.8/gems/compass-0.11.3/frameworks/blueprint/stylesheets/blueprint/_interaction.scss */
|
||||
body.bp .notice a {
|
||||
color: #514721;
|
||||
}
|
||||
/* line 8, /var/lib/gems/1.8/gems/compass-0.11.3/frameworks/blueprint/stylesheets/blueprint/_interaction.scss */
|
||||
body.bp .success {
|
||||
background: #e6efc2;
|
||||
color: #264409;
|
||||
border-color: #c6d880;
|
||||
}
|
||||
/* line 45, /var/lib/gems/1.8/gems/compass-0.11.3/frameworks/blueprint/stylesheets/blueprint/_interaction.scss */
|
||||
body.bp .success a {
|
||||
color: #264409;
|
||||
}
|
||||
/* line 9, /var/lib/gems/1.8/gems/compass-0.11.3/frameworks/blueprint/stylesheets/blueprint/_interaction.scss */
|
||||
body.bp .info {
|
||||
background: #d5edf8;
|
||||
color: #205791;
|
||||
border-color: #92cae4;
|
||||
}
|
||||
/* line 54, /var/lib/gems/1.8/gems/compass-0.11.3/frameworks/blueprint/stylesheets/blueprint/_interaction.scss */
|
||||
body.bp .info a {
|
||||
color: #205791;
|
||||
}
|
||||
/* line 10, /var/lib/gems/1.8/gems/compass-0.11.3/frameworks/blueprint/stylesheets/blueprint/_interaction.scss */
|
||||
body.bp .hide {
|
||||
display: none;
|
||||
}
|
||||
/* line 11, /var/lib/gems/1.8/gems/compass-0.11.3/frameworks/blueprint/stylesheets/blueprint/_interaction.scss */
|
||||
body.bp .highlight {
|
||||
background: yellow;
|
||||
}
|
||||
/* line 12, /var/lib/gems/1.8/gems/compass-0.11.3/frameworks/blueprint/stylesheets/blueprint/_interaction.scss */
|
||||
body.bp .added {
|
||||
background: #006600;
|
||||
color: white;
|
||||
}
|
||||
/* line 13, /var/lib/gems/1.8/gems/compass-0.11.3/frameworks/blueprint/stylesheets/blueprint/_interaction.scss */
|
||||
body.bp .removed {
|
||||
background: #990000;
|
||||
color: white;
|
||||
}
|
||||
|
||||
/* line 18, /var/lib/gems/1.8/gems/compass-0.11.3/frameworks/blueprint/stylesheets/blueprint/_form.scss */
|
||||
form.bp label {
|
||||
font-weight: bold;
|
||||
}
|
||||
/* line 19, /var/lib/gems/1.8/gems/compass-0.11.3/frameworks/blueprint/stylesheets/blueprint/_form.scss */
|
||||
form.bp fieldset {
|
||||
padding: 1.4em;
|
||||
margin: 0 0 1.5em 0;
|
||||
}
|
||||
/* line 20, /var/lib/gems/1.8/gems/compass-0.11.3/frameworks/blueprint/stylesheets/blueprint/_form.scss */
|
||||
form.bp legend {
|
||||
font-weight: bold;
|
||||
font-size: 1.2em;
|
||||
}
|
||||
/* line 26, /var/lib/gems/1.8/gems/compass-0.11.3/frameworks/blueprint/stylesheets/blueprint/_form.scss */
|
||||
form.bp input.text, form.bp input.title, form.bp input[type=email], form.bp input[type=text], form.bp input[type=password] {
|
||||
margin: 0.5em 0;
|
||||
background-color: white;
|
||||
padding: 5px;
|
||||
}
|
||||
/* line 27, /var/lib/gems/1.8/gems/compass-0.11.3/frameworks/blueprint/stylesheets/blueprint/_form.scss */
|
||||
form.bp input.title {
|
||||
font-size: 1.5em;
|
||||
}
|
||||
/* line 29, /var/lib/gems/1.8/gems/compass-0.11.3/frameworks/blueprint/stylesheets/blueprint/_form.scss */
|
||||
form.bp textarea {
|
||||
margin: 0.5em 0;
|
||||
padding: 5px;
|
||||
}
|
||||
/* line 30, /var/lib/gems/1.8/gems/compass-0.11.3/frameworks/blueprint/stylesheets/blueprint/_form.scss */
|
||||
form.bp select {
|
||||
margin: 0.5em 0;
|
||||
}
|
||||
/* line 55, /var/lib/gems/1.8/gems/compass-0.11.3/frameworks/blueprint/stylesheets/blueprint/_form.scss */
|
||||
form.bp fieldset {
|
||||
border: 1px solid #cccccc;
|
||||
}
|
||||
/* line 58, /var/lib/gems/1.8/gems/compass-0.11.3/frameworks/blueprint/stylesheets/blueprint/_form.scss */
|
||||
form.bp input.text, form.bp input.title, form.bp input[type=email], form.bp input[type=text], form.bp input[type=password],
|
||||
form.bp textarea {
|
||||
background-color: #fff;
|
||||
border: 1px solid #bbbbbb;
|
||||
}
|
||||
/* line 61, /var/lib/gems/1.8/gems/compass-0.11.3/frameworks/blueprint/stylesheets/blueprint/_form.scss */
|
||||
form.bp input.text:focus, form.bp input.title:focus, form.bp input[type=email]:focus, form.bp input[type=text]:focus, form.bp input[type=password]:focus,
|
||||
form.bp textarea:focus {
|
||||
border: 1px solid #666666;
|
||||
}
|
||||
/* line 65, /var/lib/gems/1.8/gems/compass-0.11.3/frameworks/blueprint/stylesheets/blueprint/_form.scss */
|
||||
form.bp select {
|
||||
background-color: #fff;
|
||||
border-width: 1px;
|
||||
border-style: solid;
|
||||
}
|
||||
/* line 44, /var/lib/gems/1.8/gems/compass-0.11.3/frameworks/blueprint/stylesheets/blueprint/_form.scss */
|
||||
form.bp input.text, form.bp input.title, form.bp input[type=email], form.bp input[type=text], form.bp input[type=password] {
|
||||
width: 300px;
|
||||
}
|
||||
/* line 46, /var/lib/gems/1.8/gems/compass-0.11.3/frameworks/blueprint/stylesheets/blueprint/_form.scss */
|
||||
form.bp textarea {
|
||||
width: 390px;
|
||||
height: 250px;
|
||||
}
|
||||
/* line 39, /var/lib/gems/1.8/gems/compass-0.11.3/frameworks/blueprint/stylesheets/blueprint/_scaffolding.scss */
|
||||
form.bp .box {
|
||||
padding: 1.5em;
|
||||
margin-bottom: 1.5em;
|
||||
background: #e5ecf9;
|
||||
}
|
||||
/* line 42, /var/lib/gems/1.8/gems/compass-0.11.3/frameworks/blueprint/stylesheets/blueprint/_scaffolding.scss */
|
||||
form.bp .border {
|
||||
padding-right: 4px;
|
||||
margin-right: 5px;
|
||||
border-right: 1px solid #dddddd;
|
||||
}
|
||||
/* line 45, /var/lib/gems/1.8/gems/compass-0.11.3/frameworks/blueprint/stylesheets/blueprint/_scaffolding.scss */
|
||||
form.bp .colborder {
|
||||
padding-right: 24px;
|
||||
margin-right: 25px;
|
||||
border-right: 1px solid #dddddd;
|
||||
}
|
||||
/* line 47, /var/lib/gems/1.8/gems/compass-0.11.3/frameworks/blueprint/stylesheets/blueprint/_scaffolding.scss */
|
||||
form.bp hr {
|
||||
background: #dddddd;
|
||||
color: #dddddd;
|
||||
clear: both;
|
||||
float: none;
|
||||
width: 100%;
|
||||
height: 0.1em;
|
||||
margin: 0 0 1.45em;
|
||||
border: none;
|
||||
}
|
||||
/* line 49, /var/lib/gems/1.8/gems/compass-0.11.3/frameworks/blueprint/stylesheets/blueprint/_scaffolding.scss */
|
||||
form.bp hr.space {
|
||||
background: #dddddd;
|
||||
color: #dddddd;
|
||||
clear: both;
|
||||
float: none;
|
||||
width: 100%;
|
||||
height: 0.1em;
|
||||
margin: 0 0 1.45em;
|
||||
border: none;
|
||||
background: white;
|
||||
color: white;
|
||||
visibility: hidden;
|
||||
}
|
||||
/* line 51, /var/lib/gems/1.8/gems/compass-0.11.3/frameworks/blueprint/stylesheets/blueprint/_scaffolding.scss */
|
||||
form.bp form.inline {
|
||||
line-height: 3;
|
||||
}
|
||||
/* line 6, /var/lib/gems/1.8/gems/compass-0.11.3/frameworks/blueprint/stylesheets/blueprint/_form.scss */
|
||||
form.bp form.inline p {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
/* line 43, ../src/screen.scss */
|
||||
body.two-col #container {
|
||||
width: 950px;
|
||||
margin: 0 auto;
|
||||
overflow: hidden;
|
||||
*zoom: 1;
|
||||
}
|
||||
/* line 45, ../src/screen.scss */
|
||||
body.two-col #header, body.two-col #footer {
|
||||
display: inline;
|
||||
float: left;
|
||||
margin-right: 10px;
|
||||
width: 950px;
|
||||
}
|
||||
/* line 147, /var/lib/gems/1.8/gems/compass-0.11.3/frameworks/blueprint/stylesheets/blueprint/_grid.scss */
|
||||
* html body.two-col #header, * html body.two-col #footer {
|
||||
overflow-x: hidden;
|
||||
}
|
||||
/* line 47, ../src/screen.scss */
|
||||
body.two-col #sidebar {
|
||||
display: inline;
|
||||
float: left;
|
||||
margin-right: 10px;
|
||||
width: 310px;
|
||||
}
|
||||
/* line 147, /var/lib/gems/1.8/gems/compass-0.11.3/frameworks/blueprint/stylesheets/blueprint/_grid.scss */
|
||||
* html body.two-col #sidebar {
|
||||
overflow-x: hidden;
|
||||
}
|
||||
/* line 51, ../src/screen.scss */
|
||||
body.two-col #content {
|
||||
display: inline;
|
||||
float: left;
|
||||
margin-right: 0;
|
||||
width: 630px;
|
||||
}
|
||||
/* line 147, /var/lib/gems/1.8/gems/compass-0.11.3/frameworks/blueprint/stylesheets/blueprint/_grid.scss */
|
||||
* html body.two-col #content {
|
||||
overflow-x: hidden;
|
||||
}
|
|
@ -1,261 +0,0 @@
|
|||
/**
|
||||
* HTML5 ✰ Boilerplate
|
||||
*
|
||||
* style.css contains a reset, font normalization and some base styles.
|
||||
*
|
||||
* Credit is left where credit is due.
|
||||
* Much inspiration was taken from these projects:
|
||||
* - yui.yahooapis.com/2.8.1/build/base/base.css
|
||||
* - camendesign.com/design/
|
||||
* - praegnanz.de/weblog/htmlcssjs-kickstart
|
||||
*/
|
||||
|
||||
|
||||
/**
|
||||
* html5doctor.com Reset Stylesheet (Eric Meyer's Reset Reloaded + HTML5 baseline)
|
||||
* v1.6.1 2010-09-17 | Authors: Eric Meyer & Richard Clark
|
||||
* html5doctor.com/html-5-reset-stylesheet/
|
||||
*/
|
||||
|
||||
html, body, div, span, object, iframe,
|
||||
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
|
||||
abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
|
||||
small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li,
|
||||
fieldset, form, label, legend,
|
||||
table, caption, tbody, tfoot, thead, tr, th, td,
|
||||
article, aside, canvas, details, figcaption, figure,
|
||||
footer, header, hgroup, menu, nav, section, summary,
|
||||
time, mark, audio, video {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
border: 0;
|
||||
font-size: 100%;
|
||||
font: inherit;
|
||||
vertical-align: baseline;
|
||||
}
|
||||
|
||||
article, aside, details, figcaption, figure,
|
||||
footer, header, hgroup, menu, nav, section {
|
||||
display: block;
|
||||
}
|
||||
|
||||
blockquote, q { quotes: none; }
|
||||
|
||||
blockquote:before, blockquote:after,
|
||||
q:before, q:after { content: ""; content: none; }
|
||||
|
||||
ins { background-color: #ff9; color: #000; text-decoration: none; }
|
||||
|
||||
mark { background-color: #ff9; color: #000; font-style: italic; font-weight: bold; }
|
||||
|
||||
del { text-decoration: line-through; }
|
||||
|
||||
abbr[title], dfn[title] { border-bottom: 1px dotted; cursor: help; }
|
||||
|
||||
table { border-collapse: collapse; border-spacing: 0; }
|
||||
|
||||
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
|
||||
|
||||
input, select { vertical-align: middle; }
|
||||
|
||||
|
||||
/**
|
||||
* Font normalization inspired by YUI Library's fonts.css: developer.yahoo.com/yui/
|
||||
*/
|
||||
|
||||
body { font:13px/1.231 sans-serif; *font-size:small; } /* Hack retained to preserve specificity */
|
||||
select, input, textarea, button { font:99% sans-serif; }
|
||||
|
||||
/* Normalize monospace sizing:
|
||||
en.wikipedia.org/wiki/MediaWiki_talk:Common.css/Archive_11#Teletype_style_fix_for_Chrome */
|
||||
pre, code, kbd, samp { font-family: monospace, sans-serif; }
|
||||
|
||||
|
||||
/**
|
||||
* Minimal base styles.
|
||||
*/
|
||||
|
||||
/* Always force a scrollbar in non-IE */
|
||||
html { overflow-y: scroll; }
|
||||
|
||||
/* Accessible focus treatment: people.opera.com/patrickl/experiments/keyboard/test */
|
||||
a:hover, a:active { outline: none; }
|
||||
|
||||
ul, ol { margin-left: 2em; }
|
||||
ol { list-style-type: decimal; }
|
||||
|
||||
/* Remove margins for navigation lists */
|
||||
nav ul, nav li { margin: 0; list-style:none; list-style-image: none; }
|
||||
|
||||
small { font-size: 85%; }
|
||||
strong, th { font-weight: bold; }
|
||||
|
||||
td { vertical-align: top; }
|
||||
|
||||
/* Set sub, sup without affecting line-height: gist.github.com/413930 */
|
||||
sub, sup { font-size: 75%; line-height: 0; position: relative; }
|
||||
sup { top: -0.5em; }
|
||||
sub { bottom: -0.25em; }
|
||||
|
||||
pre {
|
||||
/* www.pathf.com/blogs/2008/05/formatting-quoted-code-in-blog-posts-css21-white-space-pre-wrap/ */
|
||||
white-space: pre; white-space: pre-wrap; word-wrap: break-word;
|
||||
padding: 15px;
|
||||
}
|
||||
|
||||
textarea { overflow: auto; } /* www.sitepoint.com/blogs/2010/08/20/ie-remove-textarea-scrollbars/ */
|
||||
|
||||
.ie6 legend, .ie7 legend { margin-left: -7px; }
|
||||
|
||||
/* Align checkboxes, radios, text inputs with their label by: Thierry Koblentz tjkdesign.com/ez-css/css/base.css */
|
||||
input[type="radio"] { vertical-align: text-bottom; }
|
||||
input[type="checkbox"] { vertical-align: bottom; }
|
||||
.ie7 input[type="checkbox"] { vertical-align: baseline; }
|
||||
.ie6 input { vertical-align: text-bottom; }
|
||||
|
||||
/* Hand cursor on clickable input elements */
|
||||
label, input[type="button"], input[type="submit"], input[type="image"], button { cursor: pointer; }
|
||||
|
||||
/* Webkit browsers add a 2px margin outside the chrome of form elements */
|
||||
button, input, select, textarea { margin: 0; }
|
||||
|
||||
/* Colors for form validity */
|
||||
input:valid, textarea:valid { }
|
||||
input:invalid, textarea:invalid {
|
||||
border-radius: 1px; -moz-box-shadow: 0px 0px 5px red; -webkit-box-shadow: 0px 0px 5px red; box-shadow: 0px 0px 5px red;
|
||||
}
|
||||
.no-boxshadow input:invalid, .no-boxshadow textarea:invalid { background-color: #f0dddd; }
|
||||
|
||||
|
||||
/* These selection declarations have to be separate
|
||||
No text-shadow: twitter.com/miketaylr/status/12228805301
|
||||
Also: hot pink! */
|
||||
::-moz-selection{ background: #FF5E99; color:#fff; text-shadow: none; }
|
||||
::selection { background:#FF5E99; color:#fff; text-shadow: none; }
|
||||
|
||||
/* j.mp/webkit-tap-highlight-color */
|
||||
a:link { -webkit-tap-highlight-color: #FF5E99; }
|
||||
|
||||
/* Make buttons play nice in IE:
|
||||
www.viget.com/inspire/styling-the-button-element-in-internet-explorer/ */
|
||||
button { width: auto; overflow: visible; }
|
||||
|
||||
/* Bicubic resizing for non-native sized IMG:
|
||||
code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/ */
|
||||
.ie7 img { -ms-interpolation-mode: bicubic; }
|
||||
|
||||
/**
|
||||
* You might tweak these..
|
||||
*/
|
||||
|
||||
body, select, input, textarea {
|
||||
/* #444 looks better than black: twitter.com/H_FJ/statuses/11800719859 */
|
||||
color: #444;
|
||||
/* Set your base font here, to apply evenly */
|
||||
/* font-family: Georgia, serif; */
|
||||
}
|
||||
|
||||
/* Headers (h1, h2, etc) have no default font-size or margin; define those yourself */
|
||||
h1, h2, h3, h4, h5, h6 { font-weight: bold; }
|
||||
|
||||
a, a:active, a:visited { color: #607890; }
|
||||
a:hover { color: #036; }
|
||||
|
||||
|
||||
/**
|
||||
* Primary styles
|
||||
*
|
||||
* Author:
|
||||
*/
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
/**
|
||||
* Non-semantic helper classes: please define your styles before this section.
|
||||
*/
|
||||
|
||||
/* For image replacement */
|
||||
.ir { display: block; text-indent: -999em; overflow: hidden; background-repeat: no-repeat; text-align: left; direction: ltr; }
|
||||
|
||||
/* Hide for both screenreaders and browsers:
|
||||
css-discuss.incutio.com/wiki/Screenreader_Visibility */
|
||||
.hidden { display: none; visibility: hidden; }
|
||||
|
||||
/* Hide only visually, but have it available for screenreaders: by Jon Neal.
|
||||
www.webaim.org/techniques/css/invisiblecontent/ & j.mp/visuallyhidden */
|
||||
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
|
||||
/* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: drupal.org/node/897638 */
|
||||
.visuallyhidden.focusable:active,
|
||||
.visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
|
||||
|
||||
/* Hide visually and from screenreaders, but maintain layout */
|
||||
.invisible { visibility: hidden; }
|
||||
|
||||
/* The Magnificent Clearfix: Updated to prevent margin-collapsing on child elements.
|
||||
j.mp/bestclearfix */
|
||||
.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }
|
||||
.clearfix:after { clear: both; }
|
||||
/* Fix clearfix: blueprintcss.lighthouseapp.com/projects/15318/tickets/5-extra-margin-padding-bottom-of-page */
|
||||
.clearfix { zoom: 1; }
|
||||
|
||||
|
||||
|
||||
/**
|
||||
* Media queries for responsive design.
|
||||
*
|
||||
* These follow after primary styles so they will successfully override.
|
||||
*/
|
||||
|
||||
@media all and (orientation:portrait) {
|
||||
/* Style adjustments for portrait mode goes here */
|
||||
|
||||
}
|
||||
|
||||
@media all and (orientation:landscape) {
|
||||
/* Style adjustments for landscape mode goes here */
|
||||
|
||||
}
|
||||
|
||||
/* Grade-A Mobile Browsers (Opera Mobile, Mobile Safari, Android Chrome)
|
||||
consider this: www.cloudfour.com/css-media-query-for-mobile-is-fools-gold/ */
|
||||
@media screen and (max-device-width: 480px) {
|
||||
|
||||
|
||||
/* Uncomment if you don't want iOS and WinMobile to mobile-optimize the text for you: j.mp/textsizeadjust */
|
||||
/* html { -webkit-text-size-adjust:none; -ms-text-size-adjust:none; } */
|
||||
}
|
||||
|
||||
|
||||
/**
|
||||
* Print styles.
|
||||
*
|
||||
* Inlined to avoid required HTTP connection: www.phpied.com/delay-loading-your-print-css/
|
||||
*/
|
||||
@media print {
|
||||
* { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important;
|
||||
-ms-filter: none !important; } /* Black prints faster: sanbeiji.com/archives/953 */
|
||||
a, a:visited { color: #444 !important; text-decoration: underline; }
|
||||
a[href]:after { content: " (" attr(href) ")"; }
|
||||
abbr[title]:after { content: " (" attr(title) ")"; }
|
||||
.ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } /* Don't show links for images, or javascript/internal links */
|
||||
pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
|
||||
thead { display: table-header-group; } /* css-discuss.incutio.com/wiki/Printing_Tables */
|
||||
tr, img { page-break-inside: avoid; }
|
||||
@page { margin: 0.5cm; }
|
||||
p, h2, h3 { orphans: 3; widows: 3; }
|
||||
h2, h3{ page-break-after: avoid; }
|
||||
}
|
||||
|
|
@ -28,16 +28,6 @@
|
|||
<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: blueprint buttons -->
|
||||
<link href="/css/buttons.css" media="screen, projection" rel="stylesheet" type="text/css" />
|
||||
|
||||
<!-- CSS: implied media="all" -->
|
||||
<!-- Google Fonts -->
|
||||
<link href='http://fonts.googleapis.com/css?family=Molengo:regular,bold' rel='stylesheet' type='text/css'>
|
||||
<link rel="stylesheet" href="/css/main.css">
|
||||
|
@ -53,12 +43,12 @@
|
|||
<div id="container">
|
||||
<header>
|
||||
<div id="choixlang"><a href="/Scratch/fr/" onclick="setLanguage('fr')">en Français</a></div>
|
||||
<div id="choixrss"><a id="rss" href="http://feeds.feedburner.com/ypasswordespozitocomen">Subscribe</a></div>
|
||||
<hgroup>
|
||||
<h1>
|
||||
<a href="http://itunes.apple.com/WebObjects/MZStore.woa/wa/viewSoftware?id=436268354&mt=8">YPassword</a>
|
||||
</h1>
|
||||
</hgroup>
|
||||
<div id="choixrss"><a id="rss" href="http://feeds.feedburner.com/ypasswordespozitocomen">Subscribe</a></div>
|
||||
<nav id="mainnav">
|
||||
<ul>
|
||||
<ul><li><span class="active" title="You're here.">YPassword</span></li><li><a href="/Scratch/en/blog/">Blog</a></li><li><a href="/Scratch/en/support/">Support</a></li></ul>
|
||||
|
|
|
@ -1,47 +0,0 @@
|
|||
@import "compass/utilities/general/float";
|
||||
@import "blueprint/buttons";
|
||||
|
||||
// Use the following HTML code to place the buttons on your site:
|
||||
//
|
||||
// <button type="submit" class="button positive">
|
||||
// <img src="css/blueprint/plugins/buttons/icons/tick.png" alt=""/> Save
|
||||
// </button>
|
||||
//
|
||||
// <a class="button" href="/password/reset/">
|
||||
// <img src="css/blueprint/plugins/buttons/icons/key.png" alt=""/> Change Password
|
||||
// </a>
|
||||
//
|
||||
// <a href="#" class="button negative">
|
||||
// <img src="css/blueprint/plugins/buttons/icons/cross.png" alt=""/> Cancel
|
||||
// </a>
|
||||
|
||||
a.button {
|
||||
// you can pass "left" or "right" to +anchor-button to float it in that direction
|
||||
// or you can pass no argument to leave it inline-block (cross browser safe!) within
|
||||
// the flow of your page.
|
||||
@include anchor-button(left);
|
||||
// All the button color mixins take 4 optional arguments:
|
||||
// font color, background color, border color, border highlight color
|
||||
// the first three default to constants set in blueprint/buttons.sass
|
||||
// the last one defaults to a shade lighter than the border color.
|
||||
@include button-colors;
|
||||
@include button-hover-colors;
|
||||
@include button-active-colors; }
|
||||
|
||||
button {
|
||||
// The +button-button mixin is just like the +anchor-button mixin, but for <button> elements.
|
||||
@include button-button(left);
|
||||
@include button-colors;
|
||||
@include button-hover-colors;
|
||||
@include button-active-colors; }
|
||||
|
||||
// We can change the colors for buttons of certain classes, etc.
|
||||
a.positive, button.positive {
|
||||
color: #529214;
|
||||
@include button-hover-colors(#529214, #e6efc2, #c6d880);
|
||||
@include button-active-colors(white, #529214, #529214); }
|
||||
|
||||
a.negative, button.negative {
|
||||
color: #d12f19;
|
||||
@include button-hover-colors(#d12f19, #fbe3e4, #fbc2c4);
|
||||
@include button-active-colors(white, #d12f19, #d12f19); }
|
|
@ -1,16 +0,0 @@
|
|||
@import "blueprint";
|
||||
|
||||
// To generate css equivalent to the blueprint css but with your configuration applied, uncomment:
|
||||
// @include blueprint-ie
|
||||
|
||||
//Recommended Blueprint configuration with scoping and semantic layout:
|
||||
body.bp {
|
||||
@include blueprint-ie(true);
|
||||
// Note: Blueprint centers text to fix IE6 container centering.
|
||||
// This means all your texts will be centered under all version of IE by default.
|
||||
// If your container does not have the .container class, don't forget to restore
|
||||
// the correct behavior to your main container (but not the body tag!)
|
||||
// Example:
|
||||
// .my-container
|
||||
// text-align: left
|
||||
}
|
|
@ -1,21 +0,0 @@
|
|||
/* Less Framework 4
|
||||
* http://lessframework.com
|
||||
* by Joni Korpi
|
||||
* License: http://creativecommons.org/licenses/MIT/ */
|
||||
|
||||
// Less Framework Compass Plugin
|
||||
// by William Wells <less@hapa.me>
|
||||
// https://github.com/willhw/compass-less-plugin
|
||||
|
||||
$less-grid-element: unquote("#container");
|
||||
|
||||
@import "less/reset";
|
||||
@import "less/framework";
|
||||
@import "less/typography/18px";
|
||||
|
||||
@import "partials/global";
|
||||
@import "partials/default";
|
||||
@import "partials/tablet";
|
||||
@import "partials/mobile";
|
||||
@import "partials/wide-mobile";
|
||||
@import "partials/high-px-ratio";
|
|
@ -1,13 +0,0 @@
|
|||
@import "blueprint/link-icons";
|
||||
|
||||
// This turns link icons on for all links. You can change the scoping selector from
|
||||
// body to something more specific if you prefer.
|
||||
body {
|
||||
@include link-icons;
|
||||
// Use this class if a link gets an icon when it shouldn't.
|
||||
a.noicon {
|
||||
@include no-link-icon; }
|
||||
// Not all links have a url structure that can be detected,
|
||||
// So you can set them explicitly yourself like so:
|
||||
a#this-is-a-pdf-link {
|
||||
@include link-icon("pdf.png"); } }
|
|
@ -1,6 +1,3 @@
|
|||
@import "blueprint/debug"
|
||||
@import "blueprint/buttons"
|
||||
|
||||
$default-transition-duration: .5s
|
||||
@import "compass/css3/transition"
|
||||
|
||||
|
@ -32,6 +29,8 @@ $main-background-color: $ycolorb
|
|||
|
||||
// Background colors
|
||||
body
|
||||
margin: 0
|
||||
font-family: Futura, Molengo
|
||||
background: $main-background-color
|
||||
&.bp
|
||||
background: $main-background-color
|
||||
|
@ -60,13 +59,18 @@ body
|
|||
*
|
||||
+transition
|
||||
|
||||
header
|
||||
height: 80px
|
||||
+border-radius(0 0 8px 8px)
|
||||
+box-shadow(rgba(#000,.3) 0 5px 5px)
|
||||
+linear-gradient(color-stops($ycolor5,$ycolor7))
|
||||
hgroup
|
||||
+column(18)
|
||||
hgroup#maintitle
|
||||
margin: .5em 0
|
||||
font-size: 2em
|
||||
h1,h2
|
||||
&,a
|
||||
color: $ycolor9
|
||||
text-shadow: 0 0 2px rgba($ycolorb,.5)
|
||||
border:
|
||||
top: solid 1px #000
|
||||
bottom: solid 1px #FFF
|
||||
+box-shadow(rgba(#000,.6) 0 0 15px inset)
|
||||
+linear-gradient(color-stops($ycolor4,$ycolor5))
|
||||
|
||||
=debug
|
||||
+box-shadow(#FFF 0 0 3px, rgba(#000,0.2) 0 0 3px inset)
|
||||
|
@ -98,15 +102,9 @@ h1
|
|||
padding: 20px
|
||||
|
||||
.block
|
||||
+column(8)
|
||||
+prepend-top(10px)
|
||||
+append-bottom(20px)
|
||||
+innerblock
|
||||
&:hover
|
||||
background-color: rgba(#000,0.05)
|
||||
&:last-child
|
||||
+last
|
||||
|
||||
|
||||
=ybutton
|
||||
font-size: 14px
|
||||
|
@ -115,6 +113,7 @@ h1
|
|||
background-color: rgba(#000,.3)
|
||||
+box-shadow(rgba(#000,.3) 0 1px 3px inset,rgba(#FFF,.3) 0 1px 0)
|
||||
a
|
||||
padding: .2em
|
||||
+border-radius(2ex)
|
||||
text-align: center
|
||||
width: 100%
|
||||
|
@ -137,21 +136,22 @@ h1
|
|||
&:active
|
||||
+text-shadow(#3AF 0 0 4px, rgba(#000,0.5) 0px -1px 0px,rgba(#FFF,0.5) 0px 1px 0px )
|
||||
|
||||
#prelinks
|
||||
width: 600px
|
||||
margin: .5em auto
|
||||
height: 1em
|
||||
|
||||
|
||||
#choixlang
|
||||
+column(3)
|
||||
float: left
|
||||
+ybutton
|
||||
|
||||
|
||||
#choixrss
|
||||
text-align: right
|
||||
+column(3)
|
||||
+last
|
||||
float: right
|
||||
+ybutton
|
||||
|
||||
#mainnav
|
||||
+column(24)
|
||||
+prepend-top(40px)
|
||||
+append-bottom(40px)
|
||||
width: 50%
|
||||
ul
|
||||
width: +span(9)
|
||||
height: 2.2ex
|
||||
|
@ -160,22 +160,15 @@ h1
|
|||
list-style-type: none
|
||||
margin: 0 auto
|
||||
li
|
||||
+column(3)
|
||||
text-align: center
|
||||
+ybutton
|
||||
&:last-child
|
||||
+last
|
||||
|
||||
#mainlinks
|
||||
+column(24,false)
|
||||
|
||||
.slideshow
|
||||
+innerblock
|
||||
+column(24)
|
||||
|
||||
footer
|
||||
+column(24)
|
||||
+last
|
||||
|
||||
.flush
|
||||
clear: both
|
||||
|
||||
#main
|
||||
width: 50%
|
||||
margin-left: 25%
|
||||
|
|
|
@ -1,364 +0,0 @@
|
|||
$default-box-shadow-h-offset : 0px;
|
||||
@import "less/framework";
|
||||
@import "compass/css3/border-radius";
|
||||
@import "compass/css3/font-face";
|
||||
@import "compass/css3/box-shadow";
|
||||
@import "compass/css3/transition";
|
||||
@import "compass/css3/text-shadow";
|
||||
$default-transition-duration: .5s;
|
||||
|
||||
// Color scheme: colorschemedesigner.com
|
||||
// 88AADD -> main
|
||||
// BCD0EE -> light-grey
|
||||
// A9C5EE -> light
|
||||
// 2C5490 -> dark
|
||||
// 7689A6 -> grey
|
||||
|
||||
$mainBackgroundColor: #DDDDE0;
|
||||
|
||||
$mainColor: #88AADD;
|
||||
$lightGrey: #BCD0EE;
|
||||
$light : #A9C5EE;
|
||||
$dark : #2C5490;
|
||||
$darkGrey : #7689A6;
|
||||
|
||||
$backgroundColor: $mainBackgroundColor;
|
||||
$hoverColor: #CC6D00;
|
||||
$hoverColorShadow: #883C00;
|
||||
$titleColor: $darkGrey;
|
||||
$higlightColor: #8AD;
|
||||
$higlightColorShadow: #236;
|
||||
$selectedBlockColor: rgba(0,0,0,.1);
|
||||
$topColor: #2C5490;
|
||||
$footerColor: #BCD0EE;
|
||||
$linkColor: $darkGrey;
|
||||
|
||||
@mixin innerblock() {
|
||||
background-color: rgba(#000,0.02);
|
||||
@include box-shadow(#FFF 0 0 3px, rgba(#000,0.2) 0 0 3px inset);
|
||||
@include border-radius();
|
||||
& > * {
|
||||
padding: 20px;
|
||||
}
|
||||
&:hover {
|
||||
background-color: rgba(#000,0.05);
|
||||
}
|
||||
}
|
||||
|
||||
@mixin blueinnerblock() {
|
||||
|
||||
background: $higlightColor;
|
||||
color: #fafafa;
|
||||
font-weight: bold;
|
||||
@include text-shadow(0 0 3px #000);
|
||||
|
||||
@include border-radius(5px);
|
||||
@include box-shadow(#FFF 0 0 3px, rgba(#000,0.3) 0 0 5px inset);
|
||||
@include column(9,true);
|
||||
|
||||
& > * {
|
||||
margin: 20px;
|
||||
}
|
||||
}
|
||||
|
||||
// Height
|
||||
* {
|
||||
@include transition();
|
||||
}
|
||||
$navHeight: 50px;
|
||||
|
||||
body {
|
||||
background: $backgroundColor;
|
||||
font-family: Georgia, 'Kreon', serif;
|
||||
font-size: 1.2em;
|
||||
}
|
||||
|
||||
a {
|
||||
color: $linkColor;
|
||||
border: none;
|
||||
text-decoration: none;
|
||||
}
|
||||
a:hover {
|
||||
color: $hoverColor;
|
||||
}
|
||||
|
||||
img {
|
||||
max-width: 100%; }
|
||||
article {
|
||||
img {
|
||||
@include innerblock();
|
||||
padding: 15px;
|
||||
@include column(4);
|
||||
margin: 24px;
|
||||
}
|
||||
img.left {
|
||||
margin: 0 24px 24px 0;
|
||||
}
|
||||
img.right {
|
||||
margin: 0 0 24px 24px;
|
||||
}
|
||||
}
|
||||
|
||||
.corps {
|
||||
margin: 48px 0;
|
||||
line-height: 32px;
|
||||
}
|
||||
|
||||
#metacontainer{
|
||||
border-bottom: 1px solid #888;
|
||||
}
|
||||
body > header {
|
||||
margin: 0;
|
||||
color: #CCC;
|
||||
background-color: $topColor;
|
||||
line-height: $navHeight;
|
||||
font-weight: bold;
|
||||
@include box-shadow();
|
||||
}
|
||||
body > footer {
|
||||
border-top: solid 1px rgba(0,0,0,0.1);
|
||||
border-bottom: solid 1px rgba(0,0,0,0.1);
|
||||
padding: 80px;
|
||||
margin: 0;
|
||||
bottom: 0;
|
||||
background-color: $footerColor;
|
||||
font-size: .9em;
|
||||
@include text-shadow( 1px 1px #fff);
|
||||
@include box-shadow(rgba(#000,0.2) 0 0 7px inset);
|
||||
a {
|
||||
color: $dark;
|
||||
}
|
||||
}
|
||||
|
||||
article > footer {
|
||||
margin: 48px 0;
|
||||
ul {
|
||||
list-style-type: none;
|
||||
}
|
||||
@include column(3);
|
||||
@include innerblock;
|
||||
font-size: .7em;
|
||||
ul {
|
||||
list-style-type: none;
|
||||
}
|
||||
}
|
||||
|
||||
$menuItemWidth: 8em;
|
||||
|
||||
nav {
|
||||
border-bottom: solid 1px rgba(0,0,0,0.1);
|
||||
|
||||
ul {
|
||||
list-style-type: none;
|
||||
li {
|
||||
display: inline-block;
|
||||
height: $navHeight;
|
||||
margin-right: 0;
|
||||
width: $menuItemWidth;
|
||||
text-align: center;
|
||||
border-left: solid 1px rgba(255,255,255,0.1);
|
||||
border-right: solid 1px rgba(0,0,0,0.2);
|
||||
* {
|
||||
display: block;
|
||||
margin-right: 0px;
|
||||
margin-left: 0px;
|
||||
padding: 0 10px;
|
||||
height: 100%;
|
||||
@include text-shadow( -1px -1px rgba(0,0,0,0.2), 1px 1px rgba(0,0,0,0.2));
|
||||
}
|
||||
span.active {
|
||||
background-color: $selectedBlockColor;
|
||||
}
|
||||
a {
|
||||
color: rgba(255,255,255,0.8);
|
||||
&:hover {
|
||||
color: rgba(255,255,255,0.8);
|
||||
background-color: rgba(255,255,255,0.1);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
header #choixrss, header #choixlang {
|
||||
display: block;
|
||||
@include text-shadow( -1px -1px rgba(0,0,0,0.2), 1px 1px rgba(0,0,0,0.2));
|
||||
float: right;
|
||||
height: $navHeight;
|
||||
text-align: center;
|
||||
border-left: solid 1px rgba(255,255,255,0.1);
|
||||
border-right: solid 1px rgba(0,0,0,0.2);
|
||||
a {
|
||||
color: $lightGrey;
|
||||
display: block;
|
||||
height: 100%;
|
||||
text-align: center;
|
||||
}
|
||||
a:hover {
|
||||
color: rgba(255,255,255,0.8);
|
||||
background-color: rgba(255,255,255,0.1);
|
||||
}
|
||||
}
|
||||
|
||||
nav ul li, #choixlang, #choixrss {
|
||||
a:hover {
|
||||
@include box-shadow(#337 0 0 8px inset);
|
||||
}
|
||||
@include column(2,true);
|
||||
}
|
||||
|
||||
#main, #container {
|
||||
margin: 0px auto;
|
||||
}
|
||||
|
||||
h1, h2, h3, h4, h5, h6 {
|
||||
|
||||
font-family: 'Expletus Sans',Futura,sans-serif;
|
||||
@include text-shadow( 0px -1px 0px $higlightColorShadow, 0px 1px 0px #FFF);
|
||||
font-weight: bold;
|
||||
color: $titleColor;
|
||||
margin: 48px 0;
|
||||
text-align: center;
|
||||
|
||||
a:hover {
|
||||
@include text-shadow( 0px -1px 0px $hoverColorShadow, 0px 1px 0px #FFF);
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
article article {
|
||||
@include innerblock();
|
||||
.date { float: right; padding: 0; margin: 20px; }
|
||||
margin: 24px 0;
|
||||
h1, h2, h3, h4, h5, h6 {
|
||||
text-align: left;
|
||||
font-size: 36px;
|
||||
line-height: 30px;
|
||||
margin: 0 0 16px;
|
||||
}
|
||||
}
|
||||
|
||||
.intro {
|
||||
margin-bottom: 24px;
|
||||
}
|
||||
|
||||
.sc {
|
||||
font-variant: small-caps;
|
||||
}
|
||||
|
||||
.block {
|
||||
@include innerblock();
|
||||
margin-bottom: 48px;
|
||||
height: 3 * 48px ;
|
||||
h3 {
|
||||
text-size: .6em;
|
||||
text-align: left;
|
||||
margin: 0 0 12px;
|
||||
}
|
||||
cursor: pointer;
|
||||
@include column(3);
|
||||
float: left;
|
||||
}
|
||||
.right {
|
||||
float: right;
|
||||
}
|
||||
.left {
|
||||
float: left;
|
||||
}
|
||||
.flush {
|
||||
clear: both;
|
||||
}
|
||||
.slideshow {
|
||||
@include blueinnerblock();
|
||||
& > * {
|
||||
padding: 3em;
|
||||
}
|
||||
}
|
||||
|
||||
.date {
|
||||
font-size: 0.4em;
|
||||
border: 1px solid $darkGrey;
|
||||
text-align: center;
|
||||
width: 4.1em;
|
||||
line-height: 1.5em;
|
||||
display: inline-block;
|
||||
vertical-align: middle;
|
||||
margin-right: 1em;
|
||||
.day, .month, .year {
|
||||
display: block;
|
||||
}
|
||||
.day {
|
||||
float: left;
|
||||
width: 1.7em;
|
||||
background: $light;
|
||||
color: $dark;
|
||||
}
|
||||
.month {
|
||||
float: right;
|
||||
width: 2.3em;
|
||||
color: $light;
|
||||
background: $dark;
|
||||
border-left: 1px solid $mainColor;
|
||||
}
|
||||
.year {
|
||||
line-height: 3ex;
|
||||
clear: both;
|
||||
background: $higlightColorShadow;
|
||||
color: $mainColor;
|
||||
border-top: 1px solid $higlightColorShadow;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
.archive {
|
||||
background-color: rgba(#000,0.02);
|
||||
@include box-shadow(#FFF 0 0 3px, rgba(#000,0.2) 0 0 3px inset);
|
||||
@include border-radius();
|
||||
padding: 2em;
|
||||
}
|
||||
.tag {
|
||||
cursor: pointer;
|
||||
}
|
||||
.nicer {
|
||||
font-family: "Lucida Grande", Tahoma
|
||||
}
|
||||
|
||||
#elementblock {
|
||||
ul {
|
||||
list-style-type: none;
|
||||
li {
|
||||
display: inline-block;
|
||||
@include column(3);
|
||||
a {
|
||||
float: left;
|
||||
background-color: rgba(#000,0.02);
|
||||
@include box-shadow(#FFF 0 0 3px, rgba(#000,0.2) 0 0 3px inset);
|
||||
@include border-radius();
|
||||
padding: 1em;
|
||||
text-align: center;
|
||||
width: 80%;
|
||||
}
|
||||
a:hover {
|
||||
background-color: rgba(#000,0.05);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.return {
|
||||
@include innerblock();
|
||||
padding: .4em .3em 0;
|
||||
margin: 1em 0;
|
||||
}
|
||||
|
||||
#related_articles {
|
||||
#previous_articles {
|
||||
@include column(4);
|
||||
float: left;
|
||||
}
|
||||
#next_articles {
|
||||
float: right;
|
||||
text-align: right;
|
||||
@include column(4);
|
||||
}
|
||||
}
|
|
@ -1,10 +0,0 @@
|
|||
// Here is where you can define your constants for your application and to configure the blueprint framework.
|
||||
// Feel free to delete these if you want keep the defaults:
|
||||
|
||||
$blueprint-grid-columns: 24;
|
||||
$blueprint-container-size: 950px;
|
||||
$blueprint-grid-margin: 10px;
|
||||
|
||||
// Use this to calculate the width based on the total width.
|
||||
// Or you can set $blueprint-grid-width to a fixed value and unset $blueprint-container-size -- it will be calculated for you.
|
||||
$blueprint-grid-width: ($blueprint-container-size + $blueprint-grid-margin) / $blueprint-grid-columns - $blueprint-grid-margin;
|
|
@ -1,7 +0,0 @@
|
|||
/* Default Layout: 992px.
|
||||
* Gutters: 24px.
|
||||
* Outer margins: 48px.
|
||||
* Leftover space for scrollbars @1024px: 32px. */
|
||||
|
||||
#{$less-grid-element} {
|
||||
@include grid(10); }
|
|
@ -1,25 +0,0 @@
|
|||
// Global style definitions
|
||||
|
||||
h1 {
|
||||
@extend .huge; }
|
||||
|
||||
h2 {
|
||||
@extend .large; }
|
||||
|
||||
h3 {
|
||||
@extend .bigger; }
|
||||
|
||||
h4 {
|
||||
@extend .big; }
|
||||
|
||||
small {
|
||||
@extend .small; }
|
||||
|
||||
body {
|
||||
background: rgb(232, 232, 232);
|
||||
color: rgb(60, 60, 60);
|
||||
// Stops Mobile Safari from auto-adjusting font-sizes
|
||||
-webkit-text-size-adjust: 100%; }
|
||||
|
||||
// Selection colors (easy to forget)
|
||||
@include selection-color(unquote("rgb(255,255,158)"));
|
|
@ -1,8 +0,0 @@
|
|||
/* Retina media query.
|
||||
Overrides styles for devices with a
|
||||
device-pixel-ratio of 2+, such as iPhone 4. */
|
||||
|
||||
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {
|
||||
#{$less-grid-element} {
|
||||
}
|
||||
}
|
|
@ -1,8 +0,0 @@
|
|||
/* Mobile Layout: 320px.
|
||||
* Gutters: 24px.
|
||||
* Outer margins: 34px.
|
||||
* Inherits styles from: Default Layout. */
|
||||
|
||||
@media only screen and (max-width: 767px) {
|
||||
#{$less-grid-element} {
|
||||
@include grid(3); } }
|
|
@ -1,8 +0,0 @@
|
|||
/* Tablet Layout: 768px.
|
||||
* Gutters: 24px.
|
||||
* Outer margins: 28px.
|
||||
* Inherits styles from: Default Layout. */
|
||||
|
||||
@media only screen and (min-width: 768px) and (max-width: 991px) {
|
||||
#{$less-grid-element} {
|
||||
@include grid(8); } }
|
|
@ -1,8 +0,0 @@
|
|||
/* Wide Mobile Layout: 480px.
|
||||
* Gutters: 24px.
|
||||
* Outer margins: 22px.
|
||||
* Inherits styles from: Default Layout, Mobile Layout. */
|
||||
|
||||
@media only screen and (min-width: 480px) and (max-width: 767px) {
|
||||
#{$less-grid-element} {
|
||||
@include grid(5); } }
|
|
@ -1,8 +0,0 @@
|
|||
@import "blueprint";
|
||||
|
||||
// To generate css equivalent to the blueprint css but with your configuration applied, uncomment:
|
||||
// @include blueprint-print
|
||||
|
||||
//Recommended Blueprint configuration with scoping and semantic layout:
|
||||
body.bp {
|
||||
@include blueprint-print(true); }
|
|
@ -1,56 +0,0 @@
|
|||
// This import applies a global reset to any page that imports this stylesheet.
|
||||
@import "blueprint/reset";
|
||||
|
||||
// To configure blueprint, edit the partials/base.sass file.
|
||||
@import "partials/base";
|
||||
|
||||
$blueprint-font-size:18px;
|
||||
$blueprint-font-family: Futura, 'Molengo', serif;
|
||||
$blueprint-grid-columns: 24;
|
||||
// Import all the default blueprint modules so that we can access their mixins.
|
||||
@import "blueprint";
|
||||
|
||||
// Import the non-default scaffolding module.
|
||||
@import "blueprint/scaffolding";
|
||||
|
||||
// Colors
|
||||
// $link-color:#cc6600;
|
||||
// $link-hover-color:#ff9900;
|
||||
|
||||
// To generate css equivalent to the blueprint css but with your
|
||||
// configuration applied, uncomment:
|
||||
// @include blueprint
|
||||
|
||||
// If you are doing a lot of stylesheet concatenation, it is suggested
|
||||
// that you scope your blueprint styles, so that you can better control
|
||||
// what pages use blueprint when stylesheets are concatenated together.
|
||||
body.bp {
|
||||
@include blueprint-typography(true);
|
||||
@include blueprint-utilities;
|
||||
@include blueprint-debug;
|
||||
@include blueprint-interaction;
|
||||
// Remove the scaffolding when you're ready to start doing visual design.
|
||||
// Or leave it in if you're happy with how blueprint looks out-of-the-box
|
||||
}
|
||||
|
||||
form.bp {
|
||||
@include blueprint-form;
|
||||
// You'll probably want to remove the scaffolding once you start styling your site.
|
||||
@include blueprint-scaffolding; }
|
||||
|
||||
// Page layout can be done using mixins applied to your semantic classes and IDs:
|
||||
body.two-col {
|
||||
#container {
|
||||
@include container; }
|
||||
#header, #footer {
|
||||
@include column($blueprint-grid-columns); }
|
||||
#sidebar {
|
||||
// One third of the grid columns, rounding down. With 24 cols, this is 8.
|
||||
$sidebar-columns: floor($blueprint-grid-columns / 3);
|
||||
@include column($sidebar-columns); }
|
||||
#content {
|
||||
// Two thirds of the grid columns, rounding up.
|
||||
// With 24 cols, this is 16.
|
||||
$content-columns: ceil(2 * $blueprint-grid-columns / 3);
|
||||
// true means it's the last column in the row
|
||||
@include column($content-columns, true); } }
|
Loading…
Reference in a new issue