From 796f4329e6dd6b96426905468fc552d0af456ebf Mon Sep 17 00:00:00 2001 From: Neku Date: Sun, 15 Dec 2013 16:33:18 +0100 Subject: it will be ready sometime.. --- moe/panel/css/font/FontAwesome.otf | Bin 0 -> 63008 bytes moe/panel/css/font/fontawesome-webfont.eot | Bin 0 -> 38239 bytes moe/panel/css/font/fontawesome-webfont.svg | 414 +++++++++++++ moe/panel/css/font/fontawesome-webfont.ttf | Bin 0 -> 80776 bytes moe/panel/css/font/fontawesome-webfont.woff | Bin 0 -> 44476 bytes moe/panel/css/ie8.css | 37 ++ moe/panel/css/images/bg.jpg | Bin 0 -> 20035 bytes moe/panel/css/images/overlay.png | Bin 0 -> 73836 bytes moe/panel/css/noscript.css | 62 ++ moe/panel/css/skel-noscript.css | 168 ++++++ moe/panel/css/style-desktop.css | 337 +++++++++++ moe/panel/css/style-mobile.css | 184 ++++++ moe/panel/css/style.css | 903 ++++++++++++++++++++++++++++ 13 files changed, 2105 insertions(+) create mode 100644 moe/panel/css/font/FontAwesome.otf create mode 100644 moe/panel/css/font/fontawesome-webfont.eot create mode 100644 moe/panel/css/font/fontawesome-webfont.svg create mode 100644 moe/panel/css/font/fontawesome-webfont.ttf create mode 100644 moe/panel/css/font/fontawesome-webfont.woff create mode 100644 moe/panel/css/ie8.css create mode 100644 moe/panel/css/images/bg.jpg create mode 100644 moe/panel/css/images/overlay.png create mode 100644 moe/panel/css/noscript.css create mode 100644 moe/panel/css/skel-noscript.css create mode 100644 moe/panel/css/style-desktop.css create mode 100644 moe/panel/css/style-mobile.css create mode 100644 moe/panel/css/style.css (limited to 'moe/panel/css') diff --git a/moe/panel/css/font/FontAwesome.otf b/moe/panel/css/font/FontAwesome.otf new file mode 100644 index 0000000..4dfe30a Binary files /dev/null and b/moe/panel/css/font/FontAwesome.otf differ diff --git a/moe/panel/css/font/fontawesome-webfont.eot b/moe/panel/css/font/fontawesome-webfont.eot new file mode 100644 index 0000000..e054c93 Binary files /dev/null and b/moe/panel/css/font/fontawesome-webfont.eot differ diff --git a/moe/panel/css/font/fontawesome-webfont.svg b/moe/panel/css/font/fontawesome-webfont.svg new file mode 100644 index 0000000..36d43b8 --- /dev/null +++ b/moe/panel/css/font/fontawesome-webfont.svg @@ -0,0 +1,414 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/moe/panel/css/font/fontawesome-webfont.ttf b/moe/panel/css/font/fontawesome-webfont.ttf new file mode 100644 index 0000000..7ec2e1d Binary files /dev/null and b/moe/panel/css/font/fontawesome-webfont.ttf differ diff --git a/moe/panel/css/font/fontawesome-webfont.woff b/moe/panel/css/font/fontawesome-webfont.woff new file mode 100644 index 0000000..27d80b1 Binary files /dev/null and b/moe/panel/css/font/fontawesome-webfont.woff differ diff --git a/moe/panel/css/ie8.css b/moe/panel/css/ie8.css new file mode 100644 index 0000000..c288b08 --- /dev/null +++ b/moe/panel/css/ie8.css @@ -0,0 +1,37 @@ +/* + Astral 2.5 by HTML5 UP + html5up.net | @n33co + Free for personal and commercial use under the CCA 3.0 license (html5up.net/license) +*/ + +/*********************************************************************************/ +/* Basic */ +/*********************************************************************************/ + + body + { + background: #e0a391; + } + + body:before, + body:after + { + display: none; + } + +/*********************************************************************************/ +/* Nav */ +/*********************************************************************************/ + + #nav + { + } + + #nav a + { + } + + #nav a span + { + display: none; + } diff --git a/moe/panel/css/images/bg.jpg b/moe/panel/css/images/bg.jpg new file mode 100644 index 0000000..57f7f3a Binary files /dev/null and b/moe/panel/css/images/bg.jpg differ diff --git a/moe/panel/css/images/overlay.png b/moe/panel/css/images/overlay.png new file mode 100644 index 0000000..14dfb11 Binary files /dev/null and b/moe/panel/css/images/overlay.png differ diff --git a/moe/panel/css/noscript.css b/moe/panel/css/noscript.css new file mode 100644 index 0000000..5218243 --- /dev/null +++ b/moe/panel/css/noscript.css @@ -0,0 +1,62 @@ +/* + Astral 2.5 by HTML5 UP + html5up.net | @n33co + Free for personal and commercial use under the CCA 3.0 license (html5up.net/license) +*/ + +/*********************************************************************************/ +/* Wrapper */ +/*********************************************************************************/ + + #wrapper + { + opacity: 1.0; + } + +/*********************************************************************************/ +/* Nav */ +/*********************************************************************************/ + + #nav + { + margin-top: 4em; + } + + #nav a + { + opacity: 1.0; + } + + #nav a:before, + #nav a:after + { + display: none; + } + + #nav a span + { + top: 0; + opacity: 1.0; + } + + #nav a span:after + { + display: none; + } + +/*********************************************************************************/ +/* Panels */ +/*********************************************************************************/ + + #main + { + background: none; + box-shadow: none; + } + + .panel + { + position: relative; + background: #fff; + box-shadow: 0px 1px 0px 0px rgba(0,0,0,0.25); + } diff --git a/moe/panel/css/skel-noscript.css b/moe/panel/css/skel-noscript.css new file mode 100644 index 0000000..0423686 --- /dev/null +++ b/moe/panel/css/skel-noscript.css @@ -0,0 +1,168 @@ +/* Resets (http://meyerweb.com/eric/tools/css/reset/ | v2.0 | 20110126 | License: none (public domain)) */ + + html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,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;}body{line-height:1;}ol,ul{list-style:none;}blockquote,q{quotes:none;}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}table{border-collapse:collapse;border-spacing:0;}body{-webkit-text-size-adjust:none} + +/* Box Model */ + + *, *:before, *:after { + -moz-box-sizing: border-box; + -webkit-box-sizing: border-box; + -o-box-sizing: border-box; + -ms-box-sizing: border-box; + box-sizing: border-box; + } + +/* Container */ + + body { + min-width: 1200px; + } + + .container { + width: 1200px; + margin-left: auto; + margin-right: auto; + } + + /* Modifiers */ + + .container.small { + width: 900px; + } + + .container.big { + width: 100%; + max-width: 1500px; + min-width: 1200px; + } + +/* Grid */ + + /* Cells */ + + .\31 2u { width: 100% } + .\31 1u { width: 91.6666666667% } + .\31 0u { width: 83.3333333333% } + .\39 u { width: 75% } + .\38 u { width: 66.6666666667% } + .\37 u { width: 58.3333333333% } + .\36 u { width: 50% } + .\35 u { width: 41.6666666667% } + .\34 u { width: 33.3333333333% } + .\33 u { width: 25% } + .\32 u { width: 16.6666666667% } + .\31 u { width: 8.3333333333% } + .\-11u { margin-left: 91.6666666667% } + .\-10u { margin-left: 83.3333333333% } + .\-9u { margin-left: 75% } + .\-8u { margin-left: 66.6666666667% } + .\-7u { margin-left: 58.3333333333% } + .\-6u { margin-left: 50% } + .\-5u { margin-left: 41.6666666667% } + .\-4u { margin-left: 33.3333333333% } + .\-3u { margin-left: 25% } + .\-2u { margin-left: 16.6666666667% } + .\-1u { margin-left: 8.3333333333% } + + .row > * { + padding: 25px 0 0 25px; + float: left; + -moz-box-sizing: border-box; + -webkit-box-sizing: border-box; + -o-box-sizing: border-box; + -ms-box-sizing: border-box; + box-sizing: border-box; + } + + .row + .row > * { + padding-top: 25px; + } + + .row { + margin-left: -25px; + } + + /* Rows */ + + .row:after { + content: ''; + display: block; + clear: both; + height: 0; + } + + .row:first-child > * { + padding-top: 0; + } + + .row > * { + padding-top: 0; + } + + /* Modifiers */ + + /* Flush */ + + .row.flush { + margin-left: 0; + } + + .row.flush > * { + padding: 0 !important; + } + + /* Quarter */ + + .row.quarter > * { + padding: 6.25px 0 0 6.25px; + } + + .row.quarter + .row.quarter > * { + padding-top: 6.25px; + } + + .row.quarter { + margin-left: -6.25px; + } + + /* Half */ + + .row.half > * { + padding: 12.5px 0 0 12.5px; + } + + .row.half + .row.half > * { + padding-top: 12.5px; + } + + .row.half { + margin-left: -12.5px; + } + + /* One and (a) Half */ + + .row.oneandhalf > * { + padding: 37.5px 0 0 37.5px; + } + + .row.oneandhalf + .row.oneandhalf > * { + padding-top: 37.5px; + } + + .row.oneandhalf { + margin-left: -37.5px; + } + + /* Double */ + + .row.double > * { + padding: 50px 0 0 50px; + } + + .row.double + .row.double > * { + padding-top: 50px; + } + + .row.double { + margin-left: -50px; + } \ No newline at end of file diff --git a/moe/panel/css/style-desktop.css b/moe/panel/css/style-desktop.css new file mode 100644 index 0000000..50122fc --- /dev/null +++ b/moe/panel/css/style-desktop.css @@ -0,0 +1,337 @@ +/* + Astral 2.5 by HTML5 UP + html5up.net | @n33co + Free for personal and commercial use under the CCA 3.0 license (html5up.net/license) +*/ + +/*********************************************************************************/ +/* Basic */ +/*********************************************************************************/ + + html + { + width: 100%; + height: 100%; + } + + body + { + width: 100%; + min-height: 100%; + overflow-y: scroll; + min-width: 1000px; + } + + body, input, textarea + { + font-size: 14pt; + line-height: 1.75em; + } + + h1 + { + font-size: 1.4em; + letter-spacing: -0.015em; + } + + h2 + { + font-size: 1.8em; + letter-spacing: -0.015em; + } + + h3, h4, h5, h6 + { + font-size: 1.25em; + letter-spacing: -0.015em; + } + + header + { + margin: 0 0 1.5em 0; + } + + ul.links + { + } + + ul.links li + { + } + + ul.links li:before + { + padding: 0 0.75em 0 0.75em; + } + + .button + { + padding: 0.7em 1.5em 0.7em 1.5em; + } + + .button-small + { + font-size: 0.75em; + } + + .button-big + { + font-size: 1.25em; + padding: 0.5em 1.25em 0.5em 1.25em; + } + + .button-huge + { + font-size: 1.5em; + padding: 0.5em 1.25em 0.5em 1.25em; + } + + .byline + { + margin: 0.5em 0 0 0; + } + + .is-gallery + { + } + + .is-gallery .image + { + margin: 0; + } + +/*********************************************************************************/ +/* Wrapper */ +/*********************************************************************************/ + + #wrapper + { + width: 45em; + margin: 0 auto; + opacity: 0.00001; + } + + #wrapper.tall + { + padding-bottom: 6em; + } + +/*********************************************************************************/ +/* Nav */ +/*********************************************************************************/ + + #nav + { + text-align: center; + height: 4.25em; + cursor: default; + } + + #nav a + { + font-size: 2.5em; + margin: 0 0.25em 0 0.25em; + opacity: 0.35; + outline: 0; + } + + #nav a:before + { + font-size: 0.8em; + } + + #nav a:after + { + content: ''; + display: block; + position: absolute; + left: 50%; + bottom: -0.75em; + margin-left: -0.5em; + border-bottom: solid 0em #fff; + border-left: solid 0.5em transparent; + border-right: solid 0.5em transparent; + -moz-transition: border-bottom-width .25s ease-in-out; + -webkit-transition: border-bottom-width .25s ease-in-out; + -o-transition: border-bottom-width .25s ease-in-out; + -ms-transition: border-bottom-width .25s ease-in-out; + transition: border-bottom-width .25s ease-in-out; + } + + #nav a span + { + display: block; + position: absolute; + background: #222222; + color: #fff; + top: -2.75em; + font-size: 0.3em; + height: 2.25em; + line-height: 2.25em; + left: 50%; + opacity: 0; + + /* Labels not wide enough? Increase its width below and set margin-left to ((width / 2) * -1) */ + width: 5.5em; + margin-left: -2.75em; + } + + #nav a span:after + { + content: ''; + display: block; + position: absolute; + bottom: -0.4em; + left: 50%; + margin-left: -0.6em; + border-top: solid 0.6em #222222; + border-left: solid 0.6em transparent; + border-right: solid 0.6em transparent; + } + + #nav a:hover + { + opacity: 1.0; + } + + #nav a:hover span + { + opacity: 1.0; + } + + #nav a.active + { + opacity: 1.0; + } + + #nav a.active:after + { + border-bottom-width: 0.5em; + } + +/*********************************************************************************/ +/* Panels */ +/*********************************************************************************/ + + #main + { + width: 45em; + background: #fff; + box-shadow: 0px 1px 0px 0px rgba(0,0,0,0.25); + } + + .panel + { + padding: 3.5em 2.5em 3.5em 2.5em; + position: absolute; + top: 0; + left: 0; + height: 30em; + width: 45em; + } + + /* Me */ + + #me + { + padding: 0; + height: 20em; + } + + #me .pic + { + display: block; + position: absolute; + right: -1px; + top: 0; + height: 100%; + text-decoration: none; + } + + #me .pic img + { + position: relative; + display: block; + height: 100%; + } + + #me .pic .arrow + { + display: block; + position: absolute; + right: 0; + top: 50%; + margin-top: -1.375em; + width: 2.75em; + height: 2.75em; + background: #000; + background: rgba(0,0,0,0.75); + color: #fff; + text-align: center; + line-height: 2.75em; + font-size: 1.5em; + z-index: 1; + -moz-transition: width .15s ease-in-out, padding-right .15s ease-in-out; + -webkit-transition: width .15s ease-in-out, padding-right .15s ease-in-out; + -o-transition: width .15s ease-in-out, padding-right .15s ease-in-out; + -ms-transition: width .15s ease-in-out, padding-right .15s ease-in-out; + transition: width .15s ease-in-out, padding-right .15s ease-in-out; + } + + #me .pic .arrow:before + { + position: relative; + padding-right: 0; + top: 0.125em; + } + + #me .pic .arrow span + { + display: block; + text-indent: -9999px; + } + + #me .pic:hover .arrow + { + width: 3em; + padding-right: 0.25em; + } + + #me header + { + position: absolute; + left: 0; + top: 0; + width: 100%; + height: 100%; + margin-left: 2.5em; + } + + #me h1 + { + position: absolute; + left: 0; + bottom: 52.5%; + margin: 0; + } + + #me .byline + { + position: absolute; + left: 0; + top: 52.5%; + font-size: 1.5em; + letter-spacing: -0.015em; + margin-top: 0; + } + +/*********************************************************************************/ +/* Footer */ +/*********************************************************************************/ + + #footer + { + text-align: center; + padding: 2em 0 0 0; + font-size: 0.75em; + } diff --git a/moe/panel/css/style-mobile.css b/moe/panel/css/style-mobile.css new file mode 100644 index 0000000..72512a0 --- /dev/null +++ b/moe/panel/css/style-mobile.css @@ -0,0 +1,184 @@ +/* + Astral 2.5 by HTML5 UP + html5up.net | @n33co + Free for personal and commercial use under the CCA 3.0 license (html5up.net/license) +*/ + +/*********************************************************************************/ +/* Basic */ +/*********************************************************************************/ + + body, input, textarea + { + font-size: 11pt; + line-height: 1.75em; + } + + h1, h2 + { + font-size: 1.75em; + letter-spacing: -0.025em; + } + + h3, h4, h5, h6 + { + font-size: 1.25em; + letter-spacing: -0.025em; + } + + header + { + margin: 0 0 1.5em 0; + } + + table.style1 + { + overflow-x: scroll; + } + + ul.links + { + } + + ul.links li + { + } + + ul.links li:before + { + padding: 0 0.25em 0 0.25em; + } + + .button + { + display: block; + width: 100%; + padding: 0.75em 0 0.75em 0; + text-align: center; + margin: 1em 0 0 0; + } + + .byline + { + margin: 0.5em 0 0 0; + } + + .is-gallery + { + } + + .is-gallery .image + { + margin: 15px 0 0 0; + } + +/*********************************************************************************/ +/* Wrapper */ +/*********************************************************************************/ + + #wrapper + { + padding: 7px; + } + +/*********************************************************************************/ +/* Nav */ +/*********************************************************************************/ + + #nav + { + text-align: center; + margin: 6px 0 8px 0; + } + + #nav a + { + font-size: 2em; + opacity: 0.5; + outline: 0; + width: 1.5em; + height: 1.5em; + line-height: 1.35em; + margin: 0 0.25em 0 0.25em; + } + + #nav a:active + { + opacity: 1.0; + } + + #nav a span + { + display: none; + } + +/*********************************************************************************/ +/* Panels */ +/*********************************************************************************/ + + #main + { + background: none; + } + + .panel + { + padding: 15px 15px 15px 15px; + margin: 0 0 7px 0; + background: #fff; + box-shadow: 0px 1px 0px 0px rgba(0,0,0,0.25); + } + + .panel header + { + padding-top: 1em; + } + + /* Me */ + + #me + { + } + + #me .pic + { + width: 100%; + } + + #me .pic img + { + display: block; + width: 100%; + } + + #me .pic .arrow + { + display: none; + } + + #me header + { + text-align: center; + } + + #me h1 + { + font-size: 2.15em; + letter-spacing: -0.025em; + } + + #me .byline + { + font-size: 1.25em; + } + +/*********************************************************************************/ +/* Footer */ +/*********************************************************************************/ + + #footer + { + text-align: center; + padding: 2em 0 0 0; + font-size: 0.85em; + } \ No newline at end of file diff --git a/moe/panel/css/style.css b/moe/panel/css/style.css new file mode 100644 index 0000000..edcbda0 --- /dev/null +++ b/moe/panel/css/style.css @@ -0,0 +1,903 @@ +@charset 'UTF-8'; + +@font-face{font-family:'FontAwesome';src:url('font/fontawesome-webfont.eot?v=4.0.1');src:url('font/fontawesome-webfont.eot?#iefix&v=4.0.1') format('embedded-opentype'),url('font/fontawesome-webfont.woff?v=4.0.1') format('woff'),url('font/fontawesome-webfont.ttf?v=4.0.1') format('truetype'),url('font/fontawesome-webfont.svg?v=4.0.1#fontawesomeregular') format('svg');font-weight:normal;font-style:normal} + +/* + Astral 2.5 by HTML5 UP + html5up.net | @n33co + Free for personal and commercial use under the CCA 3.0 license (html5up.net/license) +*/ + +/*********************************************************************************/ +/* Basic */ +/*********************************************************************************/ + + * + { + -moz-box-sizing: border-box; + -webkit-box-sizing: border-box; + -o-box-sizing: border-box; + -ms-box-sizing: border-box; + box-sizing: border-box; + } + + body + { + /* + Fallback for browsers that don't support pseudo elements. + */ + + background: url('images/bg.jpg'); + } + + body:before + { + content: ''; + position: fixed; + left: 0; + top: 0; + width: 100%; + height: 100%; + z-index: -1; + + /* + Default background is a weird gradient so I've set it to stretch to + 100% in both directions. If you replace it with a photo or something, + set background-size to "cover". + */ + + background: url('images/bg.jpg'); + background-size: 100% 100%; + } + + /* + The pseudo element below applies a noise pattern to the background image. It's + meant to help mask blurriness, but you can remove it if you don't like it. + */ + + body:after + { + content: ''; + position: fixed; + left: 0; + top: 0; + width: 100%; + height: 100%; + background: url('images/overlay.png'); + z-index: -1; + } + + body, input, textarea + { + font-family: 'Source Sans Pro', sans-serif; + font-weight: 300; + color: #777; + } + + strong, b + { + font-weight: 400; + color: #363636; + } + + h1, h2, h3, h4,h5, h6 + { + font-weight: 400; + color: #363636; + } + + blockquote + { + border-left: solid 0.5em #ddd; + padding: 1em 0 1em 2em; + font-style: italic; + } + + em, i + { + font-style: italic; + } + + hr + { + border: 0; + border-top: solid 1px #ddd; + padding: 1.5em 0 0 0; + margin: 1.75em 0 0 0; + } + + sub + { + position: relative; + top: 0.5em; + font-size: 0.8em; + } + + sup + { + position: relative; + top: -0.5em; + font-size: 0.8em; + } + + table + { + width: 100%; + } + + table.style1 + { + width: 100%; + } + + table.style1 tbody tr:nth-child(2n+2) + { + background: #f4f4f4; + } + + table.style1 td + { + padding: 0.5em 1em 0.5em 1em; + } + + table.style1 th + { + text-align: left; + font-weight: 400; + padding: 0.5em 1em 0.5em 1em; + } + + table.style1 thead + { + background: #222222; + color: #fff; + } + + table.style1 tfoot + { + background: #eee; + } + + table.style1 tbody + { + } + + form + { + } + + form input.text, + form select, + form textarea + { + border: 0; + background: #f0f0f0; + padding: 0.65em; + width: 100%; + } + + form input.button, + form input.text, + form select, + form textarea + { + -webkit-appearance: none; + } + + form textarea + { + height: 15em; + } + + form input:focus, + form select:focus, + form textarea:focus + { + background: #f5f5f5; + } + + form ::-webkit-input-placeholder + { + color: #999; + } + + form :-moz-placeholder + { + color: #999; + } + + form ::-moz-placeholder + { + color: #999; + } + + form :-ms-input-placeholder + { + color: #999; + } + + br.clear + { + clear: both; + } + + p, ul, ol, dl, table, blockquote, form + { + margin-bottom: 2em; + } + + section, + article + { + margin-bottom: 3em; + } + + section > :last-child, + article > :last-child + { + margin-bottom: 0; + } + + section:last-child, + article:last-child + { + margin-bottom: 0; + } + + .image + { + display: inline-block; + } + + .image img + { + display: block; + width: 100%; + } + + .image-full + { + display: block; + width: 100%; + margin: 0 0 2em 0; + } + + .image-left + { + float: left; + margin: 0 2em 2em 0; + } + + .image-centered + { + display: block; + margin: 0 0 2em 0; + } + + .image-centered img + { + margin: 0 auto; + width: auto; + } + + .button + { + display: inline-block; + background-color: #222222; + color: #fff; + border: 0; + cursor: pointer; + outline: 0; + -moz-transition: background-color .25s ease-in-out; + -webkit-transition: background-color .25s ease-in-out; + -o-transition: background-color .25s ease-in-out; + -ms-transition: background-color .25s ease-in-out; + transition: background-color .25s ease-in-out; + } + + .button:hover + { + background-color: #333333; + } + + .button:active + { + background-color: #444444; + } + + .button-alt + { + background-color: #777777; + } + + .button-alt:hover + { + background-color: #888888; + } + + .button-alt:active + { + background-color: #999999; + } + + .button-small + { + } + + .button-big + { + } + + .button-huge + { + } + + ul.style1 + { + list-style: disc; + padding-left: 1em; + } + + ul.style1 li + { + padding-left: 0.5em; + } + + ul.links + { + } + + ul.links li + { + display: inline-block; + } + + ul.links li:before + { + display: inline; + content: '\2022'; + opacity: 0.5; + } + + ul.links li:first-child:before + { + display: none; + } + + ol.style1 + { + list-style: decimal; + padding-left: 1.25em; + } + + ol.style1 li + { + padding-left: 0.25em; + } + + .byline + { + display: block; + color: #aaa; + } + +/*********************************************************************************/ +/* Icons */ +/* Powered by Font Awesome by Dave Gandy | http://fontawesome.io */ +/* Licensed under the SIL OFL 1.1 (font), MIT (CSS) */ +/*********************************************************************************/ + + .fa + { + text-decoration: none; + } + + .fa.solo + { + } + + .fa.solo span + { + display: none; + } + + .fa:before + { + display:inline-block; + font-family: FontAwesome; + font-size: 1.25em; + text-decoration: none; + font-style: normal; + font-weight: normal; + line-height: 1; + -webkit-font-smoothing:antialiased; + -moz-osx-font-smoothing:grayscale; + } + + .fa-lg{font-size:1.3333333333333333em;line-height:.75em;vertical-align:-15%} + .fa-2x{font-size:2em} + .fa-3x{font-size:3em} + .fa-4x{font-size:4em} + .fa-5x{font-size:5em} + .fa-fw{width:1.2857142857142858em;text-align:center} + .fa-ul{padding-left:0;margin-left:2.142857142857143em;list-style-type:none}.fa-ul>li{position:relative} + .fa-li{position:absolute;left:-2.142857142857143em;width:2.142857142857143em;top:.14285714285714285em;text-align:center}.fa-li.fa-lg{left:-1.8571428571428572em} + .fa-border{padding:.2em .25em .15em;border:solid .08em #eee;border-radius:.1em} + .pull-right{float:right} + .pull-left{float:left} + .fa.pull-left{margin-right:.3em} + .fa.pull-right{margin-left:.3em} + .fa-spin{-webkit-animation:spin 2s infinite linear;-moz-animation:spin 2s infinite linear;-o-animation:spin 2s infinite linear;animation:spin 2s infinite linear} + @-moz-keyframes spin{0%{-moz-transform:rotate(0deg)} 100%{-moz-transform:rotate(359deg)}}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg)} 100%{-webkit-transform:rotate(359deg)}}@-o-keyframes spin{0%{-o-transform:rotate(0deg)} 100%{-o-transform:rotate(359deg)}}@-ms-keyframes spin{0%{-ms-transform:rotate(0deg)} 100%{-ms-transform:rotate(359deg)}}@keyframes spin{0%{transform:rotate(0deg)} 100%{transform:rotate(359deg)}}.fa-rotate-90{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1);-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg);transform:rotate(90deg)} + .fa-rotate-180{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2);-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg)} + .fa-rotate-270{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);-webkit-transform:rotate(270deg);-moz-transform:rotate(270deg);-ms-transform:rotate(270deg);-o-transform:rotate(270deg);transform:rotate(270deg)} + .fa-flip-horizontal{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);-webkit-transform:scale(-1, 1);-moz-transform:scale(-1, 1);-ms-transform:scale(-1, 1);-o-transform:scale(-1, 1);transform:scale(-1, 1)} + .fa-flip-vertical{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);-webkit-transform:scale(1, -1);-moz-transform:scale(1, -1);-ms-transform:scale(1, -1);-o-transform:scale(1, -1);transform:scale(1, -1)} + .fa-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:middle} + .fa-stack-1x,.fa-stack-2x{position:absolute;left:0;width:100%;text-align:center} + .fa-stack-1x{line-height:inherit} + .fa-stack-2x{font-size:2em} + .fa-inverse{color:#fff} + .fa-glass:before{content:"\f000"} + .fa-music:before{content:"\f001"} + .fa-search:before{content:"\f002"} + .fa-envelope-o:before{content:"\f003"} + .fa-heart:before{content:"\f004"} + .fa-star:before{content:"\f005"} + .fa-star-o:before{content:"\f006"} + .fa-user:before{content:"\f007"} + .fa-film:before{content:"\f008"} + .fa-th-large:before{content:"\f009"} + .fa-th:before{content:"\f00a"} + .fa-th-list:before{content:"\f00b"} + .fa-check:before{content:"\f00c"} + .fa-times:before{content:"\f00d"} + .fa-search-plus:before{content:"\f00e"} + .fa-search-minus:before{content:"\f010"} + .fa-power-off:before{content:"\f011"} + .fa-signal:before{content:"\f012"} + .fa-gear:before,.fa-cog:before{content:"\f013"} + .fa-trash-o:before{content:"\f014"} + .fa-home:before{content:"\f015"} + .fa-file-o:before{content:"\f016"} + .fa-clock-o:before{content:"\f017"} + .fa-road:before{content:"\f018"} + .fa-download:before{content:"\f019"} + .fa-arrow-circle-o-down:before{content:"\f01a"} + .fa-arrow-circle-o-up:before{content:"\f01b"} + .fa-inbox:before{content:"\f01c"} + .fa-play-circle-o:before{content:"\f01d"} + .fa-rotate-right:before,.fa-repeat:before{content:"\f01e"} + .fa-refresh:before{content:"\f021"} + .fa-list-alt:before{content:"\f022"} + .fa-lock:before{content:"\f023"} + .fa-flag:before{content:"\f024"} + .fa-headphones:before{content:"\f025"} + .fa-volume-off:before{content:"\f026"} + .fa-volume-down:before{content:"\f027"} + .fa-volume-up:before{content:"\f028"} + .fa-qrcode:before{content:"\f029"} + .fa-barcode:before{content:"\f02a"} + .fa-tag:before{content:"\f02b"} + .fa-tags:before{content:"\f02c"} + .fa-book:before{content:"\f02d"} + .fa-bookmark:before{content:"\f02e"} + .fa-print:before{content:"\f02f"} + .fa-camera:before{content:"\f030"} + .fa-font:before{content:"\f031"} + .fa-bold:before{content:"\f032"} + .fa-italic:before{content:"\f033"} + .fa-text-height:before{content:"\f034"} + .fa-text-width:before{content:"\f035"} + .fa-align-left:before{content:"\f036"} + .fa-align-center:before{content:"\f037"} + .fa-align-right:before{content:"\f038"} + .fa-align-justify:before{content:"\f039"} + .fa-list:before{content:"\f03a"} + .fa-dedent:before,.fa-outdent:before{content:"\f03b"} + .fa-indent:before{content:"\f03c"} + .fa-video-camera:before{content:"\f03d"} + .fa-picture-o:before{content:"\f03e"} + .fa-pencil:before{content:"\f040"} + .fa-map-marker:before{content:"\f041"} + .fa-adjust:before{content:"\f042"} + .fa-tint:before{content:"\f043"} + .fa-edit:before,.fa-pencil-square-o:before{content:"\f044"} + .fa-share-square-o:before{content:"\f045"} + .fa-check-square-o:before{content:"\f046"} + .fa-move:before{content:"\f047"} + .fa-step-backward:before{content:"\f048"} + .fa-fast-backward:before{content:"\f049"} + .fa-backward:before{content:"\f04a"} + .fa-play:before{content:"\f04b"} + .fa-pause:before{content:"\f04c"} + .fa-stop:before{content:"\f04d"} + .fa-forward:before{content:"\f04e"} + .fa-fast-forward:before{content:"\f050"} + .fa-step-forward:before{content:"\f051"} + .fa-eject:before{content:"\f052"} + .fa-chevron-left:before{content:"\f053"} + .fa-chevron-right:before{content:"\f054"} + .fa-plus-circle:before{content:"\f055"} + .fa-minus-circle:before{content:"\f056"} + .fa-times-circle:before{content:"\f057"} + .fa-check-circle:before{content:"\f058"} + .fa-question-circle:before{content:"\f059"} + .fa-info-circle:before{content:"\f05a"} + .fa-crosshairs:before{content:"\f05b"} + .fa-times-circle-o:before{content:"\f05c"} + .fa-check-circle-o:before{content:"\f05d"} + .fa-ban:before{content:"\f05e"} + .fa-arrow-left:before{content:"\f060"} + .fa-arrow-right:before{content:"\f061"} + .fa-arrow-up:before{content:"\f062"} + .fa-arrow-down:before{content:"\f063"} + .fa-mail-forward:before,.fa-share:before{content:"\f064"} + .fa-resize-full:before{content:"\f065"} + .fa-resize-small:before{content:"\f066"} + .fa-plus:before{content:"\f067"} + .fa-minus:before{content:"\f068"} + .fa-asterisk:before{content:"\f069"} + .fa-exclamation-circle:before{content:"\f06a"} + .fa-gift:before{content:"\f06b"} + .fa-leaf:before{content:"\f06c"} + .fa-fire:before{content:"\f06d"} + .fa-eye:before{content:"\f06e"} + .fa-eye-slash:before{content:"\f070"} + .fa-warning:before,.fa-exclamation-triangle:before{content:"\f071"} + .fa-plane:before{content:"\f072"} + .fa-calendar:before{content:"\f073"} + .fa-random:before{content:"\f074"} + .fa-comment:before{content:"\f075"} + .fa-magnet:before{content:"\f076"} + .fa-chevron-up:before{content:"\f077"} + .fa-chevron-down:before{content:"\f078"} + .fa-retweet:before{content:"\f079"} + .fa-shopping-cart:before{content:"\f07a"} + .fa-folder:before{content:"\f07b"} + .fa-folder-open:before{content:"\f07c"} + .fa-resize-vertical:before{content:"\f07d"} + .fa-resize-horizontal:before{content:"\f07e"} + .fa-bar-chart-o:before{content:"\f080"} + .fa-twitter-square:before{content:"\f081"} + .fa-facebook-square:before{content:"\f082"} + .fa-camera-retro:before{content:"\f083"} + .fa-key:before{content:"\f084"} + .fa-gears:before,.fa-cogs:before{content:"\f085"} + .fa-comments:before{content:"\f086"} + .fa-thumbs-o-up:before{content:"\f087"} + .fa-thumbs-o-down:before{content:"\f088"} + .fa-star-half:before{content:"\f089"} + .fa-heart-o:before{content:"\f08a"} + .fa-sign-out:before{content:"\f08b"} + .fa-linkedin-square:before{content:"\f08c"} + .fa-thumb-tack:before{content:"\f08d"} + .fa-external-link:before{content:"\f08e"} + .fa-sign-in:before{content:"\f090"} + .fa-trophy:before{content:"\f091"} + .fa-github-square:before{content:"\f092"} + .fa-upload:before{content:"\f093"} + .fa-lemon-o:before{content:"\f094"} + .fa-phone:before{content:"\f095"} + .fa-square-o:before{content:"\f096"} + .fa-bookmark-o:before{content:"\f097"} + .fa-phone-square:before{content:"\f098"} + .fa-twitter:before{content:"\f099"} + .fa-facebook:before{content:"\f09a"} + .fa-github:before{content:"\f09b"} + .fa-unlock:before{content:"\f09c"} + .fa-credit-card:before{content:"\f09d"} + .fa-rss:before{content:"\f09e"} + .fa-hdd-o:before{content:"\f0a0"} + .fa-bullhorn:before{content:"\f0a1"} + .fa-bell:before{content:"\f0f3"} + .fa-certificate:before{content:"\f0a3"} + .fa-hand-o-right:before{content:"\f0a4"} + .fa-hand-o-left:before{content:"\f0a5"} + .fa-hand-o-up:before{content:"\f0a6"} + .fa-hand-o-down:before{content:"\f0a7"} + .fa-arrow-circle-left:before{content:"\f0a8"} + .fa-arrow-circle-right:before{content:"\f0a9"} + .fa-arrow-circle-up:before{content:"\f0aa"} + .fa-arrow-circle-down:before{content:"\f0ab"} + .fa-globe:before{content:"\f0ac"} + .fa-wrench:before{content:"\f0ad"} + .fa-tasks:before{content:"\f0ae"} + .fa-filter:before{content:"\f0b0"} + .fa-briefcase:before{content:"\f0b1"} + .fa-fullscreen:before{content:"\f0b2"} + .fa-group:before{content:"\f0c0"} + .fa-chain:before,.fa-link:before{content:"\f0c1"} + .fa-cloud:before{content:"\f0c2"} + .fa-flask:before{content:"\f0c3"} + .fa-cut:before,.fa-scissors:before{content:"\f0c4"} + .fa-copy:before,.fa-files-o:before{content:"\f0c5"} + .fa-paperclip:before{content:"\f0c6"} + .fa-save:before,.fa-floppy-o:before{content:"\f0c7"} + .fa-square:before{content:"\f0c8"} + .fa-reorder:before{content:"\f0c9"} + .fa-list-ul:before{content:"\f0ca"} + .fa-list-ol:before{content:"\f0cb"} + .fa-strikethrough:before{content:"\f0cc"} + .fa-underline:before{content:"\f0cd"} + .fa-table:before{content:"\f0ce"} + .fa-magic:before{content:"\f0d0"} + .fa-truck:before{content:"\f0d1"} + .fa-pinterest:before{content:"\f0d2"} + .fa-pinterest-square:before{content:"\f0d3"} + .fa-google-plus-square:before{content:"\f0d4"} + .fa-google-plus:before{content:"\f0d5"} + .fa-money:before{content:"\f0d6"} + .fa-caret-down:before{content:"\f0d7"} + .fa-caret-up:before{content:"\f0d8"} + .fa-caret-left:before{content:"\f0d9"} + .fa-caret-right:before{content:"\f0da"} + .fa-columns:before{content:"\f0db"} + .fa-unsorted:before,.fa-sort:before{content:"\f0dc"} + .fa-sort-down:before,.fa-sort-asc:before{content:"\f0dd"} + .fa-sort-up:before,.fa-sort-desc:before{content:"\f0de"} + .fa-envelope:before{content:"\f0e0"} + .fa-linkedin:before{content:"\f0e1"} + .fa-rotate-left:before,.fa-undo:before{content:"\f0e2"} + .fa-legal:before,.fa-gavel:before{content:"\f0e3"} + .fa-dashboard:before,.fa-tachometer:before{content:"\f0e4"} + .fa-comment-o:before{content:"\f0e5"} + .fa-comments-o:before{content:"\f0e6"} + .fa-flash:before,.fa-bolt:before{content:"\f0e7"} + .fa-sitemap:before{content:"\f0e8"} + .fa-umbrella:before{content:"\f0e9"} + .fa-paste:before,.fa-clipboard:before{content:"\f0ea"} + .fa-lightbulb-o:before{content:"\f0eb"} + .fa-exchange:before{content:"\f0ec"} + .fa-cloud-download:before{content:"\f0ed"} + .fa-cloud-upload:before{content:"\f0ee"} + .fa-user-md:before{content:"\f0f0"} + .fa-stethoscope:before{content:"\f0f1"} + .fa-suitcase:before{content:"\f0f2"} + .fa-bell-o:before{content:"\f0a2"} + .fa-coffee:before{content:"\f0f4"} + .fa-cutlery:before{content:"\f0f5"} + .fa-file-text-o:before{content:"\f0f6"} + .fa-building:before{content:"\f0f7"} + .fa-hospital:before{content:"\f0f8"} + .fa-ambulance:before{content:"\f0f9"} + .fa-medkit:before{content:"\f0fa"} + .fa-fighter-jet:before{content:"\f0fb"} + .fa-beer:before{content:"\f0fc"} + .fa-h-square:before{content:"\f0fd"} + .fa-plus-square:before{content:"\f0fe"} + .fa-angle-double-left:before{content:"\f100"} + .fa-angle-double-right:before{content:"\f101"} + .fa-angle-double-up:before{content:"\f102"} + .fa-angle-double-down:before{content:"\f103"} + .fa-angle-left:before{content:"\f104"} + .fa-angle-right:before{content:"\f105"} + .fa-angle-up:before{content:"\f106"} + .fa-angle-down:before{content:"\f107"} + .fa-desktop:before{content:"\f108"} + .fa-laptop:before{content:"\f109"} + .fa-tablet:before{content:"\f10a"} + .fa-mobile-phone:before,.fa-mobile:before{content:"\f10b"} + .fa-circle-o:before{content:"\f10c"} + .fa-quote-left:before{content:"\f10d"} + .fa-quote-right:before{content:"\f10e"} + .fa-spinner:before{content:"\f110"} + .fa-circle:before{content:"\f111"} + .fa-mail-reply:before,.fa-reply:before{content:"\f112"} + .fa-github-alt:before{content:"\f113"} + .fa-folder-o:before{content:"\f114"} + .fa-folder-open-o:before{content:"\f115"} + .fa-expand-o:before{content:"\f116"} + .fa-collapse-o:before{content:"\f117"} + .fa-smile-o:before{content:"\f118"} + .fa-frown-o:before{content:"\f119"} + .fa-meh-o:before{content:"\f11a"} + .fa-gamepad:before{content:"\f11b"} + .fa-keyboard-o:before{content:"\f11c"} + .fa-flag-o:before{content:"\f11d"} + .fa-flag-checkered:before{content:"\f11e"} + .fa-terminal:before{content:"\f120"} + .fa-code:before{content:"\f121"} + .fa-reply-all:before{content:"\f122"} + .fa-mail-reply-all:before{content:"\f122"} + .fa-star-half-empty:before,.fa-star-half-full:before,.fa-star-half-o:before{content:"\f123"} + .fa-location-arrow:before{content:"\f124"} + .fa-crop:before{content:"\f125"} + .fa-code-fork:before{content:"\f126"} + .fa-unlink:before,.fa-chain-broken:before{content:"\f127"} + .fa-question:before{content:"\f128"} + .fa-info:before{content:"\f129"} + .fa-exclamation:before{content:"\f12a"} + .fa-superscript:before{content:"\f12b"} + .fa-subscript:before{content:"\f12c"} + .fa-eraser:before{content:"\f12d"} + .fa-puzzle-piece:before{content:"\f12e"} + .fa-microphone:before{content:"\f130"} + .fa-microphone-slash:before{content:"\f131"} + .fa-shield:before{content:"\f132"} + .fa-calendar-o:before{content:"\f133"} + .fa-fire-extinguisher:before{content:"\f134"} + .fa-rocket:before{content:"\f135"} + .fa-maxcdn:before{content:"\f136"} + .fa-chevron-circle-left:before{content:"\f137"} + .fa-chevron-circle-right:before{content:"\f138"} + .fa-chevron-circle-up:before{content:"\f139"} + .fa-chevron-circle-down:before{content:"\f13a"} + .fa-html5:before{content:"\f13b"} + .fa-css3:before{content:"\f13c"} + .fa-anchor:before{content:"\f13d"} + .fa-unlock-o:before{content:"\f13e"} + .fa-bullseye:before{content:"\f140"} + .fa-ellipsis-horizontal:before{content:"\f141"} + .fa-ellipsis-vertical:before{content:"\f142"} + .fa-rss-square:before{content:"\f143"} + .fa-play-circle:before{content:"\f144"} + .fa-ticket:before{content:"\f145"} + .fa-minus-square:before{content:"\f146"} + .fa-minus-square-o:before{content:"\f147"} + .fa-level-up:before{content:"\f148"} + .fa-level-down:before{content:"\f149"} + .fa-check-square:before{content:"\f14a"} + .fa-pencil-square:before{content:"\f14b"} + .fa-external-link-square:before{content:"\f14c"} + .fa-share-square:before{content:"\f14d"} + .fa-compass:before{content:"\f14e"} + .fa-toggle-down:before,.fa-caret-square-o-down:before{content:"\f150"} + .fa-toggle-up:before,.fa-caret-square-o-up:before{content:"\f151"} + .fa-toggle-right:before,.fa-caret-square-o-right:before{content:"\f152"} + .fa-euro:before,.fa-eur:before{content:"\f153"} + .fa-gbp:before{content:"\f154"} + .fa-dollar:before,.fa-usd:before{content:"\f155"} + .fa-rupee:before,.fa-inr:before{content:"\f156"} + .fa-cny:before,.fa-rmb:before,.fa-yen:before,.fa-jpy:before{content:"\f157"} + .fa-ruble:before,.fa-rouble:before,.fa-rub:before{content:"\f158"} + .fa-won:before,.fa-krw:before{content:"\f159"} + .fa-bitcoin:before,.fa-btc:before{content:"\f15a"} + .fa-file:before{content:"\f15b"} + .fa-file-text:before{content:"\f15c"} + .fa-sort-alpha-asc:before{content:"\f15d"} + .fa-sort-alpha-desc:before{content:"\f15e"} + .fa-sort-amount-asc:before{content:"\f160"} + .fa-sort-amount-desc:before{content:"\f161"} + .fa-sort-numeric-asc:before{content:"\f162"} + .fa-sort-numeric-desc:before{content:"\f163"} + .fa-thumbs-up:before{content:"\f164"} + .fa-thumbs-down:before{content:"\f165"} + .fa-youtube-square:before{content:"\f166"} + .fa-youtube:before{content:"\f167"} + .fa-xing:before{content:"\f168"} + .fa-xing-square:before{content:"\f169"} + .fa-youtube-play:before{content:"\f16a"} + .fa-dropbox:before{content:"\f16b"} + .fa-stack-overflow:before{content:"\f16c"} + .fa-instagram:before{content:"\f16d"} + .fa-flickr:before{content:"\f16e"} + .fa-adn:before{content:"\f170"} + .fa-bitbucket:before{content:"\f171"} + .fa-bitbucket-square:before{content:"\f172"} + .fa-tumblr:before{content:"\f173"} + .fa-tumblr-square:before{content:"\f174"} + .fa-long-arrow-down:before{content:"\f175"} + .fa-long-arrow-up:before{content:"\f176"} + .fa-long-arrow-left:before{content:"\f177"} + .fa-long-arrow-right:before{content:"\f178"} + .fa-apple:before{content:"\f179"} + .fa-windows:before{content:"\f17a"} + .fa-android:before{content:"\f17b"} + .fa-linux:before{content:"\f17c"} + .fa-dribbble:before{content:"\f17d"} + .fa-skype:before{content:"\f17e"} + .fa-foursquare:before{content:"\f180"} + .fa-trello:before{content:"\f181"} + .fa-female:before{content:"\f182"} + .fa-male:before{content:"\f183"} + .fa-gittip:before{content:"\f184"} + .fa-sun-o:before{content:"\f185"} + .fa-moon-o:before{content:"\f186"} + .fa-archive:before{content:"\f187"} + .fa-bug:before{content:"\f188"} + .fa-vk:before{content:"\f189"} + .fa-weibo:before{content:"\f18a"} + .fa-renren:before{content:"\f18b"} + .fa-pagelines:before{content:"\f18c"} + .fa-stack-exchange:before{content:"\f18d"} + .fa-arrow-circle-o-right:before{content:"\f18e"} + .fa-arrow-circle-o-left:before{content:"\f190"} + .fa-toggle-left:before,.fa-caret-square-o-left:before{content:"\f191"} + .fa-dot-circle-o:before{content:"\f192"} + .fa-wheelchair:before{content:"\f193"} + .fa-vimeo-square:before{content:"\f194"} + .fa-turkish-lira:before,.fa-try:before{content:"\f195"} + +/*********************************************************************************/ +/* Nav */ +/*********************************************************************************/ + + #nav + { + } + + #nav a + { + position: relative; + display: inline-block; + color: #fff; + width: 1em; + height: 1em; + line-height: 0.9em; + } + + #nav a.icon:before + { + padding-right: 0; + } + +/*********************************************************************************/ +/* Panels */ +/*********************************************************************************/ + + #main + { + position: relative; + overflow: visible; + } + + .panel + { + position: relative; + } + + /* Me */ + + #me + { + } + + #me .pic + { + position: relative; + display: block; + } + + /* + The pseudo element below applies a noise pattern to the "me" image. It's + meant to help mask blurriness, but you can remove it if you don't like it. + */ + + #me .pic:before + { + content: ''; + position: absolute; + top: 0; + left: 0; + background: url('images/overlay.png'); + width: 100%; + height: 100%; + z-index: 1; + } + +/*********************************************************************************/ +/* Footer */ +/*********************************************************************************/ + + #footer + { + color: #ccc; + color: rgba(255,255,255,0.45); + } + + #footer a + { + color: #ddd; + color: rgba(255,255,255,0.65); + -moz-transition: color .25s ease-in-out; + -webkit-transition: color .25s ease-in-out; + -o-transition: color .25s ease-in-out; + -ms-transition: color .25s ease-in-out; + transition: color .25s ease-in-out; + } + + #footer a:hover + { + color: rgba(255,255,255,1.0); + } \ No newline at end of file -- cgit v1.2.3