/* RESET | v2.0 | 20110126 */ html, body, div, span, 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, i, 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, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } /* HTML5 display-role reset for older browsers */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } body { line-height: 1.2; } 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; } /* BASIC */ img, a img, a, a:active, a:focus, a:hover { outline: 0; outline-style:none; outline-width:0;} strong { font-weight: bold;} a, a:active, a:focus { text-decoration: none;} a img { border:none;} /* Gets rid of IE's blue borders */ ::selection { background: rgb(189,110,189); color: #fff; } ::-moz-selection { background: rgb(189,110,189); color: #fff; } a[href], input[type='submit'], input[type='image'], label[for], select, button, .pointer, .point { cursor: pointer; /* Give clickable Elements a Pointer Cursor */ } a:active { position: relative; top: 1px; } a, a:link, a:visited { color: #8bba13; } a:hover { text-decoration: underline; } .blink { opacity: 1; } .blink:hover { opacity: .9;} .right { float: right;} .left { float: left;} .center { margin: 0 auto;} .grey{ color: #cccccc;} .blue{color: #50cae5;} .content ul.faux, .content ul.faux li, .content ul.children li { background-image: none; list-style-type: none !important; list-style-image: none; padding-left: 0; } /*STRUCTURE*/ #wrap { width: 940px; margin: 0 auto; padding-bottom: 100px; } .wrapper { width: 940px; margin: 0 auto; padding-top: 20px; } #footer { width: 100%; background: transparent url('/images/susan-foo.png') center bottom no-repeat; background-color: #f7f7f7; } /* STICKY FOOTER */ html, body, #wrap { height: 100%; } body > #wrap {height: auto; min-height: 100%;} #sticky { padding-bottom: 270px; } #footer { position: relative; overflow: hidden; margin-top: -270px; /* negative value of footer height */ min-height: 270px; clear:both;} /* TYPO BASE */ body { color: #666666; font-size: 12px; font-family: "Trebuchet MS", "Trebuchet", sans-serif; } h1,h2,h3 { font-family: 'Ubuntu', "Trebuchet MS", "Trebuchet", sans-serif; font-weight: normal; } h1 { font-size: 26px;} h2 { font-size: 20px;} h3 { font-size: 16px;} h4 { font-size: 12px;} /* HEADER */ #languages ul li { float: right; width: 24px; height: 25px; margin-bottom: 10px; } #languages ul li a { padding: 0 5px; line-height: 22px; color: #cccccc; text-decoration: none; } #languages ul li a:hover { color: #666666; } #languages ul li.active a { color: #666666;} #languages ul li.active { background: url('/images/bglang.png') center bottom no-repeat; } #logo { float:left; width: 264px; height: 51px; background: url('/images/logo.png'); text-indent: 100%; white-space: nowrap; overflow: hidden; margin-top: 0; margin-bottom: 0; } #header { margin-bottom: 35px; } /* PRIMARY NAVIGATION*/ nav ul li { display: inline-block; } nav a:hover { text-decoration: none; } #nav-blog { float: right; background: url('/images/blog.png') no-repeat 1px -49px; margin-left: 10px; width: 72px; height: 50px; } #nav-blog a { padding: 15px 0 0 2px; } #nav-blog a:hover, .blog #nav-blog a{ color: #fff; } #nav-blog:hover, .blog #nav-blog { background: url('/images/blog.png') no-repeat 1px 0; width: 72px; height: 50px; } .main-nav a { display: block; text-align: center; position: relative; z-index: 2; color: #808080; font-size: 13px; text-decoration: none; } .main-nav li a { padding: 16px 15px 16px; } .main-nav li { float: right; height: 44px; background:url('/images/button-grey.png') center 0; box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.1); } .main-nav li.incubator { background:url('/images/button-grey.png') left 0; } .main-nav li.investors { background:url('/images/button-grey.png') right 0; } .home .main-nav .incubator, .home .main-nav .incubator.current, .incubator-inn .main-nav .incubator { background-color: #84dcef; /*blue*/ background:url('/images/button-blue.png') 0 0; } .main-nav .incubator:hover { background:url('/images/button-blue.png') 0 45px; } .incubator{ border-right: 1px solid #ffffff; -webkit-border-top-left-radius: 20px; -webkit-border-bottom-left-radius: 20px; -moz-border-radius-topleft: 20px; -moz-border-radius-bottomleft: 20px; border-top-left-radius: 20px; border-bottom-left-radius: 20px; } .home .main-nav .startups, .home .main-nav .startups.current, .startups-inn .main-nav .startups { background-color: #f37fa6; /*pink*/ background:url('/images/button-pink.png') center 0; color: #ffffff; } .main-nav .startups:hover{ background:url('/images/button-pink.png') center 45px; } .startups{ border-right: 1px solid #ffffff; border-left: 1px solid #e5e5e5; } .investors { border-left: 1px solid #e5e5e5; -webkit-border-top-right-radius: 20px; -webkit-border-bottom-right-radius: 20px; -moz-border-radius-topright: 20px; -moz-border-radius-bottomright: 20px; border-top-right-radius: 20px; border-bottom-right-radius: 20px; } .home .main-nav .investors, .home .main-nav .investors.current, .investors-inn .main-nav .investors { background-color: #add036; /*green*/ background:url('/images/button-green.png') right 0; color: #ffffff; } .main-nav .investors:hover{ background:url('/images/button-green.png') right 45px; } .home .main-nav .incubator a, .incubator-inn .main-nav .incubator a, .main-nav .incubator:hover a, .home .main-nav .startups a, .startups-inn .main-nav .startups a, .main-nav .startups:hover a, .home .main-nav .investors a, .investors-inn .main-nav .investors a, .main-nav .investors:hover a { color: #ffffff; } /* SECONDARY NAVIGATION*/ nav.sec-nav-wrap { width: 100%; margin-bottom: 10px; border-bottom: 5px solid #f2f2f2; } nav.sec-nav-wrap li { float: left; background-color: #cccccc; border-bottom: 1px solid #f2f2f2; box-shadow: 3px 1px 1px -1px #dbdbdb inset; margin-right: 10px; padding: 3px 10px 0; -webkit-border-top-left-radius: 10px; -webkit-border-top-right-radius: 10px; -moz-border-radius-topleft: 10px; -moz-border-radius-topright: 10px; border-top-left-radius: 10px; border-top-right-radius: 10px; } nav.sec-nav-wrap li.current { background-color: #f2f2f2; color: #888888; box-shadow: 2px 3px 3px -2px #ffffff inset; border-bottom: none; border-top: 1px solid #e2e2e2; border-left: 1px solid #e2e2e2; border-right: 1px solid #e2e2e2; } nav.sec-nav-wrap li a { padding: 16px 15px 16px; line-height: 25px; color: #ffffff; } nav.sec-nav-wrap li:hover a{ color: #797d80; } nav.sec-nav-wrap li.current a{ color: #797d80; } /* SUB NAVIGATION */ nav.sub-nav-wrap { width: 140px; margin-top: 30px; float: right; padding-left: 50px; padding-bottom: 80px; background:url('/images/susan-nav.png') bottom left no-repeat; } nav.sub-nav-wrap ul { background: #f2f2f2; padding: 0 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; } nav.sub-nav-wrap ul li:last-child { border-bottom: 1px solid #f2f2f2; } nav.sub-nav-wrap li { display: block; margin: 0 auto; padding: 10px 20px; border-bottom: 1px solid #dedede; } nav.sub-nav-wrap li a { color: #999999; } nav.sub-nav-wrap li.current a, nav.sub-nav-wrap li a:hover { color: #50cae5; } /* Dashboard and Filter Navigation */ nav.console { margin-bottom: 15px; } .full-width nav.console ul li, .content nav.console ul li { padding: 5px 10px; margin-right: 3px; background-color: #f2f2f2; cursor: pointer; background-image: none; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; } .full-width nav.console li.current, .full-width nav.console li:hover, .content nav.console li.current, .content nav.console li:hover{ background-color: #cdedf3; transition: background-color 0.5s; -moz-transition: background-color 0.5s; /* Firefox 4 */ -webkit-transition: background-color 0.5s; /* Safari and Chrome */ -o-transition: background-color 0.5s; /* Opera */ } .full-width nav.console li a, .content nav.console li a{ color: #999999; } .full-width nav.console li.current a, .full-width nav.console li:hover a, .content nav.console li.current a, .content nav.console li:hover a { color: #666666; } .incubator-inn .content nav.console li a{ font-weight: 13px; } /* CRUMBS*/ #crumbs { width: 100%; } #crumbs li { float:left; padding-left:7px; color:#ccc; font-size: 10px; } #crumbs li:first-child{ padding-left:0; } #crumbs li a { display:block; padding:0 10px 0 0; background:url(/images/crumb.png) no-repeat right center; } #crumbs li:last-child a{ background-image: none; } #crumbs li a:link, #crumbs li a:visited { text-decoration:none; color:#ccc; } #crumbs li a:hover, #crumbs li a:focus { color: #50CAE5; } /* PAGE */ h1 { font-size: 26px; margin-bottom: 40px; text-align: left; } .full-width h1 a{ color: #666666; text-decoration: none; } h2, h2 a { color: #50cae5; } .page h2 { margin-top: 30px; } .stage { padding: 0 0 50px; position: relative; clear: both; } .content { width: 700px; float: left; } .content.blog-inn{ width: 640px; } .content.full-width{ width: 940px; } .content section:first-child{ margin-top: 30px; } .content section { padding-bottom: 50px; margin-bottom: 50px; } .content section.last, .content section:last-child { border-bottom: none; margin-bottom: 0; padding-bottom: 0; } .content p { margin: 5px 0; } .content p, .content li { font-size: 13px; } .content section h2, .content h2, .widecontent h2{ margin-bottom: 20px; } .content h3 { margin-top: 20px; } .content h4 { margin-top: 15px; font-style: italic; color: #999999; } .content ul{ list-style-image: none; list-style-position:inside; } .content ul li{ margin: 5px 0; padding-left: 10px; background: url('/images/list-bg.png') left top no-repeat; } .content p{ max-width: 600px; } .content.blog-inn p{ max-width: 640px; } .content img.right{ margin-left: 20px; } .content img.left{ margin-right: 20px; } /* Gallery */ .gallery { margin: 30px 0; } .gallery ul li{ list-style-image: none; padding-left: 0; background-image: none; min-height: 200px; display: -moz-inline-stack; display: inline-block; vertical-align: top; zoom: 1; *display: inline; _height: 200px; } .gallery ul.socicons li{ height: 25px; min-height: 25px; } .gallery ul img{ border-radius: 5px; moz-border-radius: 5px; webkit-border-radius: 5px; } .gallery ul li span{ padding-right: 5px; } .gallery ul.three img{ max-width: 200px; max-height: 200px; } .gallery a:hover img{ opacity: 0.9; } .gallery .name{ display: block; font-weight: bold; } .gallery .position{ color: #b2b2b2; display: block; margin-top: 5px; } .gallery .name a{ color: #666666; } .gallery .name a:hover{ color: #50CAE5; text-decoration: none; } /* Gallery Board */ .gallery ul{ list-style-image: none; padding-left: 0; background-image: none; } .gallery ul li span { display: block; display: moz-inline-stack; } .gallery + p { margin-top: 70px; } .gallery p:first-of-type{ margin-top: 20px; } /* start update home-alt */ .gallery ul.three li, .gallery ul.four li { width: 220px; margin-right: 10px; } .home .gallery ul.four li{ margin-right: 16px; /*new*/ } .gallery ul.four li { margin-bottom: 15px; } header + .gallery { margin-top: 0; } .featured { width: 560px; overflow: hidden; } .materials { width: 280px; } ul.videos li{ display: block; background: url('/images/video.png') left 2px no-repeat; padding-bottom: 20px; padding-left: 35px; } ul.videos li, ul.videos a{ color: #666666; font-size: 13px; } ul.videos a:hover{ color: #999; } ul.videos li a:hover{ text-decoration: none; } ul.videos li .date{ margin-top: 5px; color: #999999; } .section { margin-bottom: 20px; } .full.hightlight { width: 880px; padding-left: 30px; padding-right: 30px; } section.full.hightlight{ padding-top: 10px; padding- bottom: 5px; } .full header h2{ margin-bottom: 10px; } .full .gallery { margin-right: -20px; } .line { width: 450px; } .line header{ border-bottom: 1px solid #ebebeb; margin-bottom: 15px; } .newsline .img-container{ height: 120px; width: 120px; overflow: hidden; } .newsline .img-container img{ height: 120px; width: 120px; } .newsline .thumb { width: 150px; } .line .container{ padding-bottom: 15px; min-height: 45px; } .line .container.right{ width: 300px; background: none; padding-left: 0; } .line .container{ padding-left: 70px; } .newsline .container { background: url(/images/bubble.png) left top no-repeat; } .pressline .container { background: url(/images/bubble.png) left top no-repeat; } .artline .container { background: url(/images/book.png) left top no-repeat; } .newsline ul.listing li{ border-bottom: 1px solid #ebebeb; } .line ul.listing li{ margin-bottom: 20px; overflow: hidden; } .home .line h2{ margin-bottom: 5px; } .line .title, .line .title a { color: #50c9e4; font-weight: normal; font-size: 14px; margin-bottom: 10px; } .line .title a:hover{ opacity: .95; } .line .date { color: #999999; margin-top: 15px; } /*end update home-alt*/ .gallery ul.three li{ width: 220px; margin-right: 10px; } .gallery ul.three li:nth-child(3n), .gallery ul.four li:nth-child(4n){ margin-right: 0; } .gallery ul.three img { border: 10px solid #f2f2f2; } .gallery ul.socicons li{ width: 25px; height:25px; margin-right: 2px; } /* Gallery Videos */ .gallery.boxed span{ margin-left: 10px; } .gallery.boxed span a{ color: #666666; } .gallery.boxed span a:hover{ text-decoration: none; } .gallery .time{ margin-bottom: 10px; margin-top: 5px; color: #b2b2b2; } .video-container{ max-width: 640px; max-height: 390px; margin: 10px 0; } /* Gallery Mentors*/ .gallery.mentors { margin-bottom: 20px; background: url('/images/back-susan.jpg') no-repeat center center; } .gallery.mentors img { border: 5px solid #f2f2f2; } .gallery.mentors ul li, .gallery.boxed ul li{ background-color: #f2f2f2; border-radius: 5px; moz-border-radius: 5px; webkit-border-radius: 5px; } .gallery.mentors ul.three li span{ margin-left: 10px; } .gallery.mentors ul.three li{ padding-bottom: 10px; } .gallery.mentors ul.four li{ width: 140px; margin-right: 20px; margin-top: 10px; border: 5px solid #f2f2f2; } .gallery.mentors ul li span{ margin-left: 5px; } .gallery.mentors ul.four .name { margin-top: 10px; } /* Gallery Team */ .gallery.team ul.three li{ margin-bottom: 30px; } .gallery.team ul li h3 { color: #50CAE5; } /* Profile */ .picture{ width: 220px; margin-right: 20px; float: left; } .picture img{ border: 10px solid #f2f2f2; background-color: #f2f2f2; border-radius: 5px; moz-border-radius: 5px; webkit-border-radius: 5px; } .picture .socicons{ margin: 5px 0 0 10px; } .bio { width: 380px; float: left; } .bio h2{ margin: 0; } .expertise{ float: left; margin-top: 15px; } ul.industries { list-style-image: none; background-image: none; float: left; } ul.industries li{ color: #ffffff; background: #37cfe9; margin: 3px 0; padding: 1px 3px; background-image: none; display: inline-block; display: moz-inline-stack; } ul.industries li:nth-child(1){ margin-left: 0; } ul.industries li:nth-child(2){ background-color: #f576a2; } ul.industries li:nth-child(3){ background-color: #f1b721; } ul.industries li:nth-child(4){ background-color: #a2d24c; } ul.industries li:nth-child(5){ background-color: #c177c5; } ul.industries li:nth-child(6){ background-color: #f9e02f; } ul.industries li:nth-child(7){ background-color: #ffb0cc; } ul.industries li:nth-child(8){ background-color: #c8e14c; } /* Press */ .content ul.releases li{ list-style-image: none; list-style-type: none; background-image: none; border-bottom: 1px solid #ebebeb; min-height: 50px; padding-left: 70px; padding-bottom: 40px; } .content ul.releases.bubble li{ background: url(/images/bubble.png) left top no-repeat; } .content ul.releases.book li{ background: url(/images/book.png) left top no-repeat; } .releases h3, .releases h3 a{ font-size: 16px; color: #666666; font-family: "Trebuchet MS", sans-serif; margin-bottom: 15px; } .releases h3 a:hover{ text-decoration: none; color: #808080; } /* Contact */ .map { width: 400px; height: 400px; margin-top: 30px; float: right; border: 5px solid #ebebeb; border-radius: 5px; moz-border-radius: 5px; webkit-border-radius: 5px; } form.contactus.standard input, form.contactus.standard textarea { width: 450px; } /* Blog Pages */ article h2{ margin-bottom: 15px; } .blog h2 a{ color: #50cae5; } .divline{ width: 100%; height: 6px; background-color: #f2f2f2; margin-bottom: 5px; } article{ margin-bottom: 50px; } .metadata{ font-size: 11px; color: #b2b2b2; margin: -10px 0 20px 0; } .entry { padding-bottom: 35px; margin-bottom: 15px; border-bottom: 1px solid #ebebeb; } .entry img { display:block; margin-top: 15px; margin-bottom: 40px; } .entry img.center{ margin-left:auto; margin-right: auto; } .readmore{ display: block; margin-top: 20px; } .sharing div { float: left; margin-right: 25px; } a .past, a .future{ color: #b2b2b2; } a:hover .past, a:hover .future{ color: #666666; } .past, .future{ height: 20px; width: 30px; background: url(/images/nav-blog.png) no-repeat; } .past span, .future span{ line-height: 20px; } .past{ float: left; background-position: 0 0; padding-left: 25px; } .past:hover{ background-position: 0 -20px; } .future{ float: right; background-position: right -40px; padding-right: 30px; } .future:hover{ background-position: right -60px; } aside.sidebar{ width: 290px; float: right; } .blog aside.sidebar{ width: 240px; } aside.sidebar h3{ margin: 30px 0 25px 0; } aside.sidebar ul{ padding-bottom: 25px; border-bottom: 1px solid #f0f0f0;} aside.sidebar li { font-size: 13px; line-height: 25px; } aside.sidebar li a{ color: #b2b2b2; } aside.sidebar li a:hover{ color: #666666; text-decoration: none; } .blog aside.sidebar li a:hover{ color: #50cae5; } aside.sidebar .categories { margin: 0 0 20px 0; } /* Comment Form */ .comment-form{ padding-bottom: 50px; } .comment-form h2{ margin-bottom: 20px; } .comment-form .logged-in{ margin: 0 0 10px 0; } .comment-form label { display: inline; font-size: 12px; color: #666666; font-weight: normal; } .comment-form ol { list-style-type: none; list-style-image: none; padding-left: 0; background-image: none; } .comment-form ol li{ margin-bottom: 10px;} .comment-form ol input{ width: 220px; margin-right: 20px; } .comment-form textarea{ min-width: 560px; min-height: 180px; } .comment-form input.button { width: 88px; } /* Comment List */ .comments { width: 640px; margin-top: 50px;} ol.commentlist { list-style:none; margin:0 0 1em; padding:0; text-indent:0; } ol.commentlist li { border-bottom: 1px solid #ebebeb; } ol.commentlist li.comment-author-admin {} ol.commentlist li.comment { border-bottom: 1px solid #ebebeb; padding:15px 0 0 15px; } ol.commentlist li.comment .visual { float: left; width: 60px; padding-right: 20px; } ol.commentlist li.comment .visual img.avatar { width: 60px; height: 60px; border: 2px solid #c6c6c6; background-color: #ffffff; padding: 6px; margin-top: 10px; } ol.commentlist li.comment .readable{ width: 500px; padding: 10px 15px 20px 0; } ol.commentlist li.comment .readable2{ float: right; width: 500px; padding: 10px 15px 20px 0; } ol.commentlist li.comment .userinfo { margin-bottom: 20px;} ol.commentlist li.comment .date {color: #b2b2b2;} ol.commentlist li.comment .author { color: #666666; margin-right: 10px; font-weight: bold; } ol.commentlist li.comment ul.children { list-style:none; display: block; clear:both;} ol.commentlist li.comment ul.children li { border-top: 1px dotted #ebebeb; } ol.commentlist li.comment ul.children li.comment {} ol.commentlist li.comment ul.children li.depth-2 { margin: 15px 0 0 100px;} ol.commentlist li.comment ul.children li.depth-2 .readable { width: 390px; } /*FORMS*/ form label { float: none; clear: both; display: block; width: auto; margin-top: 8px; text-align: left; font-weight: bold; position: relative; font-size: 14px; margin-bottom: 5px; } textarea { overflow: auto; } form ol li{ list-style-type: none !important; list-style-image: none; padding-left: 0; background-image: none; } input:focus, textarea:focus { -webkit-box-shadow: inset 0 1px 4px rgba(0,0,0,.05),0 1px 0 rgba(255,255,255,.075); -moz-box-shadow: inset 0 1px 4px rgba(0,0,0,.05),0 1px 0 rgba(255,255,255,.075); box-shadow: inset 0 1px 4px rgba(0,0,0,.05),0 1px 0 rgba(255,255,255,.075); -webkit-transition: .2s linear background; -moz-transition: .2s linear background; transition: .2s linear background; } input[type=text], input[type=url], input[type=tel], input[type=email], input[type=password], textarea { border:1px solid #dcdcdc; color: #999999; outline: none; padding: 5px; font-family: Tahoma, sans-serif; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } select, option { border: none; background-color: #f2f2f2; outline: none; font-family: Tahoma, sans-serif; } form select { margin-top: 10px; height: 30px; min-width: 330px; } form.howto select { min-width: 260px; height: 46px; } select{ color: #777777; } option{ color: #555555; } form select:first-child{ font-style: italic; } input[file]{ border: none; } .bu { display: inline-block; position: relative; padding: 7px 15px; -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px; -webkit-box-align: center; text-align: center; background: rgb(237,246,249); /* Old browsers */ background: -moz-linear-gradient(top, rgba(237,246,249,1) 0%, rgba(205,229,238,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(237,246,249,1)), color-stop(100%,rgba(205,229,238,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(237,246,249,1) 0%,rgba(205,229,238,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(237,246,249,1) 0%,rgba(205,229,238,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(237,246,249,1) 0%,rgba(205,229,238,1) 100%); /* IE10+ */ background: linear-gradient(top, rgba(237,246,249,1) 0%,rgba(205,229,238,1) 100%); /* W3C */ -webkit-box-shadow: inset 0 1px 1px white, 0 1px 3px rgba(0, 0, 0, 0.1); -moz-box-shadow: inset 0 1px 1px white, 0 1px 3px rgba(0, 0, 0, 0.1); box-shadow: inset 0 1px 1px white, 0 3px 1px rgba(0, 0, 0, 0.1); border: 1px solid #b6cbd1 !important; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.1); color: #666666; } .bu:hover{ -webkit-box-shadow: inset 0 2px 5px white, 0 1px 3px rgba(0, 0, 0, 0.1); -moz-box-shadow: inset 0 2px 5px white, 0 1px 3px rgba(0, 0, 0, 0.1); box-shadow: inset 0 2px 5px white, 0 3px 1px rgba(0, 0, 0, 0.1); background: rgb(205,229,238); /* Old browsers */ background: -moz-linear-gradient(top, rgba(205,229,238,1) 0%, rgba(237,246,249,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(205,229,238,1)), color-stop(100%,rgba(237,246,249,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(205,229,238,1) 0%,rgba(237,246,249,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(205,229,238,1) 0%,rgba(237,246,249,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(205,229,238,1) 0%,rgba(237,246,249,1) 100%); /* IE10+ */ background: linear-gradient(top, rgba(205,229,238,1) 0%,rgba(237,246,249,1) 100%); /* W3C */ } .attach-changeling{ margin: 30px 0 0; position: relative; padding-left: 20px; width: 100px; height: 30px; cursor: pointer; } .attach-real{ position: absolute; box-sizing: border-box; padding: 3px 0 0 25px; font-size: 12px; background: url(/images/attach.png) left bottom no-repeat; left:0; top: 0; width: 150px; height: 20px; opacity: 1; z-index: 50; cursor: pointer; } .attach-real.long { width: 250px; } .attach-faux{ position: absolute; width: 150px; height: 20px; left:0; top: 0; opacity: 0; z-index: 100; } input#textfile:hover, input#textfile:focus { cursor: pointer; } .file-holder{ display: block; min-width: 200px; margin-left: 130px; padding-top: 3px; } .attachments li a, .attachments li span{ float: left; } .close{ display: block; background: url(/images/close.png) right bottom no-repeat; width: 20px; height: 18px; } /* Form Focus */ form.shade input, form.shade input:focus, form.shade textarea, input.shade:hover, input.shade:focus, form input.fill:hover, form input.fill:focus { -webkit-box-shadow: 0 0 5px rgba(0,0,0,0.3); -moz-box-shadow: 0 0 5px rgba(0,0,0,0.3); box-shadow: 0 0 5px rgba(0,0,0,0.3); -moz-transition: all 0.1s ease-out; -o-transition: all 0.1s ease-out; -webkit-transition: all 0.1s ease-out; -ms-transition: all 0.1s ease-out; } /* Standard Forms */ form.standard input{ width: 300px; } form.standard.full-width input{ width: 100%; } .content section form.standard.full-width input, .content section form.standard.full-width textarea{ width: 680px; } form.standard.full-width textarea{ width: 100%; } form.standard .full-width{ width: 550px; max-width: 550px; } form.standard .half{ width: 270px; margin-right: 20px; } form.standard .half input{ width: 240px; } form.howto .half select{ width: 240px; } form.standard input[type=submit]{ width: auto; margin-top: 30px; height: 30px; line-height: 15px; } form.standard textarea{ width: 290px; max-width: 500px; } form.standard.full-width textarea{ max-width: 100%; } form.standard input{ height: 22px; line-height: 20px; margin-bottom: 10px; } form.standard select{ margin-top: 0; margin-bottom: 10px; } form.standard textarea{ height: 150px; } form.standard .join{ margin-left: 20px; } form.standard input[type=text], form.standard input[type=url], form.standard input[type=email], form.standard input[type=tel], form.standard input[type=password], form.standard textarea, .comment-form input, textarea { border: 5px solid #ebebeb; } form.standard p{ margin-bottom: 20px; } /* Dashboard */ .full-width{ position: relative; } .remark { background-color: #f2f2f2; padding: 5px 7px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .remark.logged{ padding: 5px 15px 5px 15px; position: absolute; right: 0; top: 0; } .remark.update{ padding: 4px 15px 4px 15px; position: absolute; left: 240px; top: 5px; } .remark.to-blog{ padding: 4px 15px 4px 15px; position: absolute; left: 480px; top: 5px; } .dashboard .remark.to-blog{ left: 375px; } .remark a { display: block; padding-top: 3px; } .remark a:hover{ text-decoration: none; } .submitted-projects { padding-top: 20px; width: 460px; border-top: 1px solid #e6e6e6; } .submitted-projects ul { margin: 15px 0; } /* Console Subnav */ .console-subnav { background-color: #f2f2f2; margin-bottom: 15px; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; } .console-subnav .left { width: 15%; padding-top: 12px; /*pair*/ text-align: center; } .console-subnav .left span{ font-weight: bold; } .console-subnav .right { width: 85%; } .console-subnav ul { padding: 12px 0 0 20px; /*pair*/ overflow: hidden; } .console-subnav li { float:left; } .mentors-list ul { padding-bottom: 12px; /*pair*/ } .mentors-list li{ padding: 1px 5px 1px 5px; } .mentors-list li.current a, .mentors-list a:hover{ color: #666666; text-decoration: none; } .project-status li { border-left:1px solid #e8e8e8; border-right: 1px solid #cccccc; padding: 1px 25px 1px 25px; } .project-status li a{ color: #666666; } .project-status li.current a, .project-status li a:hover{ color: #8BBA13; text-decoration: none; } .project-status li:first-child{ border-left: none; } .project-status li:last-child{ border-right: none; } /* Evaluated */ ul.points-by-mentor li{ float:left; padding: 5px 0; margin-right: 7px; background-color: #f2f2f2; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } ul.points-by-mentor li span{ padding-left: 5px; padding-right: 5px; } .evaluated{ margin-bottom: 20px; } /* Steps */ .not-found{ margin: 0 auto; width: 250px; } .planb { width: 360px; margin: 40px auto; text-align: center; } .planb .register .buttlink { margin-top: 15px; } .planb .login .buttlink { margin: 15px; } .message p, .planb p { margin-bottom: 6px; } .message-wrapper { /* susan's place */ padding: 70px 70px 0 50px; margin: 0 auto; min-height: 210px; background:url('/images/susan-message.png') top center no-repeat; } .message { background: #fff; width: 360px; margin: 0 auto; border: 1px solid #cfcfcf; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding-bottom: 15px; -moz-box-shadow: 0 0 2px 1px #e2e2e2; -webkit-box-shadow: 0 0 2px 1px #e2e2e2; box-shadow: 0 0 2px 1px #e2e2e2; } .message header { line-height: 45px; border-top: 1px solid #ededed; border-bottom: 1px solid #bfc3c5; text-align: center; font-size: 16px; font-weight: bold; color: #666666; margin-bottom: 10px; background: rgb(229,229,229); /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U1ZTVlNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, rgba(229,229,229,1) 0%, rgba(255,255,255,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(229,229,229,1)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(229,229,229,1) 0%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(229,229,229,1) 0%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(229,229,229,1) 0%,rgba(255,255,255,1) 100%); /* IE10+ */ background: linear-gradient(top, rgba(229,229,229,1) 0%,rgba(255,255,255,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5e5e5', endColorstr='#ffffff',GradientType=0 ); /* IE6-8 */ } .message label { position: absolute; top: -9999px; left: -9999px; } .message ol { margin: 0 auto; padding: 0; width: 310px; } .message ol li { margin: 0; padding: 0; } .message ol li.fill input { width: 300px !important; } .message ol li.fill input.short { width: 38px; } .message ol li.row { width: 100%; margin: 10px 0; } .message ol li.recaptcha-wrapper{ margin-top: 20px; } .fill input, .fill textarea { padding: 7px 5px; /* cross-browser height */ -moz-box-shadow: inset 0 0 15px #ededed; -webkit-box-shadow: inset 0 0 15px #ededed; box-shadow: inset 0 0 15px #ededed; } .message form select{ margin-top: 0; height: 30px; min-width: 312px; width: 312px; } .message .success { padding-left: 35px; width: 250px; margin: 30px auto; background:url('/images/check.png') top left no-repeat; } .message .success a { display: block; padding-top: 10px; } .message .button, .tac .button { float: right; color: #666666; padding: 7px 12px; border: 1px solid #b6cbd1; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; background: rgb(242,248,251); /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YyZjhmYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjYxJSIgc3RvcC1jb2xvcj0iI2UxZjBmNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkOWVkZjIiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjY2RlNWVlIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==); IE 6-8 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f8fb', endColorstr='#cde5ee',GradientType=0 ); */ background: -moz-linear-gradient(top, rgba(242,248,251,1) 0%, rgba(225,240,245,1) 61%, rgba(217,237,242,1) 100%, rgba(205,229,238,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(242,248,251,1)), color-stop(61%,rgba(225,240,245,1)), color-stop(100%,rgba(217,237,242,1)), color-stop(100%,rgba(205,229,238,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(242,248,251,1) 0%,rgba(225,240,245,1) 61%,rgba(217,237,242,1) 100%,rgba(205,229,238,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(242,248,251,1) 0%,rgba(225,240,245,1) 61%,rgba(217,237,242,1) 100%,rgba(205,229,238,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(242,248,251,1) 0%,rgba(225,240,245,1) 61%,rgba(217,237,242,1) 100%,rgba(205,229,238,1) 100%); /* IE10+ */ background: linear-gradient(top, rgba(242,248,251,1) 0%,rgba(225,240,245,1) 61%,rgba(217,237,242,1) 100%,rgba(205,229,238,1) 100%); /* W3C */ } .tac .button{ margin-top: 20px; } .message .button { margin-top: 10px; margin-right: -7px; } .message .button:hover, .tac .button:hover { background: rgb(205,229,238); /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2NkZTVlZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjZDllZGYyIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMzklIiBzdG9wLWNvbG9yPSIjZTFmMGY1IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2YyZjhmYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=); IE 6-8 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cde5ee', endColorstr='#f2f8fb',GradientType=0 ); */ background: -moz-linear-gradient(top, rgba(205,229,238,1) 0%, rgba(217,237,242,1) 0%, rgba(225,240,245,1) 39%, rgba(242,248,251,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(205,229,238,1)), color-stop(0%,rgba(217,237,242,1)), color-stop(39%,rgba(225,240,245,1)), color-stop(100%,rgba(242,248,251,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(205,229,238,1) 0%,rgba(217,237,242,1) 0%,rgba(225,240,245,1) 39%,rgba(242,248,251,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(205,229,238,1) 0%,rgba(217,237,242,1) 0%,rgba(225,240,245,1) 39%,rgba(242,248,251,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(205,229,238,1) 0%,rgba(217,237,242,1) 0%,rgba(225,240,245,1) 39%,rgba(242,248,251,1) 100%); /* IE10+ */ background: linear-gradient(top, rgba(205,229,238,1) 0%,rgba(217,237,242,1) 0%,rgba(225,240,245,1) 39%,rgba(242,248,251,1) 100%); /* W3C */ } /* TABLES */ .dashboard table, .cabinet table, .administration table { width: 100%; } .dashboard th, .cabinet th, .administration th { background-color: #e4e4e4; font-weight: bold; padding: 15px 50px; border-bottom: 2px solid #ffffff; } .dashboard th:first-child, .cabinet th:first-child, .administration th:first-child { text-align: left; } .dashboard td, .cabinet td, .administration td { padding: 20px 50px; } /* .dashboard td:last-child, .cabinet td:last-child { padding-right: 15px; min-width: 100px; } */ .dashboard td a.screen-link, .cabinet td a.screen-link, .administration td a.screen-link { color: #666666; } .dashboard td a.screen-link:hover, .cabinet td a.screen-link:hover, .administration td a.screen-link:hover{ color: #50CAE5; text-decoration: none; } .dashboard td:last-child input[type="checkbox"], .cabinet td:last-child input[type="checkbox"], .administration td:last-child input[type="checkbox"] { margin-left: -30px; } .dashboard tr:nth-child(2n), .cabinet tr:nth-child(2n), .administration tr:nth-child(2n) { background-color: #f2f2f2; } .dashboard tr:last-child, .cabinet tr:last-child, .administration tr:last-child { border-bottom: 2px solid #f2f2f2; } .by-submitter { display:block; margin-top:5px; } fieldset.view-only { margin-left: 15px; width: 80px; } .numeric { display:block; margin-top: 7px; } .projects-publish tr td:last-child { text-align: center; } table.projects-publish{ margin-top: 20px; } .top-button { margin: 10px 0 20px 0; } /*Pagination*/ .pagination { max-width: 350px; margin: 50px auto 0; } .content .pagination li, .pagination li{ border:0; margin:0; padding:0; font-size:11px; list-style:none; background-image: none; } .pagination a{ border:solid 1px #c9c9c9; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; margin-right:2px; color: #717171; background: rgb(255,255,255); /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlNWU1ZTUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(229,229,229,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(229,229,229,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* IE10+ */ background: linear-gradient(top, rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-8 */ } .pagination .previous-off, .pagination .next-off { color:#666666; display:block; float:left; font-weight:bold; padding:3px 4px; } .pagination .next a, .pagination .previous a { font-weight:bold; border:solid 1px #FFFFFF; } .pagination .active span{ color:#ffffff; background-color: #b8b8b8; font-weight:bold; display:block; float:left; margin-right: 2px; padding:4px 6px; cursor: default; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -moz-box-shadow: inset 0 0 5px #8b8b8b; -webkit-box-shadow: inset 0 0 5px #8b8b8b; box-shadow: inset 0 0 5px #8b8b8b; } .pagination a:link, .pagination a:visited, .pagination span { display:block; float:left; padding:3px 6px; text-decoration:none; } .pagination a:hover{ border:solid 1px #666666; background: #fff; } /* HOME */ .home h2 { margin-bottom: 20px; color: #666666; } .home #socialize { max-width: 290px; float: right; } .home #socialize .socicons, .socialize .socicons { margin: 10px 0 20px; } .social-bar li { display: -moz-inline-stack; display: inline-block; vertical-align: top; zoom: 1; *display: inline; _height: 250px; } #process { float: left; width: 650px; color: #666; } #process h3 { padding-top: 130px; margin-bottom: 15px; font-size: 14px; min-height: 32px; } #process ol { margin-right: -15px; } #process li { width: 140px; display: -moz-inline-stack; display: inline-block; vertical-align: top; margin: 0 17px 10px 0px; zoom: 1; *display: inline; _height: 250px; } /* Submit Project Form */ form#submit-project { margin-top: 30px; } form#submit-project p.note { margin-top: 10px; } form#submit-project ol li{ list-style-type: none !important; list-style-image: none; padding-left: 0; background-image: none; margin-bottom: 20px; padding-top: 10px; } #doclist li { margin: 0 !important; padding-left: 7px; list-style-type: disc !important; } form#submit-project { font-size: 11px; width: 475px; max-width: 475px; } form#submit-project input:not([type=file]), form#submit-project textarea, form#submit-project option { width: 450px; max-width: 450; height: 35px; font-size: 12px; -webkit-box-shadow: inset 0 0 8px rgba(0,0,0,0.1); -moz-box-shadow: inset 0 0 8px rgba(0,0,0,0.1); box-shadow: inset 0 0 8px rgba(0,0,0,0.1); } form#submit-project textarea{ height: 100px; } form#submit-project select { width: 340px; } form#submit-project input[type=text], form#submit-project input[type=url], form#submit-project input[type=email], form#submit-project textarea, .evaluation textarea { margin-top: 10px; border: 5px solid #ebebeb; color: #666666; } form#submit-project > li{ margin-top: 20px; } form#submit-project li:first-child{ margin-top:0; } form#submit-project p{ margin: 0; } ul.attachments{ margin-top: 20px; list-style-type: none; list-style-image: none; padding-left: 0; background-image: none; } ul.attachments li{ padding-left: 35px; padding-right: 35px; max-width: 100%; height: 20px; line-height: 20px; background: url(/images/attachment.png) left center no-repeat; color: #666666; font-size: 13px; } .howto ul.attachments { margin-top: 0; } form#submit-project ul.attachments li { margin-bottom: 5px; } ul.attachments li a{ color: #666666; font-size: 13px; } ul.attachments li:hover{ background-color: #f5f5f5; } ul.attachments li a:hover{ text-decoration: none; } section.form-preview, section.form-view { border: none; margin-bottom: 0; padding-bottom: 0; } section.form-view h3{ margin-top: 30px; margin-bottom: 10px; } .evaluation{ width: 600px; } .evaluation textarea{ min-height: 150px; width: 570px; -webkit-box-shadow: inset 0 0 8px rgba(0,0,0,0.1); -moz-box-shadow: inset 0 0 8px rgba(0,0,0,0.1); box-shadow: inset 0 0 8px rgba(0,0,0,0.1); } .evaluation .rating{ margin: 50px 0 20px; } /* SEND AZURE BUTTON */ .azure { overflow: hidden; } .azure a.buttlink span { background: transparent url('/images/button-azure-left.png') no-repeat 0 0; display: block; line-height: 30px; padding: 0 5px 0 20px; color: #666666; font-weight: normal; font-size: 12px; } .azure a.buttlink { background: transparent url('/images/button-azure-right.png') no-repeat top right; display: block; float: left; height: 30px; margin-right: 5px; padding-right: 15px; text-decoration: none; } .azure a.buttlink:hover span { background-position: 0 -31px; } .azure a.buttlink:hover { background-position: right -31px; } /* Customization */ .content .azure, .left .azure { margin-top: 30px; float: left; } /* LIME BUTTON */ .lime { overflow: hidden; } .lime a.buttlink span { background: transparent url('/images/button-lime-left.png') no-repeat 0 0; display: block; line-height: 31px; padding: 0 5px 0 20px; color: #ffffff; font-weight: normal; font-size: 12px; } .lime a.buttlink { background: transparent url('/images/button-lime-right.png') no-repeat top right; display: block; float: left; height: 31px; /*margin-right: 5px;*/ padding-right: 19px; text-decoration: none; } .lime a.buttlink:hover span { background-position: 0 -32px; } .lime a.buttlink:hover { background-position: right -32px; } /* Customization */ .content .lime { float: right; margin-top: 30px; } /* Subscribe to newsletter */ .home input { background: rgb(247,247,247); /* Old browsers */ background: -moz-linear-gradient(top, rgba(247,247,247,1) 0%, rgba(252,252,252,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(247,247,247,1)), color-stop(100%,rgba(252,252,252,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(247,247,247,1) 0%,rgba(252,252,252,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(247,247,247,1) 0%,rgba(252,252,252,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(247,247,247,1) 0%,rgba(252,252,252,1) 100%); /* IE10+ */ background: linear-gradient(top, rgba(247,247,247,1) 0%,rgba(252,252,252,1) 100%); /* W3C */ } .home input { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .subscribe-bar { overflow: hidden; } .subscribe-bar input { margin: 0; float: left; padding: 5px 5px; /* cross-browser height */ } .subscribe-bar #email { padding-left: 8px; padding-right: 8px; width: 140px; box-shadow: 2px 3px 3px -2px white inset; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .subscribe-bar input#email:hover, .subscribe-bar input#email:focus{ -moz-box-shadow: 0 0 3px #DDD inset; -webkit-box-shadow: 0 0 3px #DDD inset; box-shadow: 0 0 3px #DDD inset; } .subscribe-bar .subscribe { padding-left: 10px; padding-right: 10px; margin:0 0 0 10px; border:1px solid #dcdcdc; color: #999999; outline: none; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; } .subscribe-bar input.subscribe.gradient { box-shadow: 2px 3px 3px -2px white inset; background: rgb(255,255,255); /* Old browsers */ background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 41%, rgba(237,237,237,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(41%,rgba(246,246,246,1)), color-stop(100%,rgba(237,237,237,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(246,246,246,1) 41%,rgba(237,237,237,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(246,246,246,1) 41%,rgba(237,237,237,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(246,246,246,1) 41%,rgba(237,237,237,1) 100%); /* IE10+ */ background: linear-gradient(top, rgba(255,255,255,1) 0%,rgba(246,246,246,1) 41%,rgba(237,237,237,1) 100%); /* W3C */ } .subscribe-bar input.subscribe.gradient:hover{ color: #ffffff; border: 1px solid #dcf0f5; box-shadow: 2px 3px 3px -2px white inset; background: rgb(181,240,253); /* Old browsers */ background: -moz-linear-gradient(top, rgba(181,240,253,1) 20%, rgba(89,205,231,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(20%,rgba(181,240,253,1)), color-stop(100%,rgba(89,205,231,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(181,240,253,1) 20%,rgba(89,205,231,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(181,240,253,1) 20%,rgba(89,205,231,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(181,240,253,1) 20%,rgba(89,205,231,1) 100%); /* IE10+ */ background: linear-gradient(top, rgba(181,240,253,1) 20%,rgba(89,205,231,1) 100%); /* W3C */ } /* SEARCH BOX */ .searchbox{ display: block; float: right; } .searchbox input{ margin: 0; float: left; padding: 3px 0; /* cross-browser height */ background: rgb(247,247,247); /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y3ZjdmNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmY2ZjZmMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, rgba(247,247,247,1) 0%, rgba(252,252,252,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(247,247,247,1)), color-stop(100%,rgba(252,252,252,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(247,247,247,1) 0%,rgba(252,252,252,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(247,247,247,1) 0%,rgba(252,252,252,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(247,247,247,1) 0%,rgba(252,252,252,1) 100%); /* IE10+ */ background: linear-gradient(top, rgba(247,247,247,1) 0%,rgba(252,252,252,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#fcfcfc',GradientType=0 ); /* IE6-8 */ } input#searchsubmit:active, input#searchsubmit:focus { background-position: 0 1px; } #searching:target, #searching:hover{ -moz-box-shadow: inset 0 0 4px #eaeaea; -webkit-box-shadow: inset 0 0 4px #eaeaea; box-shadow: inset 0 0 4px #eaeaea; } #searching { border-right: none; -webkit-border-top-left-radius: 5px; -webkit-border-bottom-left-radius: 5px; -webkit-border-top-right-radius: 0px; -webkit-border-bottom-right-radius: 0px; -moz-border-radius-topleft: 5px; -moz-border-radius-bottomleft: 5px; -moz-border-top-right-radius: 0px; -moz-border-bottom-right-radius: 0px; border-top-left-radius: 5px; border-bottom-left-radius: 5px; border-top-right-radius: 0px; border-bottom-right-radius: 0px; } #searchsubmit { border: 1px solid #dcdcdc; width: 30px; background: url(/images/mgbg.png) center center no-repeat; } /* APPLY BUTTON */ .apply { max-width: 200px; } .apply a.buttlink span { background: transparent url('/images/button-apply-left.png') no-repeat 0 0; display: block; line-height: 48px; padding: 0 20px 0 28px; color: #fff; font-family: 'Ubuntu', "Trebuchet MS", "Trebuchet", sans-serif; font-weight: normal; font-size: 16px; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4); } .apply a.buttlink { background: transparent url('/images/button-apply-right.png') no-repeat top right; display: block; float: left; height: 48px; margin-right: 5px; padding-right: 12px; text-decoration: none; } .apply a.buttlink:hover span { background-position: 0 -49px; color: #fff; } .apply a.buttlink:hover { background-position: right -49px; } /* Customization*/ .home .apply { margin: 20px auto 30px; } .page .full-width .apply { float: right; } .dashboard .apply { float: left; margin-top: 10px; margin-bottom: 40px; } /*FOOTER*/ #footer .attic { color: #666666; } #footer .basement { font-size: 11px; overflow: hidden; color: #666666; padding: 70px 0 10px; } #footer .basement .hatchers { float: right; line-height: 31px; background: url('http://hatcherscreative.com/logo/hatchers-grey-spr25x31.png') 0 0 no-repeat; padding-left: 33px; margin-bottom: 5px;} #footer .basement .hatchers:hover{ background-position: 0 -33px; } .hatchers a{ color: #666666;} .hatchers a:hover{ color: #50CAE5; text-decoration: none;} #footer .basement .copyright{ float: left; } #footer aside { float: left; } #footer aside.blog-bar, #footer aside.tweet-bar { width: 40%; padding-right: 80px; } #footer aside.contact-bar { width: 25%;} #footer aside.social-bar { width: 26%;} /*this line start end*/ #footer h3 { font-size: 18px; margin-bottom: 15px; } .blog-bar .container, .tweet-bar .container { overflow: hidden; margin-bottom: 15px; } .blog-bar .date { float: left; width: 60px; color: #50cae5; font-weight: bold; } .blog-bar .excerpt { float: right; width: 280px; } .blog-bar .excerpt a { color: #666666; font-weight: normal; } .blog-bar .excerpt a:hover{ color: #999999; text-decoration: none; } .blog-bar .more { margin: 0 20px 0 0; float: right;} .contact-bar span { line-height: 18px; } .social-buttons {margin-top: 20px; float: left;} .social-buttons .facebook-like, .social-buttons .google-plus { float: right;} .social-buttons .google-plus { margin-right: 15px;} .social-buttons .facebook-like { margin-left: 15px;} /* SOCIAL */ .home #socialize .social-bar li, aside.sidebar .social-bar li { opacity: 1; } .home #socialize .social-bar li:hover, aside.sidebar .social-bar li:hover { opacity: .9; } .socicons li{ width: 25px; height:25px; padding-left: 0 !important; float: left; display: inline-block; display: moz-inline-stack; margin-right: 3px !important; list-style-image: none; padding-left: 0; background-image: none; } .rss, footer .rss:hover, .home #socialize .rss, .grey .rss:hover, .socialize .rss { background: url('/images/social.png') no-repeat 0 -1px; width: 25px; height: 25px; } footer .rss, .grey .rss { background: url('/images/social.png') no-repeat 0 -28px; width: 25px; height: 25px; } footer .facebook, .grey .facebook { background: url('/images/social.png') no-repeat -28px -28px; width: 25px; height: 25px; } .facebook, footer .facebook:hover, .home #socialize .facebook, .grey .facebook:hover, .socialize .facebook { background: url('/images/social.png') no-repeat -28px 0; width: 25px; height: 25px; } .twitter, footer .twitter:hover, .home #socialize .twitter, .grey .twitter:hover, .socialize .twitter { background: url('/images/social.png') no-repeat -56px 0; width: 25px; height: 25px; } footer .twitter, .grey .twitter { background: url('/images/social.png') no-repeat -56px -28px; width: 25px; height: 25px; } footer .gplus, .grey .gplus { background: url('/images/social.png') no-repeat -84px -28px; width: 25px; height: 25px; } .gplus, footer .gplus:hover, .home #socialize .gplus, .grey .gplus:hover, .socialize .gplus { background: url('/images/social.png') no-repeat -84px 0; width: 25px; height: 25px; } footer .vk, .grey .vk { background: url('/images/social.png') no-repeat -112px -28px; width: 25px; height: 25px; } .vk, footer .vk:hover, .home #socialize .vk, .grey .vk:hover, .socialize .vk { background: url('/images/social.png') no-repeat -112px 0; width: 25px; height: 25px; } footer .linkedin, .grey .linkedin { background: url('/images/social.png') no-repeat -140px -28px; width: 25px; height: 25px; } .linkedin, footer .linkedin:hover, .home #socialize .linkedin, .grey .linkedin:hover, .socialize .linkedin { background: url('/images/social.png') no-repeat -140px 0; width: 25px; height: 25px; } footer .techcrunch, .grey .techcrunch { background: url('/images/social.png') no-repeat -197px -27px; width: 25px; height: 25px; } .techcrunch, footer .techcrunch:hover, .home #socialize .techcrunch, .grey .techcrunch:hover, .socialize .techcrunch { background: url('/images/social.png') no-repeat -197px 0; width: 25px; height: 25px; } footer .angel, .grey .angel { /*this line start */ background: url('/images/social.png') no-repeat -168px -27px; width: 25px; height: 25px; } .angel, footer .angel:hover, .home #socialize .angel, .grey .angel:hover, .socialize .angel { background: url('/images/social.png') no-repeat -169px 0; width: 25px; height: 25px; } footer .gplus, footer .facebook, footer .rss, footer .twitter, footer .vk, footer .linkedin footer .angel, /*this line start */ footer .techcrunch /*this line end*/ { -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; } /* TOOLS*/ /* Clearfix */ .clearfix:before, .clearfix:after { content:""; display:table; } .clearfix:after { clear:both; } .clearfix { zoom:1; /* For IE 6/7 (trigger hasLayout) */ } .clear { clear:both; } /*Group*/ .group:before, .group:after { content:""; display:table; } .group:after { clear:both; } .group { zoom:1; /* For IE 6/7 (trigger hasLayout) */ } .screen-reader-text { position: absolute; top: -9999px; left: -9999px; } /* GRADIENTS*/ .gradient { background: rgb(255,255,255); /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlOGU4ZTgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e8e8e8',GradientType=0 ); */ background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(232,232,232,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(232,232,232,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(232,232,232,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(232,232,232,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(232,232,232,1) 100%); /* IE10+ */ background: linear-gradient(top, rgba(255,255,255,1) 0%,rgba(232,232,232,1) 100%); /* W3C */ } .gradient:hover { background: rgb(232,232,232); /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U4ZThlOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e8e8e8', endColorstr='#ffffff',GradientType=0 ); */ background: -moz-linear-gradient(top, rgba(232,232,232,1) 0%, rgba(255,255,255,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(232,232,232,1)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(232,232,232,1) 0%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(232,232,232,1) 0%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(232,232,232,1) 0%,rgba(255,255,255,1) 100%); /* IE10+ */ background: linear-gradient(top, rgba(232,232,232,1) 0%,rgba(255,255,255,1) 100%); /* W3C */ } /* TRANSITIONS */ *:not(nav.main-nav-wrap li a) { -webkit-transition-property:color, opacity; -webkit-transition-duration: 0.3s, 0.3s; -webkit-transition-timing-function: linear, ease-in; -moz-transition-property:color, opacity; -moz-transition-duration: 0.3s, 0.3s; -moz-transition-timing-function: linear, ease-in; -o-transition-property:color, opacity; -o-transition-duration: 0.3s, 0.3s; -o-transition-timing-function: linear, ease-in; -ms-transition-property:color, opacity; -ms-transition-duration: 0.3s, 0.3s; -ms-transition-timing-function: linear, ease-in; transition-property:color, opacity; transition-duration: 0.3s, 0.3s; transition-timing-function: linear, ease-in; } /* Back to top */ #back-top { position: fixed; bottom: 30px; margin-left: 940px; } #back-top a { width: 40px; display: block; text-align: center; font: 9px/100% "Trebuchet MS", sans-serif; text-transform: uppercase; text-decoration: none; color: #bbb; /* background color transition */ -webkit-transition: 1s; -moz-transition: 1s; transition: 1s; } #back-top a:hover { color: #000; } /* arrow icon (span tag) */ #back-top span { width: 40px; height: 40px; display: block; margin-bottom: 7px; background: rgba(136,136,136,0.3) url(/images/up-arrow.png) no-repeat center center; /* rounded corners */ -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; /* background color transition */ -webkit-transition: 1s; -moz-transition: 1s; transition: 1s; } #back-top a:hover span { background-color: #777; } /*Image gallery*/ .picshow{ width: 620px; } .mainpic { text-align: center; } .mainpic img { margin: 0; } .thumbs { overflow: hidden; position: relative; margin-top: 20px; } .imgroll .thmb { display: block; margin: 0 9px; float: left; } .imgroll .thmb img{ opacity: .6; } .imgroll .thmb.current img, .imgroll .thmb img:hover{ opacity: 1; } /*Main Pic Nav*/ .mainpic .picnav { position: relative; } .mainpic .picnav .next, .mainpic .picnav .prev{ position: absolute; width: 44px; height: 44px; z-index: 2000; cursor: pointer; top: 15px; opacity: 0.4; } .mainpic .picnav .next{ right: 15px; background: url(/images/arrows.png) 0 44px; } .mainpic .picnav .prev{ left: 15px; background: url(/images/arrows.png) 0 0; } .mainpic .picnav .prev:hover, .mainpic .picnav .next:hover{ opacity: 0.6; } /* Pics Navigation */ .imgroll{ padding: 0 25px; } .thumbs .picsnav { position: relative; } .thumbs .picsnav .next, .thumbs .picsnav .prev{ position: absolute; width: 17px; height: 23px; z-index: 2000; cursor: pointer; top: 35px; } .thumbs .picsnav .next{ right: 0; background: url(/images/listing-arrows.png) 17px 0; } .thumbs .picsnav .prev{ left: 0; background: url(/images/listing-arrows.png) 0 0; } .thumbs .picsnav .prev:hover{ background-position: 0 -23px; } .thumbs .picsnav .next:hover{ background-position: 17px -23px; } /*Overlay*/ .overlay { position: fixed; background-color: rgba(0,0,0,0.4); height: 100%; width: 100%; z-index: 5000; } .overlay .message{ position: absolute; top: 50%; left: 50%; width: 320px; height: 180px; margin-top: -90px; /* Half the height */ margin-left: -160px; /* Half the width */ } .message.choice label{ position: relative; top: 0; left: 0; margin-right: 15px; } .to.center{ width: 60%; margin-top: 40px; } .message.choice .lime{ width: 102px; margin: 35px auto 0; } .alert{ color: #f574a1; margin: 0px 0px 20px 0px; font-size: 13px; } .alert2{ color: #f00000; margin: 0px 0px 15px 24px; width: 300px;} .upload-photo {margin: 12px;} .input2 {width:50px; min-width: 50px;} .input1 {width:150px; min-width: 150px;} .row {margin: 9px 0 0px 0;} .row2 {margin: 15px 0 0px 0;} body.upload-photo{height: auto; min-height: 1%;} table.tb_left {margin: 5px 17px 5px 0px;} table.tb_right {margin: 5px 0px 5px 17px;} table.tb_center {margin-bottom: 5px; text-align: center;} .tb_text, .img_sign, p2 {padding: 3px 0px 0px 0px; font-size: 12px; color: #666;} .tb_right img, .tb_left img, .tb_center img {margin-bottom: 3px;} .marg20 {margin-top: 7px;} /*Home - NewsBar*/ .news-bar{ border-top: 1px solid #ebebeb; padding: 25px 0; } .newsroll{ border-bottom: 1px solid #ebebeb; padding-bottom: 10px; } .news-bar .container { overflow: hidden; margin-bottom: 20px; } .news-bar .date { float: left; width: 75px; color: #50cae5; font-weight: bold; } .news-bar .excerpt { float: right; width: 200px; } .news-bar .excerpt a { color: #666666; font-weight: normal; } .news-bar .excerpt a:hover{ color: #999999; text-decoration: none; } .news-bar .more { margin: 10px 20px 0 0; float: right;} /*Modified*/ a.alt, a.alt:link, a.alt:visited { color: #50cae5; } /* .alt selector */ .gallery ul li, .thumbs ul li { /* .thumbs selector */ list-style-image: none; padding-left: 0; background-image: none; min-height: 200px; display: -moz-inline-stack; display: inline-block; vertical-align: top; zoom: 1; *display: inline; _height: 200px; } .gallery ul img, .thumbs ul img { /* .thumbs selector */ border-radius: 5px; moz-border-radius: 5px; webkit-border-radius: 5px; } .gallery a:hover img, .thumbs a:hover img{ /* .thumbs selector */ opacity: 0.9; } .releases h3, .releases h3 a, .releases h4, .releases h4 a /* h4 selector */ { font-size: 16px; color: #666666; font-family: "Trebuchet MS", sans-serif; margin-bottom: 15px; font-style: normal; } .releases h3 a:hover, .releases h4 a:hover{ /* h4 selector */ text-decoration: none; color: #808080; } /* UPDATE */ .content hgroup h4 { margin-top: 0; } .content hgroup h3{ margin-bottom: 0; } .full{ width: 920px; overflow: hidden; margin-bottom: 30px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .hightlight{ background-color: #f4f4f4; } .full .mentors, .full .residents{ width: 420px; padding: 20px 20px 5px 20px; } .home .mentors header a.alt, .home .residents header a.alt{ color: #50cae5; position: relative; top: 10px; } .mentors .thumbs, .residents .thumbs{ margin-top: 0; } .thumbs .square { float: left; margin-right: 20px; margin-bottom: 25px; } .four .square:nth-child(4n){ margin-right: 0; } .square{ height: 90px; width: 90px; overflow: hidden; } .square img{ width: 90px; height: 90px; } /* start update */ .content hgroup h4 { margin-top: 0; } .content hgroup h3{ margin-bottom: 0; } .full{ width: 920px; overflow: hidden; margin-bottom: 30px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; padding-right: 10px; padding-left: 10px; } .hightlight{ background-color: #f4f4f4; border-radius: 5px; moz-border-radius: 5px; webkit-border-radius: 5px; } #header + .full, #header + .jms-slideshow{ margin-top: 40px; } .full .mentors, .full .residents{ width: 420px; padding: 20px 0 5px 0; } .home .mentors header a.alt, .home .residents header a.alt, header a.alt, .full header a.alt, .line header a.alt { color: #50cae5; position: relative; top: 10px; } .fbline { width: 450px; min-height: 250px; max-height: 640px; overflow: hidden; } .socialize { margin-bottom: 30px; } .socialize h2, .home section h2{ margin-bottom: 10px; } .socialize .subscribe-bar #your-email{ width: 330px; } .mentors .thumbs, .residents .thumbs{ margin-top: 0; } .thumbs .square { float: left; margin-right: 20px; margin-bottom: 25px; } .thumbs.three .square { float: left; margin-right: 30px; margin-bottom: 30px; } .home .three .square:nth-child(3n){ margin-right: 0; } .four .square:nth-child(4n){ margin-right: 0; } .four .square, .team .square{ height: 90px; width: 90px; overflow: hidden; } .four .square img, .team .square img{ width: 90px; height: 90px; } .home .three .square{ height: 120px; width: 120px; overflow: hidden; } .home .three .square img{ width: 120px; height: 120px; } /*end update*/ .intro { margin-bottom: 40px; } .unit{ margin-top: 40px; } .resident .unit h3 { font-size: 20px; margin-top: 0; margin-bottom: 10px; } .resident .unit.news h3{ margin-top: 1em; } .person{ margin-bottom: 20px; } .team .square{ margin-right: 15px; } .team .name { font-weight: bold; } .team p:first-of-type { margin-top: 0; } .team .role { font-style: italic; font-size: 13px; color: #898989; } .content ul.thumbs li.square { list-style-image: none; list-style-type: none; background-image: none; } .bio hgroup h2 { margin-bottom: 0; } .bio hgroup h4{ margin-top: 5px; margin-bottom: 20px; }