body{ font-family: "Alef Hebrew", “Helvetica Neue”, Helvetica, Arial, sans-serif; } .jumbotron {box-shadow: 0 0 20px; } .jumbotron h1 {font-weight:bold;} .system-msg {display:none;} .marker-yellow {background:url(https://cdn.trafficlab.co/img/marker-yellow.png) no-repeat center center; background-size: 100% 100%; } .marker-green {background:url(https://cdn.trafficlab.co/img/marker-green.png) no-repeat center center; background-size: 100% 100%; } .marker-red {background:url(https://cdn.trafficlab.co/img/marker-red.png) no-repeat center center; background-size: 100% 100%; } .marker-hotpink {background:url(https://cdn.trafficlab.co/img/marker-hotpink.png) no-repeat center center; background-size: 100% 100%; } .marker-grey {background:url(https://cdn.trafficlab.co/img/marker-grey.png) no-repeat center center; background-size: 100% 100%; } .marker-white {background:url(https://cdn.trafficlab.co/img/marker-white.png) no-repeat center center; background-size: 100% 100%; } .marker-lightblue {background:url(https://cdn.trafficlab.co/img/marker-lightblue.png) no-repeat center center; background-size: 100% 100%; } /* WTF IS THIS FOR?? form {opacity:0.7; } form:hover {opacity:1; } */ h1, h2, h3, h4, h5, p, blockquote, span {text-align:right; direction:rtl;} .page-header {text-align:right;} .up_logo {font-size:58px; font-weight:bold; text-shadow:0 9px 8px #999; position:absolute; top:-20px; right:30px; text-shadow: 0 1px 0 #ccc, 0 2px 0 #c9c9c9, 0 3px 0 #bbb, 0 4px 0 #b9b9b9, 0 5px 0 #aaa, 0 6px 1px rgba(0,0,0,.1), 0 0 5px rgba(0,0,0,.1), 0 1px 3px rgba(0,0,0,.3), 0 3px 5px rgba(0,0,0,.2), 0 5px 10px rgba(0,0,0,.25), 0 10px 10px rgba(0,0,0,.2), 0 20px 20px rgba(0,0,0,.15);} } /* ** TEMP ** */ .myled {color:lime ;font-size:60px; text-shadow: 0 0 10px #fff, 0 0 20px #fff, 0 0 30px #fff, 0 0 40px lime, 0 0 70px lime, 0 0 80px lime, 0 0 100px lime, 0 0 150px lime;} .floating{ /* Animate the logo */ float: left; -webkit-animation-name: Floatingx; -webkit-animation-duration: 3s; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: ease-in-out; -moz-animation-name: Floating; -moz-animation-duration: 3s; -moz-animation-iteration-count: infinite; -moz-animation-timing-function: ease-in-out; margin-left: 30px; margin-top: 5px; } @-webkit-keyframes Floatingx{ from {-webkit-transform:translate(0, 0px);} 65% {-webkit-transform:translate(0, 3px); text-shadow:0 6px 8px #999;} to {-webkit-transform: translate(0, -0px); } } @-moz-keyframes Floating{ from {-moz-transform:translate(0, 0px);} 65% {-moz-transform:translate(0, 3px); text-shadow:0 12px 8px #999} to {-moz-transform: translate(0, -0px);} } @media (min-width: 768px) { .btn-cta {font-size:14px; font-weight:bold; text-shadow:0px 1px 1px black} .feed-alert {opacity:0.8;} .feed-alert:hover {opacity:1;} .the_feed_logo {background:white; padding:0px 10px 3px 10px; opacity:0.9 !important; font-size:24px !important; box-shadow:0px 1px 1px #666; color:#FF3399 !important; letter-spacing:0px !important} .modal-backdrop {background: #f7f7f7;} #lessons-nav .active {opacity:0.8; margin:2px; padding:5px;} #lessons-nav li a {padding:10px 5px;} /* FLUID VIDEO */ .flex-video { position: relative; padding-top: 25px; padding-top: 0px; padding-bottom: 67.5%; height: 0; margin-bottom: 16px; overflow: hidden; } .flex-video.widescreen { padding-bottom: 56.3% !important; } /* Adam changed from 57.25% to allow controls to fade out */ .flex-video.widescreen { padding-bottom: 56.00% !important; } /* TEST */ .flex-video.vimeo { padding-top: 0; } .flex-video iframe, .flex-video object, .flex-video embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border:0px; } @media only screen and (max-device-width: 800px), only screen and (device-width: 1024px) and (device-height: 600px), only screen and (width: 1280px) and (orientation: landscape), only screen and (device-width: 800px), only screen and (max-width: 767px) { .flex-video { padding-top: 0; } } .widescreen {border:1px solid #fff; border-bottom: 5px solid #fff; border-top: 5px solid #fff; border-radius:3px; box-shadow: 0 0px 42px;} #comment {background:url(https://cdn.trafficlab.co/img/trans_75.png) transparent; border-radius:12px; max-width:90%; d-isplay:none;} /*DISABLE COMMENTS*/ @-webkit-keyframes spin { 0% {-webkit-transform: rotate(0deg)} 100% {-webkit-transform: rotate(360deg)} } .vidloader_logo { -webkit-animation: spin 3s infinite linear; } .ebook-panels {padding:20px; direction:rtl; text-align:right;} .ebook-panels h1 { font-size: 72px; line-height: 1; font-weight:bold; text-align:center; } .ebook-panels textarea {min-height:280px; font-family:arial; padding:10px; white-space:pre-line;} .ebook-panels pre {white-space:pre-line; font-size:15px; color:black; font-family:arial; } .ebook-panels input {color:black !important; font-family:arial;} .ebook-panels .prestory {white-space:pre-line;} .ebook-panels .theStory {white-space:pre-line;} .ebook-panels ul li ul {padding:0 20px;} .ebook-panels ul li ol {padding:0 20px;} .ebook-panels .checklist {border:0px solid #ccc; padding:20px; background:#FFFFCC; font-size:16px;} .ebook-panels .checklist li {list-style:hebrew inside; margin-bottom:10px; font-weight:bold;} .ebook-panels .marker1 {background:#FFFF99;} .ebook-panels .box p {font-size:18px; line-height:28px; margin-bottom:25px;} .ebook-panels .box li {font-size:18px; line-height:28px; margin:10px 20px 20px 25px;} .ebook-panels p, h3, h4 {font-family:arial !important; color:#333 !important;} .ebook-panels p {font-size:18px;} .ebook-panels h3 {font-size:24px; font-weight:bold; cursor:pointer;} .ebook-panels h4 {font-size:20px; font-weight:bold;} .ebook-panels p, h1, h3 {font-family:arial !important; color:black;} .alert {direction:rtl;} #lesson_content_dynamic .badge {font-size:42px !important; font-family:Alef !important; font-weight:bold; color:white !important; padding:10px; -webkit-animation: spin 3s infinite linear;} .colorful {background-size:cover !important; background-position: center center !important; color:white !important; text-shadow: 0px 2px 2px black; font-weight:bold;} #the_feed_upcoming ul {padding:0 20px;} .roinum {direction:ltr;} #changesSaved {position:fixed; top:0px; left:0px; margin:0 0 0 0px; width:100%; z-index:1999; text-align:center; } @media (max-width: 980px) { /* Enable use of floated navbar text */ #changesSaved { top:0px;} } /* .grid-sizer { width: 11120%; } /* Masonry Jquery plugin */ body.modal-open .wrap_body_for_blur_modal { -webkit-filter: blur(7px); /* USING JQUERY FOR NOW TO PREVENT BLINKING... */ -moz-filter: blur(15px); -o-filter: blur(15px); -ms-filter: blur(15px); filter: blur(15px); } #lesson_content_dynamic .tab-content {direction:rtl;} #lesson_content_dynamic .tab-content ul li {text-align:right;} h1,h2,h3,h4,h5 {font-family:Alef !important; font-family: "Alef Hebrew", “Helvetica Neue”, Helvetica, Arial, sans-serif !important; font-weight:bold; color:#666}