|
@@ -9,15 +9,12 @@ Author URI: http://davidawindham.com
|
|
https://github.com/Automattic/_s - Team Automattic
|
|
https://github.com/Automattic/_s - Team Automattic
|
|
https://github.com/Prinzhorn/skrollr - Alexander Prinzhorn
|
|
https://github.com/Prinzhorn/skrollr - Alexander Prinzhorn
|
|
https://plus.google.com/104610899646415406748/about - James Grieshaber
|
|
https://plus.google.com/104610899646415406748/about - James Grieshaber
|
|
-
|
|
|
|
*/
|
|
*/
|
|
|
|
|
|
-
|
|
|
|
@import url(https://fonts.googleapis.com/css?family=Reenie+Beanie);
|
|
@import url(https://fonts.googleapis.com/css?family=Reenie+Beanie);
|
|
|
|
+@import url(css/fancy.css);
|
|
|
|
|
|
-/* =Reset
|
|
|
|
--------------------------------------------------------------- */
|
|
|
|
-
|
|
|
|
|
|
+/* #Reset ================================================== */
|
|
html, body, div, span, applet, object, iframe,
|
|
html, body, div, span, applet, object, iframe,
|
|
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
|
|
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
|
|
a, abbr, acronym, address, big, cite, code,
|
|
a, abbr, acronym, address, big, cite, code,
|
|
@@ -25,68 +22,108 @@ del, dfn, em, font, ins, kbd, q, s, samp,
|
|
small, strike, strong, sub, sup, tt, var,
|
|
small, strike, strong, sub, sup, tt, var,
|
|
dl, dt, dd, ol, ul, li,
|
|
dl, dt, dd, ol, ul, li,
|
|
fieldset, form, label, legend,
|
|
fieldset, form, label, legend,
|
|
-table, caption, tbody, tfoot, thead, tr, th, td {
|
|
|
|
- border: 0;
|
|
|
|
- font-family: inherit;
|
|
|
|
- font-size: 100%;
|
|
|
|
- font-style: inherit;
|
|
|
|
- font-weight: inherit;
|
|
|
|
- margin: 0;
|
|
|
|
- outline: 0;
|
|
|
|
- padding: 0;
|
|
|
|
- vertical-align: baseline;
|
|
|
|
-}
|
|
|
|
-html {
|
|
|
|
- font-size: 62.5%;
|
|
|
|
- overflow-y: scroll;
|
|
|
|
- -webkit-text-size-adjust: 100%;
|
|
|
|
- -ms-text-size-adjust: 100%;
|
|
|
|
-}
|
|
|
|
-body {
|
|
|
|
- background: #fff;
|
|
|
|
-}
|
|
|
|
-article,
|
|
|
|
-aside,
|
|
|
|
-details,
|
|
|
|
-figcaption,
|
|
|
|
-figure,
|
|
|
|
-footer,
|
|
|
|
-header,
|
|
|
|
-main,
|
|
|
|
-nav,
|
|
|
|
-section {
|
|
|
|
- display: block;
|
|
|
|
-}
|
|
|
|
-ol, ul {
|
|
|
|
- list-style: none;
|
|
|
|
-}
|
|
|
|
-table {
|
|
|
|
- border-collapse: separate;
|
|
|
|
- border-spacing: 0;
|
|
|
|
-}
|
|
|
|
-caption, th, td {
|
|
|
|
- font-weight: normal;
|
|
|
|
- text-align: left;
|
|
|
|
-}
|
|
|
|
|
|
+table, caption, tbody, tfoot, thead, tr, th, td {border: 0;font-family: inherit;font-size: 100%;font-style: inherit;font-weight: inherit;margin: 0;outline: 0;padding: 0;vertical-align: baseline;}
|
|
|
|
+html {font-size: 62.5%;overflow-y: scroll;-webkit-text-size-adjust: 100%;-ms-text-size-adjust:100%;}
|
|
|
|
+body { background: #fff; }
|
|
|
|
+article,aside,details,figcaption,figure,footer,header,main,nav,section {display: block;}
|
|
|
|
+ol, ul {list-style: none;}
|
|
|
|
+table {border-collapse: separate;border-spacing: 0;}
|
|
|
|
+caption, th, td {font-weight: normal;text-align: left;}
|
|
blockquote:before, blockquote:after,
|
|
blockquote:before, blockquote:after,
|
|
-q:before, q:after {
|
|
|
|
- content: "";
|
|
|
|
-}
|
|
|
|
-blockquote, q {
|
|
|
|
- quotes: "" "";
|
|
|
|
-}
|
|
|
|
-a:focus {
|
|
|
|
- outline: thin dotted;
|
|
|
|
-}
|
|
|
|
-a:hover,
|
|
|
|
-a:active {
|
|
|
|
- outline: 0;
|
|
|
|
-}
|
|
|
|
-a img {
|
|
|
|
- border: 0;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-
|
|
|
|
|
|
+q:before, q:after {content: "";}
|
|
|
|
+blockquote, q { quotes: "" ""; }
|
|
|
|
+a:focus {outline: thin dotted;}
|
|
|
|
+a:hover, a:active {outline: 0;}
|
|
|
|
+a img {border: 0;}
|
|
|
|
+
|
|
|
|
+/* #Clearing ================================================== */
|
|
|
|
+.container:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; }
|
|
|
|
+.clearfix:before,.clearfix:after,.row:before,.row:after {content: '\0020';display: block;overflow: hidden;visibility: hidden;width: 0;height: 0; }
|
|
|
|
+.row:after,.clearfix:after {clear: both; }.row,.clearfix {zoom: 1; }
|
|
|
|
+.clear {clear: both;display: block;overflow: hidden;visibility: hidden;width: 0;height: 0;}
|
|
|
|
+.clear:before,.clear:after,.entry-content:before,.entry-content:after,.comment-content:before,.comment-content:after,.site-header:before,.site-header:after,.site-content:before,.site-content:after,.site-footer:before,.site-footer:after {content: '';display: table;}
|
|
|
|
+.clear:after,.entry-content:after,.comment-content:after,.site-header:after,.site-content:after,.site-footer:after {clear: both;}
|
|
|
|
+
|
|
|
|
+/* #Base 960 Grid ================================================== */
|
|
|
|
+.container { position: relative; width: 960px; margin: 0 auto; padding: 0; }
|
|
|
|
+.container .column,
|
|
|
|
+.container .columns { float: left; display: inline; margin-left: 10px; margin-right: 10px; }
|
|
|
|
+.row { margin-bottom: 20px; }
|
|
|
|
+.column.alpha, .columns.alpha { margin-left: 0; }
|
|
|
|
+.column.omega, .columns.omega { margin-right: 0; }
|
|
|
|
+.container .one.column,
|
|
|
|
+.container .one.columns { width: 40px; }
|
|
|
|
+.container .two.columns { width: 100px; }
|
|
|
|
+.container .three.columns { width: 160px; }
|
|
|
|
+.container .four.columns { width: 220px; }
|
|
|
|
+.container .five.columns { width: 280px; }
|
|
|
|
+.container .six.columns { width: 340px; }
|
|
|
|
+.container .seven.columns { width: 400px; }
|
|
|
|
+.container .eight.columns { width: 460px; }
|
|
|
|
+.container .nine.columns { width: 520px; }
|
|
|
|
+.container .ten.columns { width: 580px; }
|
|
|
|
+.container .eleven.columns { width: 640px; }
|
|
|
|
+.container .twelve.columns { width: 700px; }
|
|
|
|
+.container .thirteen.columns { width: 760px; }
|
|
|
|
+.container .fourteen.columns { width: 820px; }
|
|
|
|
+.container .fifteen.columns { width: 880px; }
|
|
|
|
+.container .sixteen.columns { width: 940px; }
|
|
|
|
+.container .one-third.column { width: 300px; }
|
|
|
|
+.container .two-thirds.column { width: 620px; }
|
|
|
|
+.container .offset-by-one { padding-left: 60px; }
|
|
|
|
+.container .offset-by-two { padding-left: 120px; }
|
|
|
|
+.container .offset-by-three { padding-left: 180px; }
|
|
|
|
+.container .offset-by-four { padding-left: 240px; }
|
|
|
|
+.container .offset-by-five { padding-left: 300px; }
|
|
|
|
+.container .offset-by-six { padding-left: 360px; }
|
|
|
|
+.container .offset-by-seven { padding-left: 420px; }
|
|
|
|
+.container .offset-by-eight { padding-left: 480px; }
|
|
|
|
+.container .offset-by-nine { padding-left: 540px; }
|
|
|
|
+.container .offset-by-ten { padding-left: 600px; }
|
|
|
|
+.container .offset-by-eleven { padding-left: 660px; }
|
|
|
|
+.container .offset-by-twelve { padding-left: 720px; }
|
|
|
|
+.container .offset-by-thirteen { padding-left: 780px; }
|
|
|
|
+.container .offset-by-fourteen { padding-left: 840px; }
|
|
|
|
+.container .offset-by-fifteen { padding-left: 900px; }
|
|
|
|
+
|
|
|
|
+/* #_S main ================================================== */
|
|
|
|
+body,button,input,select,textarea {color: #404040;font-size: 18px;font-size: 1.6rem;line-height: 1.5;}
|
|
|
|
+h1, h2, h3, h4, h5, h6 {clear: both;}
|
|
|
|
+hr {background-color: #ccc;border: 0;height: 1px;margin-bottom: 1.5em;}
|
|
|
|
+p {margin-bottom: 1.5em;}
|
|
|
|
+ul, ol {margin: 0 0 1.5em 3em;}
|
|
|
|
+ul {list-style: disc;}
|
|
|
|
+ol {list-style: decimal;}
|
|
|
|
+li > ul,li > ol {margin-bottom: 0;margin-left: 1.5em;}
|
|
|
|
+dt {font-weight: bold;}
|
|
|
|
+dd {margin: 0 1.5em 1.5em;}
|
|
|
|
+b, strong {font-weight: bold;}
|
|
|
|
+dfn, cite, em, i {font-style: italic;}
|
|
|
|
+blockquote {margin: 0 1.5em;}
|
|
|
|
+address {margin: 0 0 1.5em;}
|
|
|
|
+pre {background: #eee;font-family: "Courier 10 Pitch", Courier, monospace;font-size: 15px;font-size: 1.5rem;line-height: 1.6;margin-bottom: 1.6em;max-width: 100%;overflow: auto;padding: 1.6em;}
|
|
|
|
+code, kbd, tt, var {font: 15px Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;}
|
|
|
|
+abbr, acronym {border-bottom: 1px dotted #666;cursor: help;}
|
|
|
|
+mark, ins {background: #fff9c0;text-decoration: none;}
|
|
|
|
+sup,sub {font-size: 75%;height: 0;line-height: 0;position: relative;vertical-align: baseline;}
|
|
|
|
+sup {bottom: 1ex;}
|
|
|
|
+sub {top: .5ex;}
|
|
|
|
+small {font-size: 75%;}
|
|
|
|
+big {font-size: 125%;}
|
|
|
|
+figure {margin: 0;}
|
|
|
|
+table {margin: 0 0 1.5em;width: 100%;}
|
|
|
|
+th {font-weight: bold;}
|
|
|
|
+img {height: auto;max-width: 100%; }
|
|
|
|
+textarea {overflow: auto;padding-left: 3px;vertical-align: top;width: 98%;}
|
|
|
|
+.alignleft {display: inline;float: left;margin-right: 1.5em;}
|
|
|
|
+.alignright {display: inline;float: right;margin-left: 1.5em;}
|
|
|
|
+.aligncenter {clear: both;display: block;margin: 0 auto;}
|
|
|
|
+a {color: royalblue;}
|
|
|
|
+a:visited {color: purple;}
|
|
|
|
+a:hover,a:focus,a:active {color: midnightblue;}
|
|
|
|
+
|
|
|
|
+
|
|
|
|
+/* #BML ================================================== */
|
|
#bml { width: 400px; height: 45px; margin: 90px 20px 5px;}
|
|
#bml { width: 400px; height: 45px; margin: 90px 20px 5px;}
|
|
|
|
|
|
.hasCountdown {
|
|
.hasCountdown {
|
|
@@ -141,211 +178,6 @@ a img {
|
|
width: 100%;
|
|
width: 100%;
|
|
}
|
|
}
|
|
|
|
|
|
-
|
|
|
|
-
|
|
|
|
-
|
|
|
|
-
|
|
|
|
-
|
|
|
|
-
|
|
|
|
-body,
|
|
|
|
-button,
|
|
|
|
-input,
|
|
|
|
-select,
|
|
|
|
-textarea {
|
|
|
|
- color: #404040;
|
|
|
|
- font-size: 18px;
|
|
|
|
- font-size: 1.6rem;
|
|
|
|
- line-height: 1.5;
|
|
|
|
-}
|
|
|
|
-h1, h2, h3, h4, h5, h6 {
|
|
|
|
- clear: both;
|
|
|
|
-}
|
|
|
|
-hr {
|
|
|
|
- background-color: #ccc;
|
|
|
|
- border: 0;
|
|
|
|
- height: 1px;
|
|
|
|
- margin-bottom: 1.5em;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-p {
|
|
|
|
- margin-bottom: 1.5em;
|
|
|
|
-}
|
|
|
|
-ul, ol {
|
|
|
|
- margin: 0 0 1.5em 3em;
|
|
|
|
-}
|
|
|
|
-ul {
|
|
|
|
- list-style: disc;
|
|
|
|
-}
|
|
|
|
-ol {
|
|
|
|
- list-style: decimal;
|
|
|
|
-}
|
|
|
|
-li > ul,
|
|
|
|
-li > ol {
|
|
|
|
- margin-bottom: 0;
|
|
|
|
- margin-left: 1.5em;
|
|
|
|
-}
|
|
|
|
-dt {
|
|
|
|
- font-weight: bold;
|
|
|
|
-}
|
|
|
|
-dd {
|
|
|
|
- margin: 0 1.5em 1.5em;
|
|
|
|
-}
|
|
|
|
-b, strong {
|
|
|
|
- font-weight: bold;
|
|
|
|
-}
|
|
|
|
-dfn, cite, em, i {
|
|
|
|
- font-style: italic;
|
|
|
|
-}
|
|
|
|
-blockquote {
|
|
|
|
- margin: 0 1.5em;
|
|
|
|
-}
|
|
|
|
-address {
|
|
|
|
- margin: 0 0 1.5em;
|
|
|
|
-}
|
|
|
|
-pre {
|
|
|
|
- background: #eee;
|
|
|
|
- font-family: "Courier 10 Pitch", Courier, monospace;
|
|
|
|
- font-size: 15px;
|
|
|
|
- font-size: 1.5rem;
|
|
|
|
- line-height: 1.6;
|
|
|
|
- margin-bottom: 1.6em;
|
|
|
|
- max-width: 100%;
|
|
|
|
- overflow: auto;
|
|
|
|
- padding: 1.6em;
|
|
|
|
-}
|
|
|
|
-code, kbd, tt, var {
|
|
|
|
- font: 15px Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
|
|
|
|
-}
|
|
|
|
-abbr, acronym {
|
|
|
|
- border-bottom: 1px dotted #666;
|
|
|
|
- cursor: help;
|
|
|
|
-}
|
|
|
|
-mark, ins {
|
|
|
|
- background: #fff9c0;
|
|
|
|
- text-decoration: none;
|
|
|
|
-}
|
|
|
|
-sup,
|
|
|
|
-sub {
|
|
|
|
- font-size: 75%;
|
|
|
|
- height: 0;
|
|
|
|
- line-height: 0;
|
|
|
|
- position: relative;
|
|
|
|
- vertical-align: baseline;
|
|
|
|
-}
|
|
|
|
-sup {
|
|
|
|
- bottom: 1ex;
|
|
|
|
-}
|
|
|
|
-sub {
|
|
|
|
- top: .5ex;
|
|
|
|
-}
|
|
|
|
-small {
|
|
|
|
- font-size: 75%;
|
|
|
|
-}
|
|
|
|
-big {
|
|
|
|
- font-size: 125%;
|
|
|
|
-}
|
|
|
|
-figure {
|
|
|
|
- margin: 0;
|
|
|
|
-}
|
|
|
|
-table {
|
|
|
|
- margin: 0 0 1.5em;
|
|
|
|
- width: 100%;
|
|
|
|
-}
|
|
|
|
-th {
|
|
|
|
- font-weight: bold;
|
|
|
|
-}
|
|
|
|
-img {
|
|
|
|
- height: auto;
|
|
|
|
- max-width: 100%;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-textarea {
|
|
|
|
- overflow: auto;
|
|
|
|
- padding-left: 3px;
|
|
|
|
- vertical-align: top;
|
|
|
|
- width: 98%;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-a {
|
|
|
|
- color: royalblue;
|
|
|
|
-}
|
|
|
|
-a:visited {
|
|
|
|
- color: purple;
|
|
|
|
-}
|
|
|
|
-a:hover,
|
|
|
|
-a:focus,
|
|
|
|
-a:active {
|
|
|
|
- color: midnightblue;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.alignleft {
|
|
|
|
- display: inline;
|
|
|
|
- float: left;
|
|
|
|
- margin-right: 1.5em;
|
|
|
|
-}
|
|
|
|
-.alignright {
|
|
|
|
- display: inline;
|
|
|
|
- float: right;
|
|
|
|
- margin-left: 1.5em;
|
|
|
|
-}
|
|
|
|
-.aligncenter {
|
|
|
|
- clear: both;
|
|
|
|
- display: block;
|
|
|
|
- margin: 0 auto;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.screen-reader-text {
|
|
|
|
- clip: rect(1px, 1px, 1px, 1px);
|
|
|
|
- position: absolute !important;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.screen-reader-text:hover,
|
|
|
|
-.screen-reader-text:active,
|
|
|
|
-.screen-reader-text:focus {
|
|
|
|
- background-color: #f1f1f1;
|
|
|
|
- border-radius: 3px;
|
|
|
|
- box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
|
|
|
|
- clip: auto !important;
|
|
|
|
- color: #21759b;
|
|
|
|
- display: block;
|
|
|
|
- font-size: 14px;
|
|
|
|
- font-weight: bold;
|
|
|
|
- height: auto;
|
|
|
|
- left: 5px;
|
|
|
|
- line-height: normal;
|
|
|
|
- padding: 15px 23px 14px;
|
|
|
|
- text-decoration: none;
|
|
|
|
- top: 5px;
|
|
|
|
- width: auto;
|
|
|
|
- z-index: 100000;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.clear:before,
|
|
|
|
-.clear:after,
|
|
|
|
-.entry-content:before,
|
|
|
|
-.entry-content:after,
|
|
|
|
-.comment-content:before,
|
|
|
|
-.comment-content:after,
|
|
|
|
-.site-header:before,
|
|
|
|
-.site-header:after,
|
|
|
|
-.site-content:before,
|
|
|
|
-.site-content:after,
|
|
|
|
-.site-footer:before,
|
|
|
|
-.site-footer:after {
|
|
|
|
- content: '';
|
|
|
|
- display: table;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.clear:after,
|
|
|
|
-.entry-content:after,
|
|
|
|
-.comment-content:after,
|
|
|
|
-.site-header:after,
|
|
|
|
-.site-content:after,
|
|
|
|
-.site-footer:after {
|
|
|
|
- clear: both;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-
|
|
|
|
#inline button {
|
|
#inline button {
|
|
font-family: Reenie Beanie;
|
|
font-family: Reenie Beanie;
|
|
text-decoration: none !important;
|
|
text-decoration: none !important;
|
|
@@ -375,448 +207,24 @@ a:active {
|
|
}
|
|
}
|
|
|
|
|
|
|
|
|
|
-#fancybox-loading {
|
|
|
|
- position: fixed;
|
|
|
|
- top: 50%;
|
|
|
|
- left: 50%;
|
|
|
|
- width: 40px;
|
|
|
|
- height: 40px;
|
|
|
|
- margin-top: -20px;
|
|
|
|
- margin-left: -20px;
|
|
|
|
- cursor: pointer;
|
|
|
|
- overflow: hidden;
|
|
|
|
- z-index: 1104;
|
|
|
|
- display: none;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-#fancybox-loading div {
|
|
|
|
- position: absolute;
|
|
|
|
- top: 0;
|
|
|
|
- left: 0;
|
|
|
|
- width: 40px;
|
|
|
|
- height: 480px;
|
|
|
|
- background-image: url('img/fancybox.png');
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-#fancybox-overlay {
|
|
|
|
- position: absolute;
|
|
|
|
- top: 0;
|
|
|
|
- left: 0;
|
|
|
|
- width: 100%;
|
|
|
|
- z-index: 1100;
|
|
|
|
- display: none;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-#fancybox-tmp {
|
|
|
|
- padding: 0;
|
|
|
|
- margin: 0;
|
|
|
|
- border: 0;
|
|
|
|
- overflow: auto;
|
|
|
|
- display: none;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-#fancybox-wrap {
|
|
|
|
- position: absolute;
|
|
|
|
- top: 0;
|
|
|
|
- left: 0;
|
|
|
|
- padding: 20px;
|
|
|
|
- z-index: 1101;
|
|
|
|
- outline: none;
|
|
|
|
- display: none;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-#fancybox-outer {
|
|
|
|
- position: relative;
|
|
|
|
- width: 100%;
|
|
|
|
- height: 100%;
|
|
|
|
- background: #fff;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-#fancybox-content {
|
|
|
|
- width: 0;
|
|
|
|
- height: 0;
|
|
|
|
- padding: 0;
|
|
|
|
- outline: none;
|
|
|
|
- position: relative;
|
|
|
|
- overflow: hidden;
|
|
|
|
- z-index: 1102;
|
|
|
|
- border: 0px solid #fff;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-#fancybox-hide-sel-frame {
|
|
|
|
- position: absolute;
|
|
|
|
- top: 0;
|
|
|
|
- left: 0;
|
|
|
|
- width: 100%;
|
|
|
|
- height: 100%;
|
|
|
|
- background: transparent;
|
|
|
|
- z-index: 1101;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-#fancybox-close {
|
|
|
|
- position: absolute;
|
|
|
|
- top: -15px;
|
|
|
|
- right: -15px;
|
|
|
|
- width: 30px;
|
|
|
|
- height: 30px;
|
|
|
|
- background: transparent;
|
|
|
|
- cursor: pointer;
|
|
|
|
- z-index: 1103;
|
|
|
|
- display: none;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-#fancybox-error {
|
|
|
|
- color: #444;
|
|
|
|
- font: normal 12px/20px Arial;
|
|
|
|
- padding: 14px;
|
|
|
|
- margin: 0;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-#fancybox-img {
|
|
|
|
- width: 100%;
|
|
|
|
- height: 100%;
|
|
|
|
- padding: 0;
|
|
|
|
- margin: 0;
|
|
|
|
- border: none;
|
|
|
|
- outline: none;
|
|
|
|
- line-height: 0;
|
|
|
|
- vertical-align: top;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-#fancybox-frame {
|
|
|
|
- width: 100%;
|
|
|
|
- height: 100%;
|
|
|
|
- border: none;
|
|
|
|
- display: block;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-#fancybox-left, #fancybox-right {
|
|
|
|
- position: absolute;
|
|
|
|
- bottom: 0px;
|
|
|
|
- height: 100%;
|
|
|
|
- width: 35%;
|
|
|
|
- cursor: pointer;
|
|
|
|
- outline: none;
|
|
|
|
- background: transparent url('img/blank.gif');
|
|
|
|
- z-index: 1102;
|
|
|
|
- display: none;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-#fancybox-left {
|
|
|
|
- left: 0px;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-#fancybox-right {
|
|
|
|
- right: 0px;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-#fancybox-left-ico, #fancybox-right-ico {
|
|
|
|
- position: absolute;
|
|
|
|
- top: 50%;
|
|
|
|
- left: -9999px;
|
|
|
|
- width: 30px;
|
|
|
|
- height: 30px;
|
|
|
|
- margin-top: -15px;
|
|
|
|
- cursor: pointer;
|
|
|
|
- z-index: 1102;
|
|
|
|
- display: block;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-#fancybox-left-ico {
|
|
|
|
- background-image: url('img/fancybox.png');
|
|
|
|
- background-position: -40px -30px;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-#fancybox-right-ico {
|
|
|
|
- background-image: url('img/fancybox.png');
|
|
|
|
- background-position: -40px -60px;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-#fancybox-left:hover, #fancybox-right:hover {
|
|
|
|
- visibility: visible; /* IE6 */
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-#fancybox-left:hover span {
|
|
|
|
- left: 20px;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-#fancybox-right:hover span {
|
|
|
|
- left: auto;
|
|
|
|
- right: 20px;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.fancybox-bg {
|
|
|
|
- position: absolute;
|
|
|
|
- padding: 0;
|
|
|
|
- margin: 0;
|
|
|
|
- border: 0;
|
|
|
|
- width: 20px;
|
|
|
|
- height: 20px;
|
|
|
|
- z-index: 1001;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-#fancybox-bg-n {
|
|
|
|
- top: -20px;
|
|
|
|
- left: 0;
|
|
|
|
- width: 100%;
|
|
|
|
- background-image: url('img/fancybox-x.png');
|
|
|
|
-}
|
|
|
|
|
|
|
|
-#fancybox-bg-ne {
|
|
|
|
- top: -20px;
|
|
|
|
- right: -20px;
|
|
|
|
- background-image: url('img/fancybox.png');
|
|
|
|
- background-position: -40px -162px;
|
|
|
|
-}
|
|
|
|
|
|
|
|
-#fancybox-bg-e {
|
|
|
|
- top: 0;
|
|
|
|
- right: -20px;
|
|
|
|
- height: 100%;
|
|
|
|
- background-image: url('img/fancybox-y.png');
|
|
|
|
- background-position: -20px 0px;
|
|
|
|
-}
|
|
|
|
|
|
|
|
-#fancybox-bg-se {
|
|
|
|
- bottom: -20px;
|
|
|
|
- right: -20px;
|
|
|
|
- background-image: url('img/fancybox.png');
|
|
|
|
- background-position: -40px -182px;
|
|
|
|
-}
|
|
|
|
|
|
|
|
-#fancybox-bg-s {
|
|
|
|
- bottom: -20px;
|
|
|
|
- left: 0;
|
|
|
|
- width: 100%;
|
|
|
|
- background-image: url('img/fancybox-x.png');
|
|
|
|
- background-position: 0px -20px;
|
|
|
|
-}
|
|
|
|
|
|
|
|
-#fancybox-bg-sw {
|
|
|
|
- bottom: -20px;
|
|
|
|
- left: -20px;
|
|
|
|
- background-image: url('img/fancybox.png');
|
|
|
|
- background-position: -40px -142px;
|
|
|
|
-}
|
|
|
|
|
|
|
|
-#fancybox-bg-w {
|
|
|
|
- top: 0;
|
|
|
|
- left: -20px;
|
|
|
|
- height: 100%;
|
|
|
|
- background-image: url('img/fancybox-y.png');
|
|
|
|
-}
|
|
|
|
|
|
|
|
-#fancybox-bg-nw {
|
|
|
|
- top: -20px;
|
|
|
|
- left: -20px;
|
|
|
|
- background-image: url('img/fancybox.png');
|
|
|
|
- background-position: -40px -122px;
|
|
|
|
-}
|
|
|
|
|
|
|
|
-#fancybox-title {
|
|
|
|
- font-family: Helvetica;
|
|
|
|
- font-size: 12px;
|
|
|
|
- z-index: 1102;
|
|
|
|
-}
|
|
|
|
|
|
|
|
-.fancybox-title-inside {
|
|
|
|
- padding-bottom: 10px;
|
|
|
|
- text-align: center;
|
|
|
|
- color: #333;
|
|
|
|
- background: #fff;
|
|
|
|
- position: relative;
|
|
|
|
-}
|
|
|
|
|
|
|
|
-.fancybox-title-outside {
|
|
|
|
- padding-top: 10px;
|
|
|
|
- color: #fff;
|
|
|
|
-}
|
|
|
|
|
|
|
|
-.fancybox-title-over {
|
|
|
|
- position: absolute;
|
|
|
|
- bottom: 0;
|
|
|
|
- left: 0;
|
|
|
|
- color: #FFF;
|
|
|
|
- text-align: left;
|
|
|
|
-}
|
|
|
|
|
|
|
|
-#fancybox-title-over {
|
|
|
|
- padding: 10px;
|
|
|
|
- background-image: url('img/fancy_title_over.png');
|
|
|
|
- display: block;
|
|
|
|
-}
|
|
|
|
|
|
|
|
-.fancybox-title-float {
|
|
|
|
- position: absolute;
|
|
|
|
- left: 0;
|
|
|
|
- bottom: -20px;
|
|
|
|
- height: 32px;
|
|
|
|
-}
|
|
|
|
|
|
|
|
-#fancybox-title-float-wrap {
|
|
|
|
- border: none;
|
|
|
|
- border-collapse: collapse;
|
|
|
|
- width: auto;
|
|
|
|
-}
|
|
|
|
|
|
|
|
-#fancybox-title-float-wrap td {
|
|
|
|
- border: none;
|
|
|
|
- white-space: nowrap;
|
|
|
|
-}
|
|
|
|
|
|
|
|
-#fancybox-title-float-left {
|
|
|
|
- padding: 0 0 0 15px;
|
|
|
|
- background: url('img/fancybox.png') -40px -90px no-repeat;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-#fancybox-title-float-main {
|
|
|
|
- color: #FFF;
|
|
|
|
- line-height: 29px;
|
|
|
|
- font-weight: bold;
|
|
|
|
- padding: 0 0 3px 0;
|
|
|
|
- background: url('img/fancybox-x.png') 0px -40px;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-#fancybox-title-float-right {
|
|
|
|
- padding: 0 0 0 15px;
|
|
|
|
- background: url('img/fancybox.png') -55px -90px no-repeat;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-/* IE6 */
|
|
|
|
-
|
|
|
|
-.fancybox-ie6 #fancybox-close { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/fancy_close.png', sizingMethod='scale'); }
|
|
|
|
-
|
|
|
|
-.fancybox-ie6 #fancybox-left-ico { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/fancy_nav_left.png', sizingMethod='scale'); }
|
|
|
|
-.fancybox-ie6 #fancybox-right-ico { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/fancy_nav_right.png', sizingMethod='scale'); }
|
|
|
|
-
|
|
|
|
-.fancybox-ie6 #fancybox-title-over { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/fancy_title_over.png', sizingMethod='scale'); zoom: 1; }
|
|
|
|
-.fancybox-ie6 #fancybox-title-float-left { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/fancy_title_left.png', sizingMethod='scale'); }
|
|
|
|
-.fancybox-ie6 #fancybox-title-float-main { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/fancy_title_main.png', sizingMethod='scale'); }
|
|
|
|
-.fancybox-ie6 #fancybox-title-float-right { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/fancy_title_right.png', sizingMethod='scale'); }
|
|
|
|
-
|
|
|
|
-.fancybox-ie6 #fancybox-bg-w, .fancybox-ie6 #fancybox-bg-e, .fancybox-ie6 #fancybox-left, .fancybox-ie6 #fancybox-right, #fancybox-hide-sel-frame {
|
|
|
|
- height: expression(this.parentNode.clientHeight + "px");
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-#fancybox-loading.fancybox-ie6 {
|
|
|
|
- position: absolute; margin-top: 0;
|
|
|
|
- top: expression( (-20 + (document.documentElement.clientHeight ? document.documentElement.clientHeight/2 : document.body.clientHeight/2 ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop )) + 'px');
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-#fancybox-loading.fancybox-ie6 div { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/fancy_loading.png', sizingMethod='scale'); }
|
|
|
|
-
|
|
|
|
-/* IE6, IE7, IE8 */
|
|
|
|
-
|
|
|
|
-.fancybox-ie .fancybox-bg { background: transparent !important; }
|
|
|
|
-
|
|
|
|
-.fancybox-ie #fancybox-bg-n { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/fancy_shadow_n.png', sizingMethod='scale'); }
|
|
|
|
-.fancybox-ie #fancybox-bg-ne { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/fancy_shadow_ne.png', sizingMethod='scale'); }
|
|
|
|
-.fancybox-ie #fancybox-bg-e { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/fancy_shadow_e.png', sizingMethod='scale'); }
|
|
|
|
-.fancybox-ie #fancybox-bg-se { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/fancy_shadow_se.png', sizingMethod='scale'); }
|
|
|
|
-.fancybox-ie #fancybox-bg-s { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/fancy_shadow_s.png', sizingMethod='scale'); }
|
|
|
|
-.fancybox-ie #fancybox-bg-sw { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/fancy_shadow_sw.png', sizingMethod='scale'); }
|
|
|
|
-.fancybox-ie #fancybox-bg-w { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/fancy_shadow_w.png', sizingMethod='scale'); }
|
|
|
|
-.fancybox-ie #fancybox-bg-nw { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/fancy_shadow_nw.png', sizingMethod='scale'); }
|
|
|
|
-
|
|
|
|
-
|
|
|
|
-
|
|
|
|
-/*
|
|
|
|
-* Skeleton V1.2
|
|
|
|
-* Copyright 2011, Dave Gamache
|
|
|
|
-* www.getskeleton.com
|
|
|
|
-* Free to use under the MIT license.
|
|
|
|
-* http://www.opensource.org/licenses/mit-license.php
|
|
|
|
-* 6/20/2012
|
|
|
|
-*/
|
|
|
|
|
|
|
|
|
|
|
|
-/* #Base 960 Grid
|
|
|
|
-================================================== */
|
|
|
|
-
|
|
|
|
- .container { position: relative; width: 960px; margin: 0 auto; padding: 0; }
|
|
|
|
- .container .column,
|
|
|
|
- .container .columns { float: left; display: inline; margin-left: 10px; margin-right: 10px; }
|
|
|
|
- .row { margin-bottom: 20px; }
|
|
|
|
-
|
|
|
|
- /* Nested Column Classes */
|
|
|
|
- .column.alpha, .columns.alpha { margin-left: 0; }
|
|
|
|
- .column.omega, .columns.omega { margin-right: 0; }
|
|
|
|
-
|
|
|
|
- /* Base Grid */
|
|
|
|
- .container .one.column,
|
|
|
|
- .container .one.columns { width: 40px; }
|
|
|
|
- .container .two.columns { width: 100px; }
|
|
|
|
- .container .three.columns { width: 160px; }
|
|
|
|
- .container .four.columns { width: 220px; }
|
|
|
|
- .container .five.columns { width: 280px; }
|
|
|
|
- .container .six.columns { width: 340px; }
|
|
|
|
- .container .seven.columns { width: 400px; }
|
|
|
|
- .container .eight.columns { width: 460px; }
|
|
|
|
- .container .nine.columns { width: 520px; }
|
|
|
|
- .container .ten.columns { width: 580px; }
|
|
|
|
- .container .eleven.columns { width: 640px; }
|
|
|
|
- .container .twelve.columns { width: 700px; }
|
|
|
|
- .container .thirteen.columns { width: 760px; }
|
|
|
|
- .container .fourteen.columns { width: 820px; }
|
|
|
|
- .container .fifteen.columns { width: 880px; }
|
|
|
|
- .container .sixteen.columns { width: 940px; }
|
|
|
|
-
|
|
|
|
- .container .one-third.column { width: 300px; }
|
|
|
|
- .container .two-thirds.column { width: 620px; }
|
|
|
|
-
|
|
|
|
- /* Offsets */
|
|
|
|
- .container .offset-by-one { padding-left: 60px; }
|
|
|
|
- .container .offset-by-two { padding-left: 120px; }
|
|
|
|
- .container .offset-by-three { padding-left: 180px; }
|
|
|
|
- .container .offset-by-four { padding-left: 240px; }
|
|
|
|
- .container .offset-by-five { padding-left: 300px; }
|
|
|
|
- .container .offset-by-six { padding-left: 360px; }
|
|
|
|
- .container .offset-by-seven { padding-left: 420px; }
|
|
|
|
- .container .offset-by-eight { padding-left: 480px; }
|
|
|
|
- .container .offset-by-nine { padding-left: 540px; }
|
|
|
|
- .container .offset-by-ten { padding-left: 600px; }
|
|
|
|
- .container .offset-by-eleven { padding-left: 660px; }
|
|
|
|
- .container .offset-by-twelve { padding-left: 720px; }
|
|
|
|
- .container .offset-by-thirteen { padding-left: 780px; }
|
|
|
|
- .container .offset-by-fourteen { padding-left: 840px; }
|
|
|
|
- .container .offset-by-fifteen { padding-left: 900px; }
|
|
|
|
-
|
|
|
|
-
|
|
|
|
-
|
|
|
|
-/* #Clearing
|
|
|
|
-================================================== */
|
|
|
|
-
|
|
|
|
- /* Self Clearing Goodness */
|
|
|
|
- .container:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; }
|
|
|
|
-
|
|
|
|
- /* Use clearfix class on parent to clear nested columns,
|
|
|
|
- or wrap each row of columns in a <div class="row"> */
|
|
|
|
- .clearfix:before,
|
|
|
|
- .clearfix:after,
|
|
|
|
- .row:before,
|
|
|
|
- .row:after {
|
|
|
|
- content: '\0020';
|
|
|
|
- display: block;
|
|
|
|
- overflow: hidden;
|
|
|
|
- visibility: hidden;
|
|
|
|
- width: 0;
|
|
|
|
- height: 0; }
|
|
|
|
- .row:after,
|
|
|
|
- .clearfix:after {
|
|
|
|
- clear: both; }
|
|
|
|
- .row,
|
|
|
|
- .clearfix {
|
|
|
|
- zoom: 1; }
|
|
|
|
-
|
|
|
|
- /* You can also use a <br class="clear" /> to clear columns */
|
|
|
|
- .clear {
|
|
|
|
- clear: both;
|
|
|
|
- display: block;
|
|
|
|
- overflow: hidden;
|
|
|
|
- visibility: hidden;
|
|
|
|
- width: 0;
|
|
|
|
- height: 0;
|
|
|
|
- }
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|