2010-10-05 15:18:17 +00:00
|
|
|
-----
|
|
|
|
|
|
|
|
-----
|
2012-03-26 09:50:35 +00:00
|
|
|
/* Solarized palette */
|
2012-09-05 10:09:36 +00:00
|
|
|
$base03 : #002b36
|
|
|
|
$base02 : #073642
|
|
|
|
$base01 : #586e75
|
|
|
|
$base00 : #657b83
|
|
|
|
$base0 : #839496
|
|
|
|
$base1 : #93a1a1
|
|
|
|
$base2 : #eee8d5
|
|
|
|
$base3 : #fdf6e3
|
|
|
|
$yellow : #b58900
|
|
|
|
$orange : #cb4b16
|
|
|
|
$red : #dc322f
|
|
|
|
$magenta: #d33682
|
|
|
|
$violet : #6c71c4
|
|
|
|
$blue : #268bd2
|
|
|
|
$cyan : #2aa198
|
|
|
|
$green : #859900
|
2012-03-26 09:50:35 +00:00
|
|
|
/* I won't use completely */
|
|
|
|
|
|
|
|
$behindColor: $base03
|
2010-10-05 15:18:17 +00:00
|
|
|
$mainTextColor: $behindColor
|
2012-03-26 09:50:35 +00:00
|
|
|
$mainBackgroundColor: #FAFAFC
|
|
|
|
$mainShadowColor: $mainBackgroundColor - #334
|
|
|
|
$secondBackgroundColor: #F2F2F4
|
|
|
|
$revealColor: #cb4b16
|
|
|
|
$secondRevealColor: $revealColor
|
2011-07-05 15:20:11 +00:00
|
|
|
$lighterRevealColor: $revealColor + #666
|
2010-10-05 15:18:17 +00:00
|
|
|
$imageBackgroundColor: $mainBackgroundColor
|
2012-03-26 09:50:35 +00:00
|
|
|
$borderColor: #ccccd0
|
|
|
|
$imageBorderColor: $borderColor
|
2010-10-05 15:18:17 +00:00
|
|
|
$mainLinkColor: $mainTextColor
|
2012-03-26 09:50:35 +00:00
|
|
|
$textLinkColor: #555566
|
|
|
|
$highlightColor: #888899
|
|
|
|
$highlightBlockColor: #555566
|
|
|
|
$highlightRevealColor: $revealColor + #111
|
|
|
|
$lighterText: #ccccd0
|
|
|
|
$lighterColor: #eeeef1
|
2010-10-05 15:18:17 +00:00
|
|
|
$lighterColorBorderTop: $lighterText
|
|
|
|
$lighterColorBorderBottom: $lighterText
|
2012-03-26 09:50:35 +00:00
|
|
|
$secondTextColor: #666677
|
2012-03-23 10:42:20 +00:00
|
|
|
// solarized dark background color
|
|
|
|
$codeBlockColor: #839496
|
|
|
|
$codeBlockBackgroundColor: #002b36
|
2010-10-05 15:18:17 +00:00
|
|
|
|
2012-06-18 13:36:48 +00:00
|
|
|
// include Computer Modern fonts
|
2012-06-18 09:47:36 +00:00
|
|
|
|
2012-06-12 22:33:36 +00:00
|
|
|
@font-face
|
2012-06-13 10:02:44 +00:00
|
|
|
font-family: 'cmuntt'
|
|
|
|
src: url('fonts/cmuntt.eot')
|
2012-06-18 09:47:36 +00:00
|
|
|
src: local('☺'), url('fonts/cmuntt.svg') format('svg'), url('fonts/cmuntt.ttf') format('truetype')
|
|
|
|
font-weight: normal
|
|
|
|
font-style: normal
|
|
|
|
|
|
|
|
@font-face
|
2012-06-26 21:40:05 +00:00
|
|
|
font-family: 'ComputerModern'
|
2012-06-18 13:36:48 +00:00
|
|
|
src: url('fonts/cmunrb.eot')
|
|
|
|
src: local('☺'), url('fonts/cmunrb.svg') format('svg'), url('fonts/cmunrb.ttf') format('truetype')
|
|
|
|
font-weight: bold
|
|
|
|
@font-face
|
2012-06-26 21:40:05 +00:00
|
|
|
font-family: 'ComputerModern'
|
2012-06-18 09:47:36 +00:00
|
|
|
src: url('fonts/cmunsl.eot')
|
|
|
|
src: local('☺'), url('fonts/cmunsl.svg') format('svg'), url('fonts/cmunsl.ttf') format('truetype')
|
2012-06-18 13:36:48 +00:00
|
|
|
font-style: italic,oblique
|
2012-06-18 09:47:36 +00:00
|
|
|
@font-face
|
2012-06-26 21:40:05 +00:00
|
|
|
font-family: 'ComputerModern'
|
2012-06-18 13:36:48 +00:00
|
|
|
src: url('fonts/cmunrm.eot')
|
|
|
|
src: local('☺'), url('fonts/cmunrm.svg') format('svg'), url('fonts/cmunrm.ttf') format('truetype')
|
2012-06-12 22:33:36 +00:00
|
|
|
font-weight: normal
|
|
|
|
font-style: normal
|
2012-06-13 15:59:29 +00:00
|
|
|
|
2012-06-15 10:02:30 +00:00
|
|
|
=italic
|
2012-06-18 13:36:48 +00:00
|
|
|
font-style: italic
|
2012-06-13 15:59:29 +00:00
|
|
|
|
2012-06-15 10:02:30 +00:00
|
|
|
=bold
|
2012-06-18 13:36:48 +00:00
|
|
|
font-weight: bold
|
2012-06-13 15:59:29 +00:00
|
|
|
|
2012-06-15 10:02:30 +00:00
|
|
|
=normal
|
|
|
|
font-weight: normal
|
|
|
|
font-style: normal
|
|
|
|
|
|
|
|
|
|
|
|
i, em
|
|
|
|
+italic
|
|
|
|
|
|
|
|
b, strong, h1, h2, h3, h4, h5, h6
|
|
|
|
+bold
|
|
|
|
|
2010-10-05 15:18:17 +00:00
|
|
|
=mainColor
|
|
|
|
color: $behindColor
|
|
|
|
background:
|
|
|
|
color: $mainBackgroundColor
|
|
|
|
|
|
|
|
=lightColor
|
|
|
|
color: $lighterText
|
|
|
|
a
|
|
|
|
color: $lighterText
|
|
|
|
a:hover
|
|
|
|
color: $lighterRevealColor
|
|
|
|
|
2012-03-26 16:05:41 +00:00
|
|
|
=innerblock
|
|
|
|
border: solid 1px $borderColor
|
|
|
|
border-radius: 2px
|
|
|
|
box-shadow: 0 0 4px $secondBackgroundColor inset
|
|
|
|
background-color: $mainBackgroundColor - #020202
|
|
|
|
|
2010-10-05 15:18:17 +00:00
|
|
|
=highlight
|
2012-06-15 15:54:25 +00:00
|
|
|
+italic
|
2010-10-05 15:18:17 +00:00
|
|
|
padding: 0.5em 1em
|
|
|
|
color: $highlightBlockColor
|
|
|
|
a:hover
|
|
|
|
color: $revealColor
|
2012-06-15 10:02:30 +00:00
|
|
|
i, em
|
2012-06-15 15:54:25 +00:00
|
|
|
+normal
|
2012-06-15 10:02:30 +00:00
|
|
|
color: $behindColor
|
2012-09-05 10:09:36 +00:00
|
|
|
strong, b
|
2012-06-15 15:54:25 +00:00
|
|
|
+bold
|
2010-10-05 15:18:17 +00:00
|
|
|
color: $behindColor
|
|
|
|
|
|
|
|
=secondColor
|
|
|
|
color: $behindColor
|
2011-09-16 11:40:53 +00:00
|
|
|
border: $borderColor solid 1px
|
|
|
|
border-radius: 5px
|
|
|
|
box-shadow: 0 0 2px $borderColor inset
|
2010-10-05 15:18:17 +00:00
|
|
|
background:
|
|
|
|
color: $lighterColor
|
|
|
|
a
|
|
|
|
color: $secondTextColor
|
|
|
|
a:hover
|
|
|
|
color: $secondRevealColor
|
|
|
|
strong, b, i, em, .nicer
|
|
|
|
color: $lighterRevealColor
|
|
|
|
hr
|
|
|
|
color: $secondTextColor
|
|
|
|
border:
|
|
|
|
top: 1px solid $secondTextColor
|
|
|
|
strong, b, i, em
|
|
|
|
color: $behindColor
|
|
|
|
|
|
|
|
=revealColor
|
|
|
|
color: $revealColor
|
|
|
|
|
|
|
|
=codeColor
|
|
|
|
background:
|
|
|
|
color: $codeBlockBackgroundColor
|
|
|
|
color: $codeBlockColor
|
|
|
|
|
|
|
|
table.description tr td
|
|
|
|
border: 1px solid $lighterColor
|
|
|
|
|
|
|
|
.assombris20
|
|
|
|
background-color: $lighterColor
|
|
|
|
|
|
|
|
body
|
|
|
|
+mainColor
|
|
|
|
|
2012-03-26 09:50:35 +00:00
|
|
|
=selected
|
|
|
|
background: $base03
|
2012-03-26 11:59:51 +00:00
|
|
|
color: $base1
|
2012-03-26 09:50:35 +00:00
|
|
|
|
|
|
|
::selection
|
|
|
|
+selected
|
|
|
|
::-moz-selection
|
|
|
|
+selected
|
|
|
|
|
|
|
|
=darkselected
|
|
|
|
background: $base3
|
2012-03-26 11:59:51 +00:00
|
|
|
color: $base01
|
2012-03-26 09:50:35 +00:00
|
|
|
|
2012-06-18 09:47:36 +00:00
|
|
|
pre, code, a.cut
|
2012-06-13 10:02:44 +00:00
|
|
|
font-family: "cmuntt",Incosolata, Monaco, monospace
|
2012-03-29 13:11:41 +00:00
|
|
|
|
2012-03-26 09:50:35 +00:00
|
|
|
pre
|
2012-09-05 10:09:36 +00:00
|
|
|
&::selection
|
2012-03-26 09:50:35 +00:00
|
|
|
+darkselected
|
2012-09-05 10:09:36 +00:00
|
|
|
*::selection
|
2012-03-26 09:50:35 +00:00
|
|
|
+darkselected
|
|
|
|
pre
|
|
|
|
&::-moz-selection
|
|
|
|
+darkselected
|
|
|
|
*::-moz-selection
|
|
|
|
+darkselected
|
|
|
|
|
2010-11-29 15:06:45 +00:00
|
|
|
a:hover
|
|
|
|
text-shadow: 0 0 2px #FAA
|
|
|
|
|
2011-09-28 13:15:27 +00:00
|
|
|
a, a:link, a:visited, a:active, a:hover
|
2010-10-05 15:18:17 +00:00
|
|
|
text-decoration: none
|
|
|
|
outline: none
|
|
|
|
|
2011-09-28 13:15:27 +00:00
|
|
|
a, a:link, a:visited, a:active
|
2010-10-05 15:18:17 +00:00
|
|
|
color: $mainLinkColor
|
|
|
|
|
2011-09-28 13:15:27 +00:00
|
|
|
a:hover
|
2010-10-05 15:18:17 +00:00
|
|
|
+revealColor
|
|
|
|
|
|
|
|
hr
|
|
|
|
color: $lighterColor
|
|
|
|
border:
|
|
|
|
top: 1px solid $lighterColor
|
|
|
|
bottom: none
|
|
|
|
left: none
|
|
|
|
right: none
|
|
|
|
|
|
|
|
ul
|
2012-09-05 10:05:41 +00:00
|
|
|
list-style: none
|
2012-09-05 10:09:36 +00:00
|
|
|
|
|
|
|
.corps ul li:before
|
2012-09-05 10:05:41 +00:00
|
|
|
content: "- "
|
2011-01-03 15:46:13 +00:00
|
|
|
|
2010-12-14 09:52:46 +00:00
|
|
|
ol,ul
|
|
|
|
padding-left: 0
|
2012-10-10 09:46:10 +00:00
|
|
|
.toc
|
|
|
|
ol li, ul li
|
|
|
|
margin: .5em 0
|
2010-12-14 09:52:46 +00:00
|
|
|
ol li ul, ol li ol, ul li ol, ul li ul
|
2011-01-03 15:46:13 +00:00
|
|
|
margin: .5em 1.5em
|
2012-09-05 10:05:41 +00:00
|
|
|
list-style: none
|
2010-10-05 15:18:17 +00:00
|
|
|
|
2012-03-16 15:09:51 +00:00
|
|
|
|
2012-05-02 12:00:39 +00:00
|
|
|
body, h1, h2, h3, h4, #entete, .tagname
|
2012-06-12 22:33:36 +00:00
|
|
|
text-rendering: optimizelegibility
|
2012-10-10 09:46:10 +00:00
|
|
|
line-height: 1.5em
|
2010-10-05 15:18:17 +00:00
|
|
|
|
2012-06-13 15:59:29 +00:00
|
|
|
body
|
2012-06-26 21:40:05 +00:00
|
|
|
font-family: "ComputerModern", Georgia, Palatino, "Century Schoolbook L", "Times New Roman", Times, serif
|
2012-06-13 15:59:29 +00:00
|
|
|
|
2012-01-17 15:26:59 +00:00
|
|
|
/* Header Numbering */
|
2012-01-17 16:38:39 +00:00
|
|
|
.article #afterheader
|
2012-01-17 15:26:59 +00:00
|
|
|
counter-reset: niv02
|
|
|
|
h2
|
|
|
|
counter-increment: niv02
|
|
|
|
counter-reset: niv03
|
|
|
|
marker-offset: 3em
|
|
|
|
&:before
|
|
|
|
content: counter(niv02) ". "
|
|
|
|
h3
|
|
|
|
counter-increment: niv03
|
|
|
|
counter-reset: niv04
|
2012-09-05 10:09:36 +00:00
|
|
|
&:before
|
2012-01-17 15:26:59 +00:00
|
|
|
content: counter(niv02) "." counter(niv03) ". "
|
|
|
|
h4
|
|
|
|
counter-increment: niv04
|
2012-09-05 10:09:36 +00:00
|
|
|
&:before
|
2012-01-17 15:26:59 +00:00
|
|
|
content: counter(niv02) "." counter(niv03) "." counter(niv04) ". "
|
|
|
|
|
2010-10-05 15:18:17 +00:00
|
|
|
pre
|
|
|
|
+codeColor
|
2012-06-01 12:23:07 +00:00
|
|
|
box-shadow: 0 0 5px ($secondBackgroundColor - #222) inset
|
2011-07-05 15:20:11 +00:00
|
|
|
border-radius: 3px
|
2010-10-05 15:18:17 +00:00
|
|
|
padding: 1em
|
2012-10-10 09:46:10 +00:00
|
|
|
line-height: 1em
|
2011-10-18 22:30:00 +00:00
|
|
|
font-size: .9em
|
2010-10-05 15:18:17 +00:00
|
|
|
|
|
|
|
p
|
|
|
|
margin-bottom: 1.2em
|
|
|
|
|
|
|
|
blockquote
|
2012-03-26 16:05:41 +00:00
|
|
|
+innerblock
|
2010-10-05 15:18:17 +00:00
|
|
|
+highlight
|
2012-03-29 20:43:51 +00:00
|
|
|
ul
|
|
|
|
padding-left: 1.5em
|
2010-10-05 15:18:17 +00:00
|
|
|
|
2012-06-26 21:40:05 +00:00
|
|
|
=sc
|
|
|
|
text-transform: uppercase
|
|
|
|
font-size: 0.8em
|
|
|
|
|
2010-10-05 15:18:17 +00:00
|
|
|
abbr,
|
|
|
|
acronym
|
2012-06-26 21:40:05 +00:00
|
|
|
+sc
|
2010-10-05 15:18:17 +00:00
|
|
|
text:
|
|
|
|
decoration: none
|
|
|
|
border:
|
|
|
|
bottom:
|
|
|
|
width: 0
|
|
|
|
|
|
|
|
// -- STYLE --
|
|
|
|
|
|
|
|
#titre
|
|
|
|
letter-spacing: -0.06em
|
|
|
|
border:
|
|
|
|
bottom: 4px double $lighterText
|
|
|
|
top: 4px double $lighterText
|
|
|
|
|
|
|
|
#liens .active, #sousliens
|
|
|
|
+secondColor
|
2011-07-05 15:20:11 +00:00
|
|
|
|
2011-07-06 21:17:54 +00:00
|
|
|
=insetbox
|
2011-07-05 15:20:11 +00:00
|
|
|
background: rgba(#000,.05)
|
|
|
|
box-shadow: 0 0 2px #FFF, 0 0 3px #CCC inset
|
2011-07-06 21:17:54 +00:00
|
|
|
border: 1px solid rgba(#000,.1)
|
2011-07-05 15:20:11 +00:00
|
|
|
border-radius: 3px
|
|
|
|
&:hover
|
|
|
|
background: rgba(#000,.1)
|
|
|
|
box-shadow: 0 0 6px #555 inset
|
2011-07-06 21:17:54 +00:00
|
|
|
|
2011-09-28 13:15:27 +00:00
|
|
|
=clearbutton
|
|
|
|
display: block
|
|
|
|
width: 25%
|
|
|
|
cursor: pointer
|
|
|
|
margin: 1em 0
|
|
|
|
padding: 1em
|
|
|
|
font-size: 16px
|
|
|
|
line-height: 1.4em
|
2012-03-26 16:05:41 +00:00
|
|
|
border: 1px solid $mainBackgroundColor
|
2011-10-03 13:48:57 +00:00
|
|
|
color: $lighterText
|
2011-09-28 13:15:27 +00:00
|
|
|
&:hover
|
2012-03-26 16:05:41 +00:00
|
|
|
+innerblock
|
2011-10-03 13:48:57 +00:00
|
|
|
color: $highlightRevealColor
|
|
|
|
text-shadow: 0 0 2px #FAA
|
2011-09-28 15:45:28 +00:00
|
|
|
&:active
|
2012-03-26 16:05:41 +00:00
|
|
|
+innerblock
|
2011-10-03 13:48:57 +00:00
|
|
|
color: $highlightRevealColor
|
|
|
|
text-shadow: 0 0 2px #FAA
|
2012-03-26 16:05:41 +00:00
|
|
|
background: $mainBackgroundColor - #060606
|
2011-09-28 13:15:27 +00:00
|
|
|
|
2011-07-06 21:17:54 +00:00
|
|
|
#liens a
|
|
|
|
border: 1px solid #EEE
|
|
|
|
+insetbox
|
2011-07-05 15:20:11 +00:00
|
|
|
|
|
|
|
#liens .active
|
|
|
|
text-shadow: 0 0 2px rgba(#000,.5)
|
|
|
|
background-color: $mainBackgroundColor - #030303
|
|
|
|
border: 1px solid $mainBackgroundColor - #111111
|
|
|
|
box-shadow: 0 0 3px ($mainBackgroundColor - #333333) inset
|
|
|
|
border-radius: 3px
|
2010-10-05 15:18:17 +00:00
|
|
|
border-top: none
|
|
|
|
|
|
|
|
// -- FOOTER --
|
|
|
|
#lastmod
|
2012-03-26 16:05:41 +00:00
|
|
|
font-size: 0.9em
|
2010-10-05 15:18:17 +00:00
|
|
|
|
|
|
|
// --- DYNAMICS --
|
|
|
|
.nojsbutton
|
|
|
|
font-size: 2.5em
|
|
|
|
|
2011-09-28 13:15:27 +00:00
|
|
|
#clickcomment, #choixlang > a, #choixrss > a, .return > a
|
|
|
|
+clearbutton
|
|
|
|
|
|
|
|
.return > a, #choixrss > a
|
|
|
|
float: right
|
|
|
|
|
|
|
|
#choix
|
|
|
|
.return > a, #choixrss > a
|
|
|
|
margin-top: 0
|
2010-10-05 15:18:17 +00:00
|
|
|
|
|
|
|
// -- TYPOGRAPHY --
|
|
|
|
.small
|
|
|
|
font-size: 0.8em
|
|
|
|
|
|
|
|
.sc
|
2012-06-26 21:40:05 +00:00
|
|
|
+sc
|
2010-10-05 15:18:17 +00:00
|
|
|
|
|
|
|
.impact, .darkimpact
|
|
|
|
font-size: 2em
|
|
|
|
margin: 0 auto 1em auto
|
|
|
|
line-height: 1.3em
|
|
|
|
|
|
|
|
// -- DATES --
|
|
|
|
|
|
|
|
h1 > .date
|
|
|
|
font-size: 0.6em
|
|
|
|
color: $behindColor
|
|
|
|
|
|
|
|
.date
|
2010-11-02 14:41:26 +00:00
|
|
|
font-size: 0.8em
|
2010-10-05 15:18:17 +00:00
|
|
|
color: $mainBackgroundColor
|
|
|
|
border: 1px solid $mainTextColor
|
|
|
|
text-align: center
|
|
|
|
width: 4.1em
|
|
|
|
line-height: 1.5em
|
|
|
|
display: inline-block
|
2010-11-02 14:41:26 +00:00
|
|
|
vertical-align: middle
|
|
|
|
margin-right: 1em
|
|
|
|
|
|
|
|
.date .day,
|
|
|
|
.date .month,
|
|
|
|
.date .year
|
|
|
|
display: block
|
2010-10-05 15:18:17 +00:00
|
|
|
|
|
|
|
.date .day
|
|
|
|
color: $behindColor
|
|
|
|
background-color: $mainBackgroundColor
|
|
|
|
float: left
|
|
|
|
width: 1.7em
|
|
|
|
|
|
|
|
.date .month
|
|
|
|
float: right
|
|
|
|
width: 2.3em
|
|
|
|
background-color: $behindColor
|
|
|
|
color: $mainBackgroundColor
|
|
|
|
|
|
|
|
.date .year
|
|
|
|
line-height: 3ex
|
|
|
|
clear: both
|
|
|
|
+secondColor
|
2012-01-11 11:10:28 +00:00
|
|
|
border-radius: 0
|
2010-10-05 15:18:17 +00:00
|
|
|
|
|
|
|
// --- LAYOUTS --
|
|
|
|
$VPadCorps: 3em
|
|
|
|
$VMarginCorps: 3em
|
|
|
|
|
|
|
|
// ATTENTION DOIT ETRE 0 pour le bon callage
|
|
|
|
$HMarginCorps: 0
|
|
|
|
$content_width: 52em
|
|
|
|
|
|
|
|
body
|
|
|
|
text-align: center
|
2012-01-06 15:56:14 +00:00
|
|
|
font-size: 16px
|
2010-10-05 15:18:17 +00:00
|
|
|
|
|
|
|
body > #entete
|
|
|
|
position: absolute
|
|
|
|
left: 0
|
|
|
|
top: 0.5em
|
|
|
|
width: 100%
|
|
|
|
min-width: $content_width - 2em
|
|
|
|
z-index: 8000
|
|
|
|
padding-bottom: 1em
|
|
|
|
margin-bottom: $VMarginCorps
|
|
|
|
|
|
|
|
#titre h2
|
|
|
|
width: 80%
|
|
|
|
margin-left: auto
|
|
|
|
margin-right: auto
|
|
|
|
text-align: center
|
|
|
|
color: $lighterText
|
|
|
|
|
|
|
|
#titre
|
|
|
|
text-align: center
|
|
|
|
width: 100%
|
|
|
|
|
|
|
|
#titre h1, #titre h2
|
|
|
|
padding-left: 1em
|
|
|
|
padding-right: 1em
|
|
|
|
|
|
|
|
// le pied de page
|
|
|
|
#bottom
|
|
|
|
clear: right
|
|
|
|
margin-right: 0px
|
|
|
|
padding: 1.5em
|
|
|
|
line-height: 1.5em
|
2012-03-26 15:10:02 +00:00
|
|
|
color: $mainTextColor + #222
|
2010-10-05 15:18:17 +00:00
|
|
|
margin-top: 2em
|
|
|
|
text-align: center
|
|
|
|
a
|
2012-03-26 15:10:02 +00:00
|
|
|
color: $mainTextColor + #111
|
2010-10-05 15:18:17 +00:00
|
|
|
a:hover
|
|
|
|
+revealColor
|
|
|
|
|
|
|
|
// Les menus
|
|
|
|
|
|
|
|
#sousliens
|
|
|
|
padding: 1em 0
|
|
|
|
line-height: 2em
|
|
|
|
|
|
|
|
#sousliens ul
|
|
|
|
list-style: none
|
|
|
|
margin-left: 4em
|
|
|
|
|
|
|
|
ul.horizontal li
|
|
|
|
display: inline
|
|
|
|
font-size: 0.9em
|
|
|
|
|
|
|
|
ul.horizontal
|
|
|
|
margin-top: 0px
|
|
|
|
margin-bottom: 0px
|
|
|
|
|
|
|
|
#entete
|
|
|
|
padding-top: 0.1em
|
|
|
|
border-top: 1px solid $lighterColorBorderTop
|
|
|
|
border-bottom: 1px solid $lighterColorBorderTop
|
|
|
|
|
|
|
|
#liens
|
|
|
|
width: 100%
|
|
|
|
padding: 0
|
|
|
|
clear: both
|
|
|
|
margin-top: 0.5em
|
|
|
|
|
|
|
|
#liens ul
|
|
|
|
width: 100%
|
|
|
|
clear: both
|
|
|
|
padding: 0
|
|
|
|
margin: 0
|
|
|
|
|
|
|
|
$hauteur_menu: 4em
|
|
|
|
|
|
|
|
#liens ul li
|
|
|
|
display: inline-block
|
|
|
|
height: $hauteur_menu
|
|
|
|
margin-left: 0.2em
|
|
|
|
margin-right: 0.2em
|
|
|
|
width: 23%
|
|
|
|
|
|
|
|
#liens ul li a,
|
|
|
|
#liens ul li span
|
|
|
|
width: 100%
|
|
|
|
display: block
|
|
|
|
line-height: $hauteur_menu
|
|
|
|
|
|
|
|
// Un 'helper'
|
|
|
|
.clear
|
|
|
|
clear: both
|
|
|
|
|
|
|
|
// Le Contenu
|
|
|
|
#content
|
|
|
|
line-height: 4em
|
|
|
|
margin-left: auto
|
|
|
|
margin-right: auto
|
|
|
|
margin-top: 0
|
|
|
|
position: relative
|
|
|
|
clear: both
|
|
|
|
width: $content_width
|
|
|
|
|
|
|
|
$contentMargin: 0em
|
|
|
|
|
2012-12-12 10:09:15 +00:00
|
|
|
.encadre, .black, .intro, .resume, .shadow
|
2011-09-16 11:40:53 +00:00
|
|
|
padding: 2em
|
2010-10-05 15:18:17 +00:00
|
|
|
margin:
|
|
|
|
top: 2em
|
|
|
|
bottom: 2em
|
|
|
|
|
2012-03-23 14:42:41 +00:00
|
|
|
|
2012-12-12 10:09:15 +00:00
|
|
|
.encadre, .black, .shadow
|
2010-10-05 15:18:17 +00:00
|
|
|
+secondColor
|
|
|
|
|
|
|
|
.intro, .resume
|
|
|
|
font-size: 0.9em
|
|
|
|
+highlight
|
|
|
|
|
|
|
|
#afterheader > h1
|
|
|
|
width: 100%
|
2010-11-02 15:28:35 +00:00
|
|
|
padding-top: 1.5em
|
2010-11-02 14:41:26 +00:00
|
|
|
text-align: left
|
2010-10-05 15:18:17 +00:00
|
|
|
|
|
|
|
#afterheader
|
|
|
|
padding-left: $contentMargin
|
|
|
|
padding-right: $contentMargin
|
|
|
|
|
|
|
|
#sousliens
|
|
|
|
margin:
|
|
|
|
top: $VMarginCorps
|
|
|
|
bottom: $VMarginCorps
|
|
|
|
font-size: 1.2em
|
|
|
|
letter-spacing: 1px
|
|
|
|
text-align: left
|
|
|
|
clear: both
|
|
|
|
|
|
|
|
.twilight
|
|
|
|
line-height: 1.1em
|
|
|
|
|
|
|
|
$fontcorps: 1.25
|
|
|
|
|
|
|
|
.corps
|
|
|
|
font-size: #{$fontcorps}em
|
2012-10-10 09:46:10 +00:00
|
|
|
line-height: 1.5em
|
2010-10-05 15:18:17 +00:00
|
|
|
text-align: justify
|
|
|
|
padding: $VPadCorps 3em
|
|
|
|
margin: 0 $HMarginCorps
|
|
|
|
clear: both
|
2012-10-10 09:46:10 +00:00
|
|
|
p, ol, ul, blockquote, pre, code
|
|
|
|
margin-top: 1.5em
|
|
|
|
margin-bottom: 1.5em
|
|
|
|
pre code
|
|
|
|
margin: 0
|
|
|
|
p, ol, ul, blockquote
|
|
|
|
line-height: 1.5em
|
|
|
|
pre, code
|
|
|
|
line-height: 1em
|
|
|
|
ul li ul, ol li ul, ul li ol, ol li ol
|
|
|
|
margin-top: 0
|
|
|
|
margin-bottom: 0
|
2010-10-05 15:18:17 +00:00
|
|
|
|
|
|
|
$corps_width: ($content_width - 2 * $contentMargin) / $fontcorps
|
|
|
|
$hpadding: 1
|
|
|
|
|
|
|
|
.corps img
|
2012-10-05 08:01:19 +00:00
|
|
|
max-width: 80%
|
2010-10-05 15:18:17 +00:00
|
|
|
border: 1px solid $imageBorderColor
|
|
|
|
background-color: $imageBackgroundColor
|
|
|
|
padding: 0.5em
|
|
|
|
box-shadow: 0 10px 15px #CCC
|
2011-07-05 15:20:11 +00:00
|
|
|
border-radius: 3px
|
2011-11-16 11:57:39 +00:00
|
|
|
.corps a:hover img
|
2012-01-06 15:38:52 +00:00
|
|
|
background-color: $revealColor + #100 - #011
|
2010-10-05 15:18:17 +00:00
|
|
|
|
2012-04-05 11:47:30 +00:00
|
|
|
figure
|
|
|
|
margin: 3em 0
|
|
|
|
img
|
|
|
|
box-shadow: 0 10px 15px #CCC inset
|
|
|
|
figcaption
|
|
|
|
text-align: center
|
|
|
|
margin: .5em 0
|
|
|
|
|
2012-12-12 10:09:15 +00:00
|
|
|
figure.left, figure.right
|
|
|
|
max-width: 30%
|
|
|
|
|
2010-10-10 19:17:53 +00:00
|
|
|
img.clean
|
|
|
|
border: none
|
2012-09-13 09:58:19 +00:00
|
|
|
background-color: none
|
|
|
|
box-shadow: none
|
2010-10-10 19:17:53 +00:00
|
|
|
|
2010-10-05 15:18:17 +00:00
|
|
|
// les clear
|
|
|
|
|
|
|
|
#address
|
|
|
|
clear: both
|
|
|
|
|
|
|
|
.definitionCell
|
|
|
|
width: 5em
|
|
|
|
vertical-align: top
|
|
|
|
text-align: center
|
2012-06-15 10:02:30 +00:00
|
|
|
+bold
|
2010-10-05 15:18:17 +00:00
|
|
|
|
|
|
|
.valueCell
|
|
|
|
text-align: right
|
|
|
|
|
|
|
|
.smallblock
|
|
|
|
float: left
|
|
|
|
width: 50%
|
|
|
|
font-size: 1em
|
2012-06-15 10:02:30 +00:00
|
|
|
+bold
|
2010-10-05 15:18:17 +00:00
|
|
|
|
|
|
|
.largeblock
|
|
|
|
float: right
|
|
|
|
width: 70%
|
|
|
|
font-size: 1em
|
|
|
|
|
|
|
|
#blackpage, #nojsredirect
|
|
|
|
top: 0
|
|
|
|
left: 0
|
|
|
|
width: 100%
|
2012-10-06 14:49:13 +00:00
|
|
|
min-height: 100%
|
2010-10-05 15:18:17 +00:00
|
|
|
margin-left: 0
|
|
|
|
margin-right: 0
|
|
|
|
margin-top: 0
|
|
|
|
margin-bottom: 0
|
2012-10-06 14:49:13 +00:00
|
|
|
position: absolute
|
2010-10-05 15:18:17 +00:00
|
|
|
text-align: center
|
|
|
|
|
|
|
|
#blackpage
|
2012-10-08 11:39:31 +00:00
|
|
|
+mainColor
|
2012-10-05 08:56:12 +00:00
|
|
|
font-family: Georgia, serif
|
2012-10-05 09:20:03 +00:00
|
|
|
font-style: italic
|
2012-10-08 11:39:31 +00:00
|
|
|
padding-top: 8em
|
2010-10-05 15:18:17 +00:00
|
|
|
z-index: 9000
|
|
|
|
cursor: wait
|
2012-10-06 14:59:58 +00:00
|
|
|
.corps
|
|
|
|
code, pre
|
|
|
|
font-family: monospace
|
2010-10-05 15:18:17 +00:00
|
|
|
img
|
|
|
|
background: none
|
|
|
|
border: none
|
2012-10-06 14:49:13 +00:00
|
|
|
max-width: 80%
|
|
|
|
margin: 0 auto
|
2010-10-05 15:18:17 +00:00
|
|
|
a
|
|
|
|
cursor: pointer
|
2012-10-05 09:20:03 +00:00
|
|
|
.preh1
|
|
|
|
font-size: 1.5em
|
|
|
|
font-weight: bold
|
|
|
|
margin-bottom: 1em
|
|
|
|
.preh2
|
|
|
|
font-size: 1.2em
|
|
|
|
font-style: italic
|
|
|
|
margin-bottom: 1em
|
|
|
|
.preintro
|
|
|
|
text-align: left
|
2012-10-06 14:49:13 +00:00
|
|
|
width: $content_width
|
2012-10-05 09:20:03 +00:00
|
|
|
margin: 0 auto
|
2010-10-05 15:18:17 +00:00
|
|
|
|
|
|
|
#nojsredirect
|
|
|
|
z-index: 9001
|
|
|
|
|
|
|
|
.nojsbutton
|
|
|
|
width: 50%
|
|
|
|
padding: 1em
|
|
|
|
border: solid 3px white
|
|
|
|
margin-left: auto
|
|
|
|
margin-right: auto
|
|
|
|
margin-top: 2em
|
|
|
|
z-index: 9002
|
|
|
|
|
2012-05-02 12:00:39 +00:00
|
|
|
.codefile
|
2010-10-05 15:18:17 +00:00
|
|
|
font-size: 0.8em
|
|
|
|
text-align: right
|
|
|
|
padding-right: 1em
|
|
|
|
margin-right: 0.1
|
2012-09-05 10:09:36 +00:00
|
|
|
margin-bottom: -1em
|
2010-10-05 15:18:17 +00:00
|
|
|
|
|
|
|
.flush
|
|
|
|
clear: both
|
|
|
|
|
|
|
|
table.description
|
|
|
|
border-spacing: 5px
|
|
|
|
border-collapse: separate
|
|
|
|
margin-right: auto
|
|
|
|
margin-left: auto
|
|
|
|
|
|
|
|
table.description tr td
|
|
|
|
padding-left: 0.5em
|
|
|
|
padding-right: 0.5em
|
|
|
|
padding-top: 0.5ex
|
|
|
|
padding-bottom: 0.5ex
|
|
|
|
vertical-align: middle
|
|
|
|
margin-right: 5px
|
|
|
|
|
|
|
|
ul.long li
|
|
|
|
margin-bottom: 1em
|
|
|
|
|
|
|
|
img
|
|
|
|
display: block
|
2012-01-06 14:03:52 +00:00
|
|
|
margin: 1.2em auto
|
2010-10-05 15:18:17 +00:00
|
|
|
background: none
|
|
|
|
border: none
|
|
|
|
|
2012-12-12 10:09:15 +00:00
|
|
|
img.right
|
|
|
|
max-width: 30%
|
|
|
|
margin:
|
|
|
|
top: .6em
|
|
|
|
left: 2em
|
2010-10-05 15:18:17 +00:00
|
|
|
img.left
|
|
|
|
float: left
|
|
|
|
max-width: 30%
|
2012-09-05 10:09:36 +00:00
|
|
|
margin:
|
2012-01-06 14:03:52 +00:00
|
|
|
top: .6em
|
2012-01-18 14:44:28 +00:00
|
|
|
right: 2em
|
2010-10-05 15:18:17 +00:00
|
|
|
|
|
|
|
img.inside
|
|
|
|
display: inline
|
|
|
|
vertical-align: middle
|
|
|
|
|
|
|
|
pre
|
2012-01-06 15:56:14 +00:00
|
|
|
overflow-x: auto
|
|
|
|
overflow-y: hidden
|
2010-10-05 15:18:17 +00:00
|
|
|
|
|
|
|
.navigationprev, .navigationnext
|
|
|
|
padding: 0px
|
|
|
|
margin-left: 0.2em
|
|
|
|
margin-right: 0.2em
|
|
|
|
margin-bottom: 0
|
|
|
|
margin-top: $VMarginCorps
|
|
|
|
width: 45%
|
|
|
|
|
|
|
|
.navigation .navigationprev,
|
|
|
|
.navigation .navigationnext
|
|
|
|
width: 30%
|
|
|
|
margin-top: 0
|
|
|
|
|
|
|
|
.navigation
|
2010-10-06 22:36:18 +00:00
|
|
|
height: 4em
|
|
|
|
border-bottom: $lighterColorBorderBottom solid 1px
|
2010-10-05 15:18:17 +00:00
|
|
|
|
|
|
|
.presarticleleft,
|
|
|
|
.presarticleright
|
|
|
|
font-size: 1em
|
|
|
|
|
|
|
|
.navigationprev
|
|
|
|
float: left
|
|
|
|
text-align: left
|
|
|
|
|
|
|
|
.navigationnext
|
|
|
|
float: right
|
|
|
|
text-align: right
|
|
|
|
|
|
|
|
.impact, .darkimpact
|
|
|
|
text-align: left
|
|
|
|
width: 66%
|
|
|
|
padding-left: 0.25em
|
|
|
|
padding-right: 0.25em
|
|
|
|
|
|
|
|
table.impact
|
|
|
|
text-align: left
|
|
|
|
|
|
|
|
table.impact tr td
|
|
|
|
padding-left: 0.25em
|
|
|
|
padding-right: 0.25em
|
|
|
|
|
|
|
|
#liens
|
|
|
|
font-size: 1.2em
|
|
|
|
|
|
|
|
#iemessage
|
|
|
|
font-size: 1.2em
|
2012-03-16 15:09:51 +00:00
|
|
|
color: #CCC
|
|
|
|
margin: -10px
|
|
|
|
padding: 1px 0
|
|
|
|
background: #333
|
|
|
|
strong, b, i, em
|
|
|
|
color: #CCC
|
|
|
|
a, a:visited
|
|
|
|
color: #ECA
|
2010-10-05 15:18:17 +00:00
|
|
|
|
2012-05-02 12:00:39 +00:00
|
|
|
.tagname
|
2010-10-05 15:18:17 +00:00
|
|
|
display: inline
|
|
|
|
cursor: pointer
|
|
|
|
margin-left: 0.5em
|
|
|
|
margin-right: 0.5em
|
|
|
|
|
|
|
|
.list
|
|
|
|
margin-top: $VPadCorps
|
|
|
|
|
|
|
|
#menuMessage
|
|
|
|
font:
|
|
|
|
size: 1.2em
|
|
|
|
line:
|
|
|
|
height: 1.5em
|
|
|
|
width: 100%
|
|
|
|
text-align: center
|
|
|
|
|
|
|
|
#next_before_articles
|
|
|
|
clear: both
|
|
|
|
width: 100%
|
|
|
|
font-size: 1.2em
|
|
|
|
padding:
|
|
|
|
top: 1em
|
|
|
|
bottom: 1em
|
|
|
|
|
|
|
|
#previous_articles, #next_articles
|
|
|
|
color: $highlightColor
|
|
|
|
font-size: .8em
|
2012-06-15 10:02:30 +00:00
|
|
|
+italic
|
2010-10-05 15:18:17 +00:00
|
|
|
|
|
|
|
#previous_articles
|
|
|
|
float: left
|
|
|
|
margin-left: 1em
|
|
|
|
width: 45%
|
|
|
|
text-align: left
|
|
|
|
|
|
|
|
.previous_article, .next_article
|
|
|
|
margin-top: 1em
|
|
|
|
|
|
|
|
#next_articles
|
|
|
|
float: right
|
|
|
|
width: 45%
|
|
|
|
margin-right: 1em
|
|
|
|
text-align: right
|
|
|
|
|
|
|
|
|
|
|
|
#rss
|
|
|
|
font-size: 1.2em
|
|
|
|
text-align: center
|
|
|
|
display: block
|
|
|
|
width: 100%
|
|
|
|
float: right
|
2010-10-06 09:01:31 +00:00
|
|
|
padding: 1em 0.1em
|
2010-10-05 15:18:17 +00:00
|
|
|
|
|
|
|
.corps .return a
|
|
|
|
color: $lighterColor
|
|
|
|
padding: 0.1em
|
|
|
|
line-height: 1.5em
|
|
|
|
font-size: 1.5em
|
|
|
|
height: 1.5em
|
|
|
|
float: left
|
|
|
|
font-size: 2em
|
|
|
|
margin-top: -0.5em
|
|
|
|
margin-left: -2em
|
|
|
|
width: 1.5em
|
|
|
|
|
2010-11-02 15:28:35 +00:00
|
|
|
a.return
|
|
|
|
color: $lighterColor
|
|
|
|
padding: 0.1em
|
|
|
|
line-height: 1.5em
|
|
|
|
font-size: 1.5em
|
|
|
|
height: 1.5em
|
|
|
|
font-size: 2em
|
|
|
|
width: 1.5em
|
|
|
|
display: block
|
|
|
|
&:hover
|
|
|
|
color: $highlightColor
|
|
|
|
|
2010-10-05 15:18:17 +00:00
|
|
|
.corps .return a:hover
|
|
|
|
color: $revealColor
|
|
|
|
|
|
|
|
.footnotes
|
|
|
|
font-size: 0.8em
|
2012-01-06 14:03:52 +00:00
|
|
|
ol
|
2012-03-29 13:11:41 +00:00
|
|
|
color: $base0
|
2012-06-15 10:02:30 +00:00
|
|
|
+bold
|
2012-01-06 14:03:52 +00:00
|
|
|
p
|
|
|
|
color: $behindColor
|
2012-06-15 10:02:30 +00:00
|
|
|
+normal
|
2010-10-05 15:18:17 +00:00
|
|
|
|
|
|
|
.fontnotes ol
|
|
|
|
margin-left: 0
|
|
|
|
|
|
|
|
.typeset img
|
|
|
|
display: inline
|
|
|
|
border: none
|
|
|
|
margin: 0
|
|
|
|
padding: 0
|
|
|
|
|
|
|
|
strong, b, i, em
|
|
|
|
color: $highlightColor
|
2010-10-10 19:17:53 +00:00
|
|
|
a
|
|
|
|
color: $mainTextColor
|
|
|
|
a:hover
|
|
|
|
color: $revealColor
|
2010-10-05 15:18:17 +00:00
|
|
|
|
|
|
|
.corps p
|
|
|
|
strong, b, i, em
|
|
|
|
color: $highlightBlockColor
|
|
|
|
|
|
|
|
a:hover
|
|
|
|
strong, b, i, em
|
|
|
|
color: $highlightRevealColor
|
|
|
|
|
|
|
|
a:hover .nicer
|
|
|
|
color: $lighterRevealColor
|
|
|
|
|
|
|
|
.nicer
|
|
|
|
color: $lighterText
|
|
|
|
font-family: "Lucida Grande", Tahoma
|
|
|
|
|
|
|
|
|
2012-03-26 16:05:41 +00:00
|
|
|
|
2010-10-05 15:18:17 +00:00
|
|
|
.block
|
2012-03-26 16:05:41 +00:00
|
|
|
+innerblock
|
|
|
|
width: 26.5%
|
|
|
|
padding: 1em
|
|
|
|
border-radius: 2px
|
2010-10-05 15:18:17 +00:00
|
|
|
text-align: left
|
|
|
|
line-height: 1em
|
|
|
|
margin-left: 1%
|
|
|
|
margin-right: 1%
|
|
|
|
font-size: 0.8em
|
2012-03-26 16:05:41 +00:00
|
|
|
height: 9em
|
2010-10-05 15:18:17 +00:00
|
|
|
a
|
|
|
|
color: $mainTextColor
|
|
|
|
a:hover
|
|
|
|
color: $revealColor
|
|
|
|
|
|
|
|
.block h3
|
|
|
|
margin: 0
|
|
|
|
font-size: 1.3em
|
|
|
|
|
|
|
|
.block p
|
|
|
|
line-height: 1.2em
|
|
|
|
|
|
|
|
.left
|
|
|
|
float: left
|
|
|
|
|
|
|
|
.right
|
|
|
|
float: right
|
|
|
|
|
2012-09-05 10:09:36 +00:00
|
|
|
.corps
|
2010-10-06 14:22:17 +00:00
|
|
|
p a, ul a
|
|
|
|
color: $textLinkColor
|
|
|
|
p a:hover, ul a:hover
|
|
|
|
color: $revealColor
|
2010-11-02 14:41:26 +00:00
|
|
|
|
|
|
|
ul.bloglist, .archive ul
|
|
|
|
list-style-type: none
|
|
|
|
margin: 0
|
|
|
|
li
|
|
|
|
margin-bottom: 1em
|
|
|
|
|
|
|
|
.button
|
|
|
|
cursor: pointer
|
|
|
|
text-align: center
|
2011-04-20 14:26:21 +00:00
|
|
|
|
|
|
|
#tagcloud
|
|
|
|
font-size: .8em
|
2012-03-29 13:11:41 +00:00
|
|
|
background: $secondBackgroundColor
|
|
|
|
box-shadow: 0 0 6px $borderColor
|
2011-07-05 15:20:11 +00:00
|
|
|
border-radius: 3px
|
|
|
|
line-height: 2.5em
|
|
|
|
padding: 2em
|
2012-01-17 15:26:59 +00:00
|
|
|
text-align: justify
|
2011-10-18 13:36:25 +00:00
|
|
|
|
|
|
|
.pala
|
|
|
|
font-family: Palatino
|
2011-10-18 22:30:00 +00:00
|
|
|
|
2012-10-11 07:28:03 +00:00
|
|
|
sup
|
|
|
|
vertical-align: top
|
|
|
|
font-size: .7em
|
|
|
|
|
2011-10-20 09:38:23 +00:00
|
|
|
.article .corps a:after
|
|
|
|
content: "†"
|
|
|
|
vertical-align: super
|
2012-01-20 11:37:47 +00:00
|
|
|
line-height: 0
|
2011-10-20 09:38:23 +00:00
|
|
|
font-size: .66em
|
|
|
|
color: $highlightColor
|
2012-09-05 10:09:36 +00:00
|
|
|
.article .corps
|
|
|
|
.footnotes, sup
|
2011-10-20 18:58:13 +00:00
|
|
|
a:after
|
|
|
|
content: ""
|
2012-01-06 14:03:52 +00:00
|
|
|
.article .corps sup a
|
2012-06-15 10:02:30 +00:00
|
|
|
+bold
|
2012-01-06 14:03:52 +00:00
|
|
|
padding: 0 .3em
|
2012-06-01 12:25:37 +00:00
|
|
|
margin-left: 2px
|
2012-01-06 14:03:52 +00:00
|
|
|
border-radius: 3px
|
|
|
|
-moz-border-radius: 3px
|
|
|
|
-webkit-border-radius: 3px
|
|
|
|
&:hover
|
2012-10-11 07:28:03 +00:00
|
|
|
color: $revealColor
|
2011-10-20 18:58:13 +00:00
|
|
|
|
2012-03-26 12:04:28 +00:00
|
|
|
ul#markdown-toc, .intro .toc ul
|
2012-06-26 21:40:05 +00:00
|
|
|
+sc
|
2012-01-02 14:39:00 +00:00
|
|
|
list-style: none
|
|
|
|
padding-left: 1.5em
|
2012-03-26 12:04:28 +00:00
|
|
|
a:after
|
|
|
|
content: ""
|
2012-03-29 20:43:51 +00:00
|
|
|
ul ul
|
|
|
|
font-variant: normal
|
|
|
|
line-height: 1em
|
2012-09-27 08:53:32 +00:00
|
|
|
font-size: 1em
|
2012-03-29 20:43:51 +00:00
|
|
|
margin-bottom: 1em
|
2012-01-05 16:05:37 +00:00
|
|
|
|
|
|
|
table
|
|
|
|
border: 1px solid $borderColor
|
|
|
|
table tr td
|
|
|
|
padding: 2px .5em
|
|
|
|
table tr
|
|
|
|
&:nth-child(odd)
|
|
|
|
background-color: $secondBackgroundColor
|
|
|
|
&:nth-child(even)
|
|
|
|
background-color: $mainBackgroundColor
|
2012-01-06 15:38:52 +00:00
|
|
|
|
2012-03-16 08:34:40 +00:00
|
|
|
p, ul li, ol li
|
2012-04-01 20:11:26 +00:00
|
|
|
pre code
|
|
|
|
background: none
|
|
|
|
border: none
|
|
|
|
padding: 0
|
2012-03-16 08:34:40 +00:00
|
|
|
code
|
2012-06-01 12:23:07 +00:00
|
|
|
background: $secondBackgroundColor - #020202
|
2012-03-16 08:34:40 +00:00
|
|
|
border: solid 1px $borderColor
|
|
|
|
padding: 2px
|
2012-01-11 11:10:28 +00:00
|
|
|
|
|
|
|
ul.sameline
|
|
|
|
list-style: none
|
|
|
|
li
|
|
|
|
float: left
|
|
|
|
margin-left: .5em
|
|
|
|
|
|
|
|
.resumearticle
|
2012-01-11 12:10:22 +00:00
|
|
|
background-color: $secondBackgroundColor
|
2012-01-11 11:10:28 +00:00
|
|
|
border-radius: 7px
|
2012-01-11 12:10:22 +00:00
|
|
|
box-shadow: 0 0 5px $mainShadowColor inset,0 0 5px #FFF
|
2012-01-11 11:10:28 +00:00
|
|
|
margin: 1em 0
|
2012-01-11 12:10:22 +00:00
|
|
|
padding: 1em
|
2012-02-24 16:08:40 +00:00
|
|
|
|
|
|
|
a.cut
|
|
|
|
font-size: 12px
|
|
|
|
text-align: right
|
|
|
|
display: block
|
|
|
|
width: 100%
|
|
|
|
opacity: .5
|
2012-09-05 10:09:36 +00:00
|
|
|
border: 1px solid $mainBackgroundColor
|
2012-02-24 16:08:40 +00:00
|
|
|
border-radius: 3px
|
|
|
|
&:hover
|
|
|
|
opacity: 1
|
|
|
|
background-color: $secondBackgroundColor
|
2012-09-05 10:09:36 +00:00
|
|
|
border-color: $borderColor
|
2012-02-24 16:08:40 +00:00
|
|
|
box-shadow: 0 0 3px $borderColor inset
|
|
|
|
strong
|
2012-06-15 10:02:30 +00:00
|
|
|
+bold
|
2012-03-15 12:58:40 +00:00
|
|
|
.codehighlight pre
|
2012-06-01 12:23:07 +00:00
|
|
|
border-left: 4px solid $borderColor
|
2012-04-05 11:47:30 +00:00
|
|
|
|
2012-04-10 13:56:34 +00:00
|
|
|
#social
|
|
|
|
text-align: left
|
|
|
|
opacity: .3
|
|
|
|
&:hover
|
|
|
|
opacity: 1
|
2012-04-24 15:04:20 +00:00
|
|
|
|
|
|
|
.popularblock
|
|
|
|
width: 30.3333%
|
|
|
|
margin: 0 1.5%
|
|
|
|
float: left
|
|
|
|
figure
|
|
|
|
margin: 0
|
|
|
|
img
|
|
|
|
max-width: 80%
|
2012-04-24 15:07:19 +00:00
|
|
|
max-height: 6em
|
2012-12-12 10:09:15 +00:00
|
|
|
|
|
|
|
section.slide
|
|
|
|
border-color: $borderColor
|
|
|
|
border: solid 1px
|
|
|
|
margin-bottom: 1em
|
|
|
|
padding: .5em
|
|
|
|
|
|
|
|
.base03
|
|
|
|
color: $base03
|
|
|
|
.base02
|
|
|
|
color: $base02
|
|
|
|
.base01
|
|
|
|
color: $base01
|
|
|
|
.base00
|
|
|
|
color: $base00
|
|
|
|
.base0
|
|
|
|
color: $base0
|
|
|
|
.base1
|
|
|
|
color: $base1
|
|
|
|
.base2
|
|
|
|
color: $base2
|
|
|
|
.base3
|
|
|
|
color: $base3
|
|
|
|
.yellow
|
|
|
|
color: $yellow
|
|
|
|
.orange
|
|
|
|
color: $orange
|
|
|
|
.red
|
|
|
|
color: $red
|
|
|
|
.magenta
|
|
|
|
color: $magenta
|
|
|
|
.violet
|
|
|
|
color: $violet
|
|
|
|
.blue
|
|
|
|
color: $blue
|
|
|
|
.cyan
|
|
|
|
color: $cyan
|
|
|
|
.green
|
|
|
|
color: $green
|