diff --git a/about.html b/about.html
index 7338bef..7748ce5 100644
--- a/about.html
+++ b/about.html
@@ -50,7 +50,7 @@
-
@@ -62,6 +62,8 @@
Preliminary models of portions of the fruit fly's various sensory @@ -105,22 +107,23 @@
The models implemented using Neurokernel are not intended to be final; rather, we anticipate that they will eventually be replaced with models that either account for a greater portion of the fly brain or more accurately address the fly brain's biology. If you have developed a new or updated model of part of the fly brain using Neurokernel, describe it in a Request for Comments (RFC) document.
+ diff --git a/css/custom.css b/css/custom.css index f77bf50..447e2bf 100644 --- a/css/custom.css +++ b/css/custom.css @@ -35,7 +35,7 @@ body { -------------------------------------------------- */ /* Carousel base class */ -.carousel { +.carousel.index-page { height: 500px; margin-bottom: 60px; } @@ -45,10 +45,11 @@ body { } /* Declare heights because of positioning of img element */ -.carousel .item { +.carousel .item.index-page { height: 500px; background-color: #72C8FF; } + .carousel-inner > .item > img { position: absolute; top: 0; @@ -56,8 +57,124 @@ body { min-width: 100%; height: 500px; } +/* +.carousel-inner > .item.news { + top: 0; + left: 0; + height: 450px; + width: 100%; + border: 0px; + border-style: solid; + border-color: #0000ff; + +} +*/ +.carousel-inner > .item.news > iframe, +.carousel-inner > .item.news > img{ + position: relative; + center: auto; + min-width: 100%; + width: auto; +} +.carousel-inner > .item.news > img { + height: auto; +} +.carousel-inner > .item.news > iframe { + height: 300px; +} +.carousel-control.left.news, .carousel-control.right.news { + background-image: none +} + +.carousel-control.news { + position: absolute; + top: 25.5px; + bottom: 0; + left: 0; + background: #000000; + font-size: 5px; + background: none !important; + color: #000 !important; + text-align: center; +} + +.carousel-control.news i { + font-size: 20px; +} + +.carousel-control.left.news { + left: 0; +} +.carousel-control.right.news { + right: 0; +} + +.carousel-control.news:hover, +.carousel-control.news:focus { + color: #000; +} + +.carousel-control.news .glyphicon-chevron-left, +.carousel-control.news .glyphicon-chevron-right { + position: absolute; + z-index: 5; + display: inline-block; +} + +.carousel-control.news .glyphicon-chevron-left { + left: 0; +} +.carousel-control.news .glyphicon-chevron-right { + right: 0; +} +.carousel-indicators.news { + position: relative; + bottom: 0; + right: 0px; + z-index: 15; + width: 60%; + top: -5px; + text-align: center; + list-style: none; +} + + +.carousel-indicators.news li { + display: inline-block; + zoom: 1; + width: 10px; + height: 10px; + margin: 0 2px; + background: transparent; + -webkit-border-radius: 50%; + -moz-border-radius: 50%; + border-radius: 50%; + border: 3px solid transparent; + -webkit-box-shadow: rgba(0,0,0,0.5) 0 0 2px; + -moz-box-shadow: rgba(0,0,0,0.5) 0 0 2px; + box-shadow: rgba(0,0,0,0.5) 0 0 2px; + cursor: pointer; +} + +.carousel-indicators.news .active { + width: 10px; + height: 10px; + margin: 0; + background-color: #000000; +} +/* Video Mask for Youtube in Carousel +-------------------------------------------------- */ +.video_mask{ + position:absolute; + top:0; + left:0; + width:100%; + height:300px; + z-index:25; + opacity:0; +} /* MARKETING CONTENT -------------------------------------------------- */ @@ -142,17 +259,17 @@ body { #footer > p:first-child { float: left; text-align: right; - width: 45.0%; } + width: 40.0%; } #footer > p:nth-child(2) { float: left; text-align: center; - width: 10.0%; } + width: 30.0%; } #footer > p:last-child { float: right; text-align: left; - width: 45.0%; } + width: 30.0%; } #fork > img { @@ -163,10 +280,10 @@ body { opacity: 1.0; } -#github > img { +.github > img { opacity: 0.8; } -#github > img:hover { +.github > img:hover { opacity: 1.0; } @@ -363,7 +480,7 @@ h4 { @media (min-width: 768px) { - a#github { display:none; } + a#git { display:none; } /* Remove the edge padding needed for mobile */ .marketing { padding-left: 0; diff --git a/docs.html b/docs.html index c6bf0c0..13d2a0c 100644 --- a/docs.html +++ b/docs.html @@ -50,7 +50,7 @@ -
@@ -62,6 +62,8 @@