/* Generated by Font Squirrel (http://www.fontsquirrel.com) on April 19, 2012 03:09:03 PM America/New_York */ @font-face { font-family: 'ArimoRegular'; src: url('fonts/Arimo-Regular-Latin-webfont.eot'); src: url('fonts/Arimo-Regular-Latin-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/Arimo-Regular-Latin-webfont.woff') format('woff'), url('fonts/Arimo-Regular-Latin-webfont.ttf') format('truetype'), url('fonts/Arimo-Regular-Latin-webfont.svg#ArimoRegular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'ArimoItalic'; src: url('fonts/Arimo-Italic-Latin-webfont.eot'); src: url('fonts/Arimo-Italic-Latin-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/Arimo-Italic-Latin-webfont.woff') format('woff'), url('fonts/Arimo-Italic-Latin-webfont.ttf') format('truetype'), url('fonts/Arimo-Italic-Latin-webfont.svg#ArimoItalic') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'ArimoBold'; src: url('fonts/Arimo-Bold-Latin-webfont.eot'); src: url('fonts/Arimo-Bold-Latin-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/Arimo-Bold-Latin-webfont.woff') format('woff'), url('fonts/Arimo-Bold-Latin-webfont.ttf') format('truetype'), url('fonts/Arimo-Bold-Latin-webfont.svg#ArimoBold') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'ArimoBoldItalic'; src: url('fonts/Arimo-BoldItalic-Latin-webfont.eot'); src: url('fonts/Arimo-BoldItalic-Latin-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/Arimo-BoldItalic-Latin-webfont.woff') format('woff'), url('fonts/Arimo-BoldItalic-Latin-webfont.ttf') format('truetype'), url('fonts/Arimo-BoldItalic-Latin-webfont.svg#ArimoBoldItalic') format('svg'); font-weight: normal; font-style: normal; } /* AnythingSlider Themese demo */ body {background: #000000; color: #adb3b3; font-family: "ArimoRegular", Arial, sans-serif; font-size: 20px; text-align: center;} a:link { color: #042424; text-decoration: none; } a:hover { color: #456c6c; } /* link colors */ .dark { color: #ffffff;} .dark a:link { color: #15b3b3; } .dark a:hover { color: #456c6c; } .dark2 { visibility: hidden;} .dark3 { visibility: hidden;} .dark4 { display: none;} .dark5 { visibility: visible;} .unhidden { visibility: visible; } .dark6 {color: #042424; font-size: 16px; z-index: 300;} /* this is the nav circles */ #nav { display: block; width: auto; margin: 10px auto; text-align: center; white-space: nowrap; line-height: 3em; } #nav a { text-align: center; background: black; color: white; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; padding: 10px; } #nav a.git { background: #006; } #nav a.issue { background: #600; } #nav a:hover, #nav a.current { background: #666; } /* text colors */ h1 { text-align: center; font-family: 'Bowlby One SC', sans-serif; font-size: 100%; } h2{ font:18px "ArimoRegular", Arial, sans-serif; color:#000000;} h3{ font:23px "ArimoRegular", Arial, sans-serif; color:#ffffff; text-align: center;} h4{ font:16px "ArimoRegular", Arial, sans-serif; color:#ffffff; text-align: center;} h5{ color:#456c6c; text-align: center;} h6{ font:12px "ArimoRegular", Arial, sans-serif; color:#828b78; text-align: center;} h7{ font:16px "ArimoRegular", Arial, sans-serif; color:#ffffff; text-align: justify;} .theme-list { text-align: center; margin: 30px auto; } .theme-list div { height: 35px; vertical-align: middle; } /* this silly css definition is needed for IE7 */ .theme-list select { margin-bottom: 30px; } #wrap { margin-bottom: 195px; } /* Define slider dimensions here */ #slider { width: 600px; height: 350px; list-style: none; /* Prevent FOUC (see FAQ page) and keep things readable if javascript is disabled */ overflow-y: auto; overflow-x: hidden; } #slider li, #slider img { position: relative; font-family: "ArimoRegular", Arial, sans-serif; } /* Top caption - padding is included in the width (680px here, 700px total width), same for height */ .caption-top { background: #000; color: #95caec; padding: 10px; margin: 0; font-family: "ArimoRegular", Arial, sans-serif; font-size: 18px; position: relative; z-index: 10; left: 0; top: 0; width: 580px; height: 30px; } .caption-top2 { background: #000; color: #95caec; padding: 10px; margin: 0; font-family: "ArimoRegular", Arial, sans-serif; font-size: 18px; position: relative; z-index: 10; left: 0; top: 0; width: 580px; height: 30px; word-spacing: 14em; } /* Caption close button */ .close { font-size: 80%; cursor: pointer; float: right; display: inline-block; } /* background color selector */ #bkgd { margin: 20px auto; width: 320px; } .block { float: left; display: block; width: 20px; height: 20px; } .box6{ position:absolute; z-index: -8; top: 120px; left: 70%; margin-left: -960px; opacity:0.1; filter:alpha(opacity=10); * For IE8 and earlier */} .inset2{position:absolute; z-index: -5; top: -330px; margin-left: 0px; opacity:0.3; filter:alpha(opacity=30)} .inset2b{position:absolute; z-index: -5; top: -330px; margin-left: 0px; opacity:0.7; filter:alpha(opacity=70)} .inset2c{position:absolute; z-index: -5; top: -330px; margin-left: 0px; opacity:0.5; filter:alpha(opacity=50)} .inset{position:absolute; z-index: 5; top: -275px; margin-left: 590px; opacity:1.0; filter:alpha(opacity=100)} .inset2d{position:absolute; z-index: 5; top: -275px; margin-left: 590px; opacity:.5; filter:alpha(opacity=50)} .inset5{position:absolute; z-index: 5; top: -85px; margin-left: 555px; opacity:.4; filter:alpha(opacity=40)} .inset6{position:absolute; z-index: 5; top: -85px; margin-left: 555px; opacity:.1; filter:alpha(opacity=10)} .inset7{position:absolute; z-index: 5; top: -85px; margin-left: 555px; opacity:.2; filter:alpha(opacity=20)} .inset8{position:absolute; z-index: 5; top: -85px; margin-left: 555px; opacity:.2; filter:alpha(opacity=20)} .inset9{position:absolute; z-index: 5; top: -85px; margin-left: 555px; opacity:.07; filter:alpha(opacity=70)} .inset4{position:absolute; z-index: -5; top: -395px; margin-left: 0px; opacity:1.0; filter:alpha(opacity=100)} .inset3{position:absolute; z-index: 25; top: -375px; margin-left: 570px; opacity:1.0; filter:alpha(opacity=100)} .insetimage{position:absolute; z-index: 15; top: -160px; margin-left: 80px; opacity:.08; filter:alpha(opacity=8)} .insetimage2{position:absolute; z-index: -15; top: -120px; margin-left: 45px; opacity:.1; filter:alpha(opacity=10)} .insetimage2b{position:absolute; z-index: -15; top: -120px; margin-left: 45px; opacity:.3; filter:alpha(opacity=30)} .insetimage2c{position:absolute; z-index: -15; top: -120px; margin-left: 45px; opacity:.07; filter:alpha(opacity=7)} .insetimage2d{position:absolute; z-index: -15; top: -120px; margin-left: 45px; opacity:.2; filter:alpha(opacity=20)} .insetimage3{position:absolute; z-index: 0; top: -60px; margin-left: -35px;} .insetimage4{position:absolute; z-index: 0; top: 40px; margin-left: 435px;} .insetimage5{position:absolute; z-index: 15; top: -160px; margin-left: 80px; opacity:.6; filter:alpha(opacity=60)} .insetimage6{position:absolute; z-index: 15; top: -160px; margin-left: 80px; opacity:.03; filter:alpha(opacity=3)} .insetimage7{position:absolute; z-index: 15; top: -160px; margin-left: 80px; opacity:.2; filter:alpha(opacity=20)} .insetimage8{position:absolute; z-index: 15; top: -160px; margin-left: 80px; opacity:.1; filter:alpha(opacity=10)} .insetimage9{position:absolute; z-index: 15; top: -160px; margin-left: 80px; opacity:.3; filter:alpha(opacity=30)} .insetimage10{position:absolute; z-index: 15; top: -160px; margin-left: 80px; opacity:.5; filter:alpha(opacity=50)} .insetend{position:absolute; z-index: 5; top: 15px; margin-left: 50px; opacity:.5; filter:alpha(opacity=50)} .insetend2{position:absolute; z-index: 5; top: 15px; margin-left: 123px; opacity:.5; filter:alpha(opacity=50)} .insetend3{position:absolute; z-index: 5; top: 15px; margin-left: 193px; opacity:.5; filter:alpha(opacity=50)} .insetend4{position:absolute; z-index: 5; top: 15px; margin-left: 263px; opacity:.5; filter:alpha(opacity=50)} .insetend5{position:absolute; z-index: 5; top: 15px; margin-left: 333px; opacity:.5; filter:alpha(opacity=50)} .insetend6{position:absolute; z-index: 5; top: 15px; margin-left: 403px; opacity:.5; filter:alpha(opacity=50)} .insetend7{position:absolute; z-index: 5; top: 15px; margin-left: 473px; opacity:.5; filter:alpha(opacity=50)} .insetend8{position:absolute; z-index: 5; top: 15px; margin-left: 543px; opacity:.5; filter:alpha(opacity=50)} .definition1{position:absolute; z-index: 5; top: -65px; font-family: "ArimoRegular", Arial, sans-serif; font-size: 11px; margin-left: 11px; text-align: center; color: #a18590; opacity: .8; filter:alpha(opacity=80)} .definition2{position:absolute; z-index: 5; top: -65px; font-family: "ArimoRegular", Arial, sans-serif; font-size: 11px; margin-left: 24px; text-align: center; color: #a39151; opacity: .8; filter:alpha(opacity=80)} .definition3{position:absolute; z-index: 5; top: -65px; font-family: "ArimoRegular", Arial, sans-serif; font-size: 11px; margin-left: 16px; text-align: center; color: #81b3c5; opacity: .8; filter:alpha(opacity=80)} .definition4{position:absolute; z-index: 5; top: -65px; font-family: "ArimoRegular", Arial, sans-serif; font-size: 11px; margin-left: -3px; text-align: center; color: #385b5a; opacity: .8; filter:alpha(opacity=80)} .definition5{position:absolute; z-index: 5; top: -65px; font-family: "ArimoRegular", Arial, sans-serif; font-size: 11px; margin-left: 7px; text-align: center; color: #819092; opacity: .8; filter:alpha(opacity=80)} .definition6{position:absolute; z-index: 5; top: -65px; font-family: "ArimoRegular", Arial, sans-serif; font-size: 11px; margin-left: 7px; text-align: center; color: #a5a784; opacity: .8; filter:alpha(opacity=80)} .definition7{position:absolute; z-index: 5; top: -65px; font-family: "ArimoRegular", Arial, sans-serif; font-size: 11px; margin-left: 6px; text-align: center; color: #858d50; opacity: .8; filter:alpha(opacity=80)} .definition8{position:absolute; z-index: 5; top: -65px; font-family: "ArimoRegular", Arial, sans-serif; font-size: 11px; margin-left: 8px; text-align: center; color: #9f8e8e; opacity: .8; filter:alpha(opacity=80)} /* text font and color for bottom captions. This first part about ".caption" seems necessary for the next #current-caption, which provides the proper css*/ /*this is for first caption*/ .caption { display: none; } #current-caption { position: absolute; width: 630px; /* up and down*/ margin: 10px auto; font-family: "ArimoRegular", Arial, sans-serif; color: #d6d9d9; text-align: justify; padding-left:85px; font-size: 16px; z-index: 16; } /*this is for second caption*/ /*this is for image in third caption*/ .caption3 { display: none;} #current-caption3 { position: absolute; width: 700px; margin: 10px auto; padding-left:50px; z-index: 3; } .caption4 { display: none;} #current-caption4 { position: absolute; width: 700px; margin: 10px auto; padding-left:50px; z-index: 2; } .caption5 { display: none;} #current-caption5 { position: absolute; width: 700px; margin: 10px auto; padding-left:50px; z-index: 4; } .caption6 { display: none;} #current-caption6 { position: absolute; width: 700px; margin: -350px auto; padding-left:50px; z-index: -1; } .caption7 { display: none;} #current-caption7 { position: absolute; width: 700px; margin: -340px auto; padding-left:50px; z-index: -2; } .caption2 { display: none; font-size: 12px; } #current-caption2 { position: absolute; width: 640px; /* up and down*/ margin: 10px auto; text-align: justify; padding-left:80px; font-size: 18px; z-index: 1; } #text-wrapper {position: relative;} #slider, .inner { width: 600px; /* adjust width & height as desired */ height: 350px; list-style: none; font-family: "ArimoRegular", Arial, sans-serif; } .jiggle { position: relative; color: #FFF; font-size: 18px; font-style: normal; font-family: "Times New Roman", Times, serif; z-index: 28; } .jiggle2 { position: absolute; width: 530px; /* up and down*/ font-family: "Times New Roman", Times, serif; padding-left:35px; font-size: 18px; z-index: 28; }