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;}
/* line 5, ../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.1/stylesheets/compass/reset/_utilities.scss */ 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: inherit; font-size: 100%; vertical-align: baseline; } /* line 22, ../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.1/stylesheets/compass/reset/_utilities.scss */ html { line-height: 1; } /* line 24, ../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.1/stylesheets/compass/reset/_utilities.scss */ ol, ul { list-style: none; } /* line 26, ../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.1/stylesheets/compass/reset/_utilities.scss */ table { border-collapse: collapse; border-spacing: 0; } /* line 28, ../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.1/stylesheets/compass/reset/_utilities.scss */ caption, th, td { text-align: left; font-weight: normal; vertical-align: middle; } /* line 30, ../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.1/stylesheets/compass/reset/_utilities.scss */ q, blockquote { quotes: none; } /* line 103, ../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.1/stylesheets/compass/reset/_utilities.scss */ q:before, q:after, blockquote:before, blockquote:after { content: ""; content: none; } /* line 32, ../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.1/stylesheets/compass/reset/_utilities.scss */ a img { border: none; } /* line 116, ../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.1/stylesheets/compass/reset/_utilities.scss */ article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; } /* line 35, ../sass/base.scss */ #wrap { max-width: 100%; margin-left: auto; margin-right: auto; width: 1024px; display: block; } /* line 12, ../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/susy-2.1.3/sass/susy/output/support/_clearfix.scss */ #wrap:after { content: " "; display: block; clear: both; } /* line 41, ../sass/base.scss */ #headerwrap { width: 100%; float: left; margin-left: 0; margin-right: 0; margin-bottom: 20px; } /* line 46, ../sass/base.scss */ #header { margin-top: 20px; margin-left: auto; margin-right: auto; width: 95%; } /* line 53, ../sass/base.scss */ #content { width: 100%; float: left; margin-left: 0; margin-right: 0; } /* line 57, ../sass/base.scss */ .col1of3 { width: 30.37975%; float: left; margin-right: 1.26582%; } /* line 61, ../sass/base.scss */ .col2of3 { width: 30.37975%; float: left; margin-right: 1.26582%; } /* line 65, ../sass/base.scss */ .col3of3 { width: 30.37975%; float: right; margin-right: 0; } /* line 69, ../sass/base.scss */ .col1 { width: 49.36709%; float: left; margin-right: 1.26582%; } /* line 73, ../sass/base.scss */ .col2 { width: 49.36709%; float: right; margin-right: 0; } /* line 77, ../sass/base.scss */ #footer .col2 { width: auto; } /* line 81, ../sass/base.scss */ .box { width: 38.77551%; float: left; margin-right: 2.04082%; } /* line 85, ../sass/base.scss */ #sidebar { width: 24.05063%; float: right; margin-right: 0; } /* line 89, ../sass/base.scss */ #footer { width: 100%; float: left; margin-left: 0; margin-right: 0; } /** CSS dropdown menu **/ /* line 95, ../sass/base.scss */ #navigation { margin-top: 20px; margin-left: auto; margin-right: auto; width: 95%; } /* line 104, ../sass/base.scss */ #menuh-container { top: 1em; left: 1em; display: inline; width: 100%; } /* line 111, ../sass/base.scss */ #menuh { margin-top: 1em; display: inline; width: 100%; } /* line 117, ../sass/base.scss */ #menuh ul li { display: inline-block; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; } /* line 122, ../sass/base.scss */ #menuh a { text-align: center; display: block; white-space: nowrap; margin: 0; padding: 5px; text-decoration: none; } /* line 132, ../sass/base.scss */ #menuh ul { list-style: none; margin: 0px 20px 0px 20px; padding: 0px; } /* line 139, ../sass/base.scss */ #menuh li { position: relative; min-height: 1px; /* Sophie Dennis contribution for IE7 */ vertical-align: bottom; /* Sophie Dennis contribution for IE7 */ width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; } /* line 147, ../sass/base.scss */ #menuh ul ul { position: absolute; z-index: 500; top: 50px; left: 20px; display: none; padding: 0.5em; margin: -1em 0 0 -1em; } /* line 158, ../sass/base.scss */ #menuh ul ul li { width: 100%; } /* line 162, ../sass/base.scss */ #menuh ul ul li a { text-align: left; } /* line 166, ../sass/base.scss */ #menuh ul ul ul { left: 90px; } /* line 171, ../sass/base.scss */ div#menuh li:hover { cursor: pointer; z-index: 100; } /* line 177, ../sass/base.scss */ div#menuh li:hover ul ul, div#menuh li li:hover ul ul, div#menuh li li li:hover ul ul, div#menuh li li li li:hover ul ul { display: none; } /* line 183, ../sass/base.scss */ div#menuh li:hover ul, div#menuh li li:hover ul, div#menuh li li li:hover ul, div#menuh li li li li:hover ul { display: block; } /* End CSS Drop Down Menu */
/* line 15, ../sass/Basic.scss */ .clearfix:after { content: '.'; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } /* line 24, ../sass/Basic.scss */ .clearfix { display: inline-block; } /* line 28, ../sass/Basic.scss */ html[xmlns] .clearfix { display: block; } /* line 32, ../sass/Basic.scss */ * html .clearfix { height: 1%; } /* line 46, ../sass/Basic.scss */ body { background-color: #8bb0e4; background-image: url("/images/body-background.webp"); background-repeat: repeat; background-position: top left; background-attachment: scroll; } /* line 53, ../sass/Basic.scss */ body input[type='button'] { font-size: 16px; padding: 0.5em 1.5em; display: inline-block; cursor: pointer; border-radius: 10px; *zoom: 1; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFF7EDDE', endColorstr='#FFE3C08C'); background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjZjdlZGRlIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZTNjMDhjIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g'); background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(50%, #f7edde), color-stop(100%, #e3c08c)); background: -webkit-linear-gradient(#ffffff, #f7edde 50%, #e3c08c); background: linear-gradient(#ffffff, #f7edde 50%, #e3c08c); box-shadow: white 0 1px 0 inset; border: 1px solid #deb577; color: #000; } /* line 15, ../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/sassy-buttons-0.2.6/stylesheets/sassy-buttons/_sassy-button-pseudo-states.sass */ body input[type='button']:hover { text-decoration: none; } /* line 24, ../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/sassy-buttons-0.2.6/stylesheets/sassy-buttons/_sassy-button-pseudo-states.sass */ body input[type='button']:hover { background-color: #e3c08c; background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZkZmJmNyIvPjxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjZTNjMDhjIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZGJhZTZiIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g'); background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fdfbf7), color-stop(50%, #e3c08c), color-stop(100%, #dbae6b)); background: -webkit-linear-gradient(#fdfbf7, #e3c08c 50%, #dbae6b); background: linear-gradient(#fdfbf7, #e3c08c 50%, #dbae6b); } /* line 27, ../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/sassy-buttons-0.2.6/stylesheets/sassy-buttons/_sassy-button-pseudo-states.sass */ body input[type='button']:active { box-shadow: #dbae6b 0 1px 2px inset; } /* line 6, ../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/sassy-buttons-0.2.6/stylesheets/sassy-buttons/_sassy-button-pseudo-states.sass */ body input[type='button'].disabled, body input[type='button'][disabled] { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60); opacity: 0.6; background: #e3c08c; cursor: default; box-shadow: none; } /* line 74, ../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/sassy-buttons-0.2.6/stylesheets/_sassy-buttons.sass */ body input[type='button']::-moz-focus-inner { padding: 0 !important; margin: -1px !important; } /* line 57, ../sass/Basic.scss */ body .button { font-size: 16px; padding: 0.5em 1.5em; display: inline-block; cursor: pointer; border-radius: 10px; *zoom: 1; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFF7EDDE', endColorstr='#FFE3C08C'); background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjZjdlZGRlIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZTNjMDhjIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g'); background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(50%, #f7edde), color-stop(100%, #e3c08c)); background: -webkit-linear-gradient(#ffffff, #f7edde 50%, #e3c08c); background: linear-gradient(#ffffff, #f7edde 50%, #e3c08c); box-shadow: white 0 1px 0 inset; border: 1px solid #deb577; color: #000; display: inherit; margin-left: auto; margin-right: auto; margin-top: 10px; margin-bottom: 10px; text-align: center; } /* line 15, ../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/sassy-buttons-0.2.6/stylesheets/sassy-buttons/_sassy-button-pseudo-states.sass */ body .button:hover { text-decoration: none; } /* line 24, ../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/sassy-buttons-0.2.6/stylesheets/sassy-buttons/_sassy-button-pseudo-states.sass */ body .button:hover { background-color: #e3c08c; background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZkZmJmNyIvPjxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjZTNjMDhjIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZGJhZTZiIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g'); background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fdfbf7), color-stop(50%, #e3c08c), color-stop(100%, #dbae6b)); background: -webkit-linear-gradient(#fdfbf7, #e3c08c 50%, #dbae6b); background: linear-gradient(#fdfbf7, #e3c08c 50%, #dbae6b); } /* line 27, ../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/sassy-buttons-0.2.6/stylesheets/sassy-buttons/_sassy-button-pseudo-states.sass */ body .button:active { box-shadow: #dbae6b 0 1px 2px inset; } /* line 6, ../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/sassy-buttons-0.2.6/stylesheets/sassy-buttons/_sassy-button-pseudo-states.sass */ body .button.disabled, body .button[disabled] { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60); opacity: 0.6; background: #e3c08c; cursor: default; box-shadow: none; } /* line 74, ../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/sassy-buttons-0.2.6/stylesheets/_sassy-buttons.sass */ body .button::-moz-focus-inner { padding: 0 !important; margin: -1px !important; } /* line 67, ../sass/Basic.scss */ body #wrap { background-color: #f7edde; border-radius: 0.6em / 0.6em; margin-top: 10px; margin-bottom: 10px; border: 4px solid #f0d5ad; } /* line 74, ../sass/Basic.scss */ body #wrap #header { background-color: #8bb0e4; background-size: cover; border-radius: 15px; background-repeat: no-repeat; border: 2px solid #f5d5a6; height: 198px; width: 940px; text-align: left; margin-top: 20px; font-size: 3em; } /* line 86, ../sass/Basic.scss */ body #wrap #header div { margin-top: 30px; } /* line 89, ../sass/Basic.scss */ body #wrap #header div h1 { padding-top: 40px; padding-left: 20px; } /* line 90, ../sass/Basic.scss */ body #wrap #header div h1 a:link, body #wrap #header div h1 a:visited { color: #000; text-decoration: none; } /* line 97, ../sass/Basic.scss */ body #wrap #header div h6 { font-size: .4em; font-style: italic; padding-left: 20px; } /* line 104, ../sass/Basic.scss */ body #wrap #sidebar { background-color: #8bb0e4; border-radius: 0.6em / 0.6em; padding: .6em; vertical-align: text-top; overflow: hidden; margin-right: .5em; border: 2px solid #f5d5a6; } /* line 112, ../sass/Basic.scss */ body #wrap #sidebar hr { color: #8bb0e4; background-color: #8bb0e4; } /* line 116, ../sass/Basic.scss */ body #wrap #sidebar p, body #wrap #sidebar ul, body #wrap #sidebar li { padding-top: 10px; padding-left: 15px; font-size: 19px; line-height: 1.25em; } /* line 119, ../sass/Basic.scss */ body #wrap #sidebar ul li { list-style-type: disc; margin-left: 25px; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; } /* line 129, ../sass/Basic.scss */ body #wrap #sidebar li { margin-bottom: 10px; } /* line 132, ../sass/Basic.scss */ body #wrap #sidebar h1, body #wrap #sidebar h2, body #wrap #sidebar h3, body #wrap #sidebar h4, body #wrap #sidebar h5, body #wrap #sidebar h6 { padding-top: 10px; padding-left: 15px; font-size: 19px; line-height: 1.25em; font-weight: bold; margin-top: .25em; margin-bottom: .25em; } /* line 138, ../sass/Basic.scss */ body #wrap #sidebar h1 { font-size: 2.5em; } /* line 141, ../sass/Basic.scss */ body #wrap #sidebar h2 { font-size: 2em; } /* line 144, ../sass/Basic.scss */ body #wrap #sidebar h3 { font-size: 1.5em; } /* line 147, ../sass/Basic.scss */ body #wrap #sidebar h4 { font-size: 1em; } /* line 150, ../sass/Basic.scss */ body #wrap #sidebar h5 { font-size: .5em; } /* line 153, ../sass/Basic.scss */ body #wrap #sidebar h6 { font-size: .25em; } /* line 156, ../sass/Basic.scss */ body #wrap #sidebar input[type='button'] { margin-left: 120px; clear: both; } /* line 162, ../sass/Basic.scss */ body #wrap #content input[type='button'] { margin-left: 200px; clear: both; } /* line 166, ../sass/Basic.scss */ body #wrap #content h1, body #wrap #content h2, body #wrap #content h3, body #wrap #content h4, body #wrap #content h5, body #wrap #content h6 { padding-top: 10px; padding-left: 15px; font-size: 19px; line-height: 1.25em; font-weight: bold; margin-top: .25em; margin-bottom: .25em; } /* line 172, ../sass/Basic.scss */ body #wrap #content h1 { font-size: 2.5em; } /* line 175, ../sass/Basic.scss */ body #wrap #content h2 { font-size: 2em; } /* line 178, ../sass/Basic.scss */ body #wrap #content h3 { font-size: 1.5em; } /* line 181, ../sass/Basic.scss */ body #wrap #content h4 { font-size: 1em; } /* line 184, ../sass/Basic.scss */ body #wrap #content h5 { font-size: .5em; } /* line 187, ../sass/Basic.scss */ body #wrap #content h6 { font-size: .25em; } /* line 190, ../sass/Basic.scss */ body #wrap #content p, body #wrap #content ul, body #wrap #content li, body #wrap #content details, body #wrap #content summary, body #wrap #content pre { padding-top: 10px; padding-left: 15px; font-size: 19px; line-height: 1.25em; } /* line 194, ../sass/Basic.scss */ body #wrap #content details p, body #wrap #content details pre { margin-left: 25px; } /* line 198, ../sass/Basic.scss */ body #wrap #content ul li { list-style-type: disc; margin-left: 25px; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; } /* line 208, ../sass/Basic.scss */ body #wrap #content li { margin-bottom: 10px; } /* line 211, ../sass/Basic.scss */ body #wrap #content .box { clear: both; background-color: #f0d5ad; float: none; margin-left: auto; margin-right: auto; margin-top: 1.0em; margin-bottom: 1em; border-radius: 0.6em / 0.6em; display: block; padding: .5em; } /* line 224, ../sass/Basic.scss */ body #wrap #footer { border-top: 5px; border-style: solid; border-color: #f5d5a6; border-radius: 0.6em / 0.6em; margin-top: 30px; } /* line 230, ../sass/Basic.scss */ body #wrap #footer p { margin-bottom: .6em; padding-top: 10px; padding-left: 15px; font-size: 19px; line-height: 1.25em; margin-right: 15px; } /* line 240, ../sass/Basic.scss */ #navigation { text-align: left; border: 2px solid #f5d5a6; background-color: #8bb0e4; border-radius: 15px; } /* line 247, ../sass/Basic.scss */ #menuh { font-size: 20px; font-family: arial, helvetica, sans-serif; background-color: #f7edde; } /* line 253, ../sass/Basic.scss */ #menuh ul { background-color: #8bb0e4; } /* line 257, ../sass/Basic.scss */ #menuh ul ul { background-color: #8bb0e4; border-radius: 15px; border: 2px solid #f5d5a6; } /* line 263, ../sass/Basic.scss */ #menuh a { background-color: #8bb0e4; color: #000; } /* line 268, ../sass/Basic.scss */ #menuh a:link, #menuh a:visited, #menuh a:active { color: #000; background-color: #8bb0e4; } /* line 273, ../sass/Basic.scss */ #menuh a:hover { color: #000; background-color: #f0d5ad; border-radius: 5px; } /* line 282, ../sass/Basic.scss */ a:link, a:visited { color: #ac782a; text-decoration: none; } /* line 287, ../sass/Basic.scss */ strong { font-weight: bold; } /* line 291, ../sass/Basic.scss */ table { margin: 20px; border: 0px solid; border-radius: 10px; border-color: #fdfaf7; } /* line 296, ../sass/Basic.scss */ table th { text-align: center; font-weight: bold; padding: 10px 0 10px 0; } /* line 302, ../sass/Basic.scss */ table tbody td { padding: 10px; } /* line 305, ../sass/Basic.scss */ table tbody tr:nth-child(2n+1) { background-color: #f2e2c9; } /* line 308, ../sass/Basic.scss */ table tbody tr:nth-child(even) { background-color: #f9f3e8; } /* line 315, ../sass/Basic.scss */ .showcode { margin: 20px auto 20px 30px; border-radius: 15px; border: #f0d5ad 3px; border-style: solid; background: white; } /* line 324, ../sass/Basic.scss */ #socialmedia { width: 700px; margin-top: 20px; margin-left: 15px; } /* line 330, ../sass/Basic.scss */ #socialbuttons { margin: auto; } /* line 334, ../sass/Basic.scss */ #socialbuttons a { opacity: 0.8; filter: alpha(opacity=80); -webkit-transition: all ease-in-out 0.2s; transition: all ease-in-out 0.2s; } /* line 344, ../sass/Basic.scss */ #socialbuttons a:hover { opacity: 1; filter: alpha(opacity=100); } /* line 349, ../sass/Basic.scss */ #socialbuttons a { display: inline-block; height: 28px; width: 30px; background-image: url(/images/ico-subscribe-social.png); background-repeat: no-repeat; } /* line 357, ../sass/Basic.scss */ #socialbuttons a.twitter { background-position: -30px 0; } /* line 361, ../sass/Basic.scss */ #socialbuttons a.facebook { background-position: -60px 0; } /* line 365, ../sass/Basic.scss */ #socialbuttons a.googleplus { background-position: -210px 0; } /* line 369, ../sass/Basic.scss */ dl { margin-left: 20px; margin-top: 20px; margin-bottom: 20px; font-size: 19px; line-height: 1.25em; } /* line 377, ../sass/Basic.scss */ dt { margin-left: 20px; margin-bottom: 20px; font-weight: bold; } /* line 383, ../sass/Basic.scss */ dd { margin-left: 40px; margin-bottom: 20px; }
/** * SyntaxHighlighter * http://alexgorbatchev.com/SyntaxHighlighter * * SyntaxHighlighter is donationware. If you are using it, please donate. * http://alexgorbatchev.com/SyntaxHighlighter/donate.html * * @version * 3.0.83 (July 02 2010) * * @copyright * Copyright (C) 2004-2010 Alex Gorbatchev. * * @license * Dual licensed under the MIT and GPL licenses. */ .syntaxhighlighter a, .syntaxhighlighter div, .syntaxhighlighter code, .syntaxhighlighter table, .syntaxhighlighter table td, .syntaxhighlighter table tr, .syntaxhighlighter table tbody, .syntaxhighlighter table thead, .syntaxhighlighter table caption, .syntaxhighlighter textarea { -moz-border-radius: 0 0 0 0 !important; -webkit-border-radius: 0 0 0 0 !important; background: none !important; border: 0 !important; bottom: auto !important; float: none !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0 !important; outline: 0 !important; overflow: visible !important; padding: 0 !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important; box-sizing: content-box !important; font-family: "Consolas", "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-weight: normal !important; font-style: normal !important; font-size: 1em !important; min-height: inherit !important; min-height: auto !important; } .syntaxhighlighter { width: 100% !important; margin: 1em 0 1em 0 !important; position: relative !important; overflow: auto !important; font-size: 1em !important; } .syntaxhighlighter.source { overflow: hidden !important; } .syntaxhighlighter .bold { font-weight: bold !important; } .syntaxhighlighter .italic { font-style: italic !important; } .syntaxhighlighter .line { white-space: pre !important; } .syntaxhighlighter table { width: 100% !important; } .syntaxhighlighter table caption { text-align: left !important; padding: .5em 0 0.5em 1em !important; } .syntaxhighlighter table td.code { width: 100% !important; } .syntaxhighlighter table td.code .container { position: relative !important; } .syntaxhighlighter table td.code .container textarea { box-sizing: border-box !important; position: absolute !important; left: 0 !important; top: 0 !important; width: 100% !important; height: 100% !important; border: none !important; background: white !important; padding-left: 1em !important; overflow: hidden !important; white-space: pre !important; } .syntaxhighlighter table td.gutter .line { text-align: right !important; padding: 0 0.5em 0 1em !important; } .syntaxhighlighter table td.code .line { padding: 0 1em !important; } .syntaxhighlighter.nogutter td.code .container textarea, .syntaxhighlighter.nogutter td.code .line { padding-left: 0em !important; } .syntaxhighlighter.show { display: block !important; } .syntaxhighlighter.collapsed table { display: none !important; } .syntaxhighlighter.collapsed .toolbar { padding: 0.1em 0.8em 0em 0.8em !important; font-size: 1em !important; position: static !important; width: auto !important; height: auto !important; } .syntaxhighlighter.collapsed .toolbar span { display: inline !important; margin-right: 1em !important; } .syntaxhighlighter.collapsed .toolbar span a { padding: 0 !important; display: none !important; } .syntaxhighlighter.collapsed .toolbar span a.expandSource { display: inline !important; } .syntaxhighlighter .toolbar { position: absolute !important; right: 1px !important; top: 1px !important; width: 11px !important; height: 11px !important; font-size: 10px !important; z-index: 10 !important; } .syntaxhighlighter .toolbar span.title { display: inline !important; } .syntaxhighlighter .toolbar a { display: block !important; text-align: center !important; text-decoration: none !important; padding-top: 1px !important; } .syntaxhighlighter .toolbar a.expandSource { display: none !important; } .syntaxhighlighter.ie { font-size: .9em !important; padding: 1px 0 1px 0 !important; } .syntaxhighlighter.ie .toolbar { line-height: 8px !important; } .syntaxhighlighter.ie .toolbar a { padding-top: 0px !important; } .syntaxhighlighter.printing .line.alt1 .content, .syntaxhighlighter.printing .line.alt2 .content, .syntaxhighlighter.printing .line.highlighted .number, .syntaxhighlighter.printing .line.highlighted.alt1 .content, .syntaxhighlighter.printing .line.highlighted.alt2 .content { background: none !important; } .syntaxhighlighter.printing .line .number { color: #bbbbbb !important; } .syntaxhighlighter.printing .line .content { color: black !important; } .syntaxhighlighter.printing .toolbar { display: none !important; } .syntaxhighlighter.printing a { text-decoration: none !important; } .syntaxhighlighter.printing .plain, .syntaxhighlighter.printing .plain a { color: black !important; } .syntaxhighlighter.printing .comments, .syntaxhighlighter.printing .comments a { color: #008200 !important; } .syntaxhighlighter.printing .string, .syntaxhighlighter.printing .string a { color: blue !important; } .syntaxhighlighter.printing .keyword { color: #006699 !important; font-weight: bold !important; } .syntaxhighlighter.printing .preprocessor { color: gray !important; } .syntaxhighlighter.printing .variable { color: #aa7700 !important; } .syntaxhighlighter.printing .value { color: #009900 !important; } .syntaxhighlighter.printing .functions { color: #ff1493 !important; } .syntaxhighlighter.printing .constants { color: #0066cc !important; } .syntaxhighlighter.printing .script { font-weight: bold !important; } .syntaxhighlighter.printing .color1, .syntaxhighlighter.printing .color1 a { color: gray !important; } .syntaxhighlighter.printing .color2, .syntaxhighlighter.printing .color2 a { color: #ff1493 !important; } .syntaxhighlighter.printing .color3, .syntaxhighlighter.printing .color3 a { color: red !important; } .syntaxhighlighter.printing .break, .syntaxhighlighter.printing .break a { color: black !important; }
/** * SyntaxHighlighter * http://alexgorbatchev.com/SyntaxHighlighter * * SyntaxHighlighter is donationware. If you are using it, please donate. * http://alexgorbatchev.com/SyntaxHighlighter/donate.html * * @version * 3.0.83 (July 02 2010) * * @copyright * Copyright (C) 2004-2010 Alex Gorbatchev. * * @license * Dual licensed under the MIT and GPL licenses. */ .syntaxhighlighter a, .syntaxhighlighter div, .syntaxhighlighter code, .syntaxhighlighter table, .syntaxhighlighter table td, .syntaxhighlighter table tr, .syntaxhighlighter table tbody, .syntaxhighlighter table thead, .syntaxhighlighter table caption, .syntaxhighlighter textarea { -moz-border-radius: 0 0 0 0 !important; -webkit-border-radius: 0 0 0 0 !important; background: none !important; border: 0 !important; bottom: auto !important; float: none !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0 !important; outline: 0 !important; overflow: visible !important; padding: 0 !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important; box-sizing: content-box !important; font-family: "Consolas", "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-weight: normal !important; font-style: normal !important; font-size: 1em !important; min-height: inherit !important; min-height: auto !important; } .syntaxhighlighter { width: 100% !important; margin: 1em 0 1em 0 !important; position: relative !important; overflow: auto !important; font-size: 1em !important; } .syntaxhighlighter.source { overflow: hidden !important; } .syntaxhighlighter .bold { font-weight: bold !important; } .syntaxhighlighter .italic { font-style: italic !important; } .syntaxhighlighter .line { white-space: pre !important; } .syntaxhighlighter table { width: 100% !important; } .syntaxhighlighter table caption { text-align: left !important; padding: .5em 0 0.5em 1em !important; } .syntaxhighlighter table td.code { width: 100% !important; } .syntaxhighlighter table td.code .container { position: relative !important; } .syntaxhighlighter table td.code .container textarea { box-sizing: border-box !important; position: absolute !important; left: 0 !important; top: 0 !important; width: 100% !important; height: 100% !important; border: none !important; background: white !important; padding-left: 1em !important; overflow: hidden !important; white-space: pre !important; } .syntaxhighlighter table td.gutter .line { text-align: right !important; padding: 0 0.5em 0 1em !important; } .syntaxhighlighter table td.code .line { padding: 0 1em !important; } .syntaxhighlighter.nogutter td.code .container textarea, .syntaxhighlighter.nogutter td.code .line { padding-left: 0em !important; } .syntaxhighlighter.show { display: block !important; } .syntaxhighlighter.collapsed table { display: none !important; } .syntaxhighlighter.collapsed .toolbar { padding: 0.1em 0.8em 0em 0.8em !important; font-size: 1em !important; position: static !important; width: auto !important; height: auto !important; } .syntaxhighlighter.collapsed .toolbar span { display: inline !important; margin-right: 1em !important; } .syntaxhighlighter.collapsed .toolbar span a { padding: 0 !important; display: none !important; } .syntaxhighlighter.collapsed .toolbar span a.expandSource { display: inline !important; } .syntaxhighlighter .toolbar { position: absolute !important; right: 1px !important; top: 1px !important; width: 11px !important; height: 11px !important; font-size: 10px !important; z-index: 10 !important; } .syntaxhighlighter .toolbar span.title { display: inline !important; } .syntaxhighlighter .toolbar a { display: block !important; text-align: center !important; text-decoration: none !important; padding-top: 1px !important; } .syntaxhighlighter .toolbar a.expandSource { display: none !important; } .syntaxhighlighter.ie { font-size: .9em !important; padding: 1px 0 1px 0 !important; } .syntaxhighlighter.ie .toolbar { line-height: 8px !important; } .syntaxhighlighter.ie .toolbar a { padding-top: 0px !important; } .syntaxhighlighter.printing .line.alt1 .content, .syntaxhighlighter.printing .line.alt2 .content, .syntaxhighlighter.printing .line.highlighted .number, .syntaxhighlighter.printing .line.highlighted.alt1 .content, .syntaxhighlighter.printing .line.highlighted.alt2 .content { background: none !important; } .syntaxhighlighter.printing .line .number { color: #bbbbbb !important; } .syntaxhighlighter.printing .line .content { color: black !important; } .syntaxhighlighter.printing .toolbar { display: none !important; } .syntaxhighlighter.printing a { text-decoration: none !important; } .syntaxhighlighter.printing .plain, .syntaxhighlighter.printing .plain a { color: black !important; } .syntaxhighlighter.printing .comments, .syntaxhighlighter.printing .comments a { color: #008200 !important; } .syntaxhighlighter.printing .string, .syntaxhighlighter.printing .string a { color: blue !important; } .syntaxhighlighter.printing .keyword { color: #006699 !important; font-weight: bold !important; } .syntaxhighlighter.printing .preprocessor { color: gray !important; } .syntaxhighlighter.printing .variable { color: #aa7700 !important; } .syntaxhighlighter.printing .value { color: #009900 !important; } .syntaxhighlighter.printing .functions { color: #ff1493 !important; } .syntaxhighlighter.printing .constants { color: #0066cc !important; } .syntaxhighlighter.printing .script { font-weight: bold !important; } .syntaxhighlighter.printing .color1, .syntaxhighlighter.printing .color1 a { color: gray !important; } .syntaxhighlighter.printing .color2, .syntaxhighlighter.printing .color2 a { color: #ff1493 !important; } .syntaxhighlighter.printing .color3, .syntaxhighlighter.printing .color3 a { color: red !important; } .syntaxhighlighter.printing .break, .syntaxhighlighter.printing .break a { color: black !important; } .syntaxhighlighter { background-color: white !important; } .syntaxhighlighter .line.alt1 { background-color: white !important; } .syntaxhighlighter .line.alt2 { background-color: white !important; } .syntaxhighlighter .line.highlighted.alt1, .syntaxhighlighter .line.highlighted.alt2 { background-color: #e0e0e0 !important; } .syntaxhighlighter .line.highlighted.number { color: black !important; } .syntaxhighlighter table caption { color: black !important; } .syntaxhighlighter .gutter { color: #afafaf !important; } .syntaxhighlighter .gutter .line { border-right: 3px solid #6ce26c !important; } .syntaxhighlighter .gutter .line.highlighted { background-color: #6ce26c !important; color: white !important; } .syntaxhighlighter.printing .line .content { border: none !important; } .syntaxhighlighter.collapsed { overflow: visible !important; } .syntaxhighlighter.collapsed .toolbar { color: blue !important; background: white !important; border: 1px solid #6ce26c !important; } .syntaxhighlighter.collapsed .toolbar a { color: blue !important; } .syntaxhighlighter.collapsed .toolbar a:hover { color: red !important; } .syntaxhighlighter .toolbar { color: white !important; background: #6ce26c !important; border: none !important; } .syntaxhighlighter .toolbar a { color: white !important; } .syntaxhighlighter .toolbar a:hover { color: black !important; } .syntaxhighlighter .plain, .syntaxhighlighter .plain a { color: black !important; } .syntaxhighlighter .comments, .syntaxhighlighter .comments a { color: #008200 !important; } .syntaxhighlighter .string, .syntaxhighlighter .string a { color: blue !important; } .syntaxhighlighter .keyword { color: #006699 !important; } .syntaxhighlighter .preprocessor { color: gray !important; } .syntaxhighlighter .variable { color: #aa7700 !important; } .syntaxhighlighter .value { color: #009900 !important; } .syntaxhighlighter .functions { color: #ff1493 !important; } .syntaxhighlighter .constants { color: #0066cc !important; } .syntaxhighlighter .script { font-weight: bold !important; color: #006699 !important; background-color: none !important; } .syntaxhighlighter .color1, .syntaxhighlighter .color1 a { color: gray !important; } .syntaxhighlighter .color2, .syntaxhighlighter .color2 a { color: #ff1493 !important; } .syntaxhighlighter .color3, .syntaxhighlighter .color3 a { color: red !important; } .syntaxhighlighter .keyword { font-weight: bold !important; }
/** * SyntaxHighlighter * http://alexgorbatchev.com/SyntaxHighlighter * * SyntaxHighlighter is donationware. If you are using it, please donate. * http://alexgorbatchev.com/SyntaxHighlighter/donate.html * * @version * 3.0.83 (July 02 2010) * * @copyright * Copyright (C) 2004-2010 Alex Gorbatchev. * * @license * Dual licensed under the MIT and GPL licenses. */ .syntaxhighlighter { background-color: white !important; } .syntaxhighlighter .line.alt1 { background-color: white !important; } .syntaxhighlighter .line.alt2 { background-color: white !important; } .syntaxhighlighter .line.highlighted.alt1, .syntaxhighlighter .line.highlighted.alt2 { background-color: #e0e0e0 !important; } .syntaxhighlighter .line.highlighted.number { color: black !important; } .syntaxhighlighter table caption { color: black !important; } .syntaxhighlighter .gutter { color: #afafaf !important; } .syntaxhighlighter .gutter .line { border-right: 3px solid #6ce26c !important; } .syntaxhighlighter .gutter .line.highlighted { background-color: #6ce26c !important; color: white !important; } .syntaxhighlighter.printing .line .content { border: none !important; } .syntaxhighlighter.collapsed { overflow: visible !important; } .syntaxhighlighter.collapsed .toolbar { color: blue !important; background: white !important; border: 1px solid #6ce26c !important; } .syntaxhighlighter.collapsed .toolbar a { color: blue !important; } .syntaxhighlighter.collapsed .toolbar a:hover { color: red !important; } .syntaxhighlighter .toolbar { color: white !important; background: #6ce26c !important; border: none !important; } .syntaxhighlighter .toolbar a { color: white !important; } .syntaxhighlighter .toolbar a:hover { color: black !important; } .syntaxhighlighter .plain, .syntaxhighlighter .plain a { color: black !important; } .syntaxhighlighter .comments, .syntaxhighlighter .comments a { color: #008200 !important; } .syntaxhighlighter .string, .syntaxhighlighter .string a { color: blue !important; } .syntaxhighlighter .keyword { color: #006699 !important; } .syntaxhighlighter .preprocessor { color: gray !important; } .syntaxhighlighter .variable { color: #aa7700 !important; } .syntaxhighlighter .value { color: #009900 !important; } .syntaxhighlighter .functions { color: #ff1493 !important; } .syntaxhighlighter .constants { color: #0066cc !important; } .syntaxhighlighter .script { font-weight: bold !important; color: #006699 !important; background-color: none !important; } .syntaxhighlighter .color1, .syntaxhighlighter .color1 a { color: gray !important; } .syntaxhighlighter .color2, .syntaxhighlighter .color2 a { color: #ff1493 !important; } .syntaxhighlighter .color3, .syntaxhighlighter .color3 a { color: red !important; } .syntaxhighlighter .keyword { font-weight: bold !important; }
.clear { clear: both; height: 0px; } body #wrap #header { background-image: url('/images/header-background.webp'); background-color: #f0d6ac; } .picture-div { width: 400px; display: inline-block; margin: auto 50px auto 50px; padding-bottom: 20px; } .picture { width: 400px; @include border-radius(8px); margin: 20px auto 15px auto; } .caption { text-align: center; padding-bottom: 15px; } #commentSpacer { width: 100%; margin-top: 20px; margin-left: 15px; } .tutorial_excerpt { margin-left: 20px; } .tutorial_thumbnail { float: left; margin-right: 20px; margin-left: 20px; margin-bottom: 20px; } .tutorial_wrap { margin-bottom: 50px; float: left; } img.wp-post-image { -moz-border-radius: 15px; border-radius: 15px; box-shadow: 10px 10px 5px gray; } .shadow { -moz-border-radius: 15px; border-radius: 15px; box-shadow: 10px 10px 5px gray; border-radius: 15px; } .donation { width: 100%; margin-top: 20px; form { width: 150px; margin: auto; } } .names { font-family: "Comic Sans MS"; font-size: large; color: red; background: transparent; } .family-info { margin: auto; background: transparent; } .picture-tak { margin-top: 150px; margin-left: 150px; } .left { float: left; } .right { float: right; } .picture-js { margin: 20px; } hr { margin-top: 30px; margin-bottom: 30px; } ol li { list-style-type: decimal; margin-left: 50px; } #twitter-div { margin-right: 30px; } h2 { text-align: center; font: 40px 'Josefin Sans',arial,serif; color: #26437f; text-shadow: .1em .1em .1em gray; }