/* Coderbyte CSS - DMB */ * {margin: 0; padding: 0; } html {overflow-y: scroll;} ul { list-style: none inside; } li { list-style: none inside; } a:focus { outline: none; } .clear { clear: both; } /*
*/ a { text-decoration: none; color: black;} input, textarea { outline: none; } fieldset { border: none; } ::-moz-selection{ background: #a01e1e; color: white; } ::selection { background: #a01e1e; color: white; } .error { color: red; } body { background: url(images/header/header_cut_black.jpg) top left repeat-x; /*height: 64px;*/ } #container { width: 967px; margin: 0 auto; overflow: visible !important; } #container_home { width: 100%; margin: 0 auto; } /* MOBILE PAGES */ #containerMobile { width: 100%; } #containerMobile #header { width: 100% !important; } #containerMobile #header_right { display: none; } #containerMobile #footer { display: none !important; } #containerMobile #header_left { margin-left: 0%; } @font-face { font-family: "Symbola"; src: url("images/fonts/Symbola.ttf"); } @font-face { font-family: "OpenSans"; src: url("images/fonts/OpenSans-Regular.ttf"); } @font-face { font-family: "Franklin Gothic Book"; src: url("images/fonts/FRABK.TTF"); } @font-face { font-family: "Franklin Gothic Medium"; src: url("images/fonts/framd.ttf"); } @font-face { font-family: "Helv Ne"; src: url("images/fonts/fontscore.com_h_helvetica-neue-lt-std-35-thin.otf"); } @font-face { font-family: "Avenir Next"; src: url("images/fonts/avenir-next-lt-pro/AvenirNextLTPro-Regular.otf"); } @font-face { font-family: "Avenir Next Demi"; src: url("images/fonts/avenir-next-lt-pro/AvenirNextLTPro-Demi.otf"); } @font-face { font-family: "Avenir Next Cond"; src: url("images/fonts/avenir-next-lt-pro/AvenirNextLTPro-Cn.otf"); } /* HEADER */ #header { width: 960px; margin: 0 auto; } #header_left { background: url(images/header/logo_hover_black.jpg) center top no-repeat; width: 193px; height: 64px; float: left; background-size: 193px 128px; background-position: center top; } #header_left:hover { background-position: center bottom; } .homebutton { display: block; width: 193px; height: 64px; text-indent: -9999px; } #nav { width: 401px; float: right; /*margin-right: 26px;*/ overflow: auto; } /* 330 */ #nav a { display: block; float: left; height: 59px; } /* NEW NAVIGATION HERE */ #nav li { color: white; overflow: auto; float: left; line-height: 60px; text-shadow: 1px 1px 2px #363636; font-family: "Franklin Gothic Book"; overflow: hidden; } #nav li a { color: #ebebeb; } #nav li a:hover { color: white; } #nav li a span { color: #b8b8b8; font-size: 25px; } #nav li:first-of-type { line-height: 54px; margin-right: 6px; } #nav li:nth-child(2) { line-height: 54px; margin-right: 24px; } #nav li:nth-child(3) { margin-right: 40px; line-height: 60px; } #nav li:first-of-type a { padding-left: 18px; padding-right: 12px; border-left: 2px solid transparent; border-right: 2px solid transparent; } #nav li:nth-child(2) a { padding-left: 18px; padding-right: 12px; border-left: 2px solid transparent; border-right: 2px solid transparent; } #nav li a.hovered { background: white; color: #4d4d4d; text-shadow: 0px 0px 0px black; padding-bottom: 5px; border-top-right-radius: 4px; border-top-left-radius: 4px; border-left: 2px solid #e1e1e1; border-right: 2px solid #e1e1e1; } /* NEW NAV DROPDOWN */ #header_right { position: relative; } .navDropDown { background: white; position: absolute; top: 61px; right: 154px; border: 2px solid #e1e1e1; /* WAS 83px */ font-family: "Franklin Gothic Book"; border-top: 0px; display: none; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; z-index: 9999999; } .navDropDown > a { border-top: 1px solid #ededed; padding: 16px 70px; padding-left: 24px; cursor: pointer; color: #4d4d4d; display: block; overflow: auto; padding-bottom: 14px; } .navDropDown > a:first-of-type { border-top: 0px; } .navDropDown > a div { float: left; margin-right: 20px; margin-top: -6px; width: 27px; height: 27px; } .navDropDown > a:hover { color: #508bc7; } /* nav drop down icons */ .navDropDown > a:nth-child(1) div { background: url(images/header/chals.png) center center no-repeat; background-size: 27px 26px; } .navDropDown > a:nth-child(5) div { background: url(images/header/rankings.png) center center no-repeat; background-size: 27px 26px; } .navDropDown > a:nth-child(2) div { background: url(images/header/tuts.png) center center no-repeat; background-size: 27px 27px; } .navDropDown > a:nth-child(3) div { background: url(images/header/discuss.png) center center no-repeat; background-size: 27px 27px; } .navDropDown > a:nth-child(4) div { background: url(images/header/rankings.png) center center no-repeat; background-size: 27px 27px; } /* course drop down */ .courseDropDown { background: white; position: absolute; top: 61px; right: 6px; border: 2px solid #e1e1e1; /* WAS -65px */ font-family: "Franklin Gothic Book"; border-top: 0px; display: none; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; z-index: 9999999; } .courseDropDown > a { border-top: 1px solid #ededed; padding: 10px 76px; padding-left: 24px; cursor: pointer; color: #4d4d4d; display: block; overflow: auto; padding-bottom: 12px; } .courseDropDown > a:first-of-type { border-top: 0px; } .courseDropDown > a div { float: left; margin-right: 20px; width: 35px; height: 35px; border-radius: 50%; } .courseDropDown > a:hover { color: #508bc7; } .courseDropDown > a li { line-height: 35px; } /* course drop down icons */ .courseDropDown > a:nth-child(1) div { background: url(images/header/c_1.png) center center no-repeat; background-size: 35px 35px; } .courseDropDown > a:nth-child(2) div { background: url(images/header/c_2.png) center center no-repeat; background-size: 35px 35px; } .courseDropDown > a:nth-child(3) div { background: url(images/header/c_3.png) center center no-repeat; background-size: 35px 35px; } .courseDropDown > a:nth-child(4) div { background: url(images/header/c_4.png) center center no-repeat; background-size: 35px 35px; } .courseDropDown > a:nth-child(5) div { background: url(images/header/c_5.png) center center no-repeat; background-size: 35px 35px; } .courseDropDown > a:nth-child(6) div { background: url(images/header/c_6.png) center center no-repeat; background-size: 35px 35px; } .courseDropDown > a:nth-child(7) div { background: url(images/header/c_7.png) center center no-repeat; background-size: 35px 35px; } .codingarea { /*background: url(images/header/codingarea_hover.png) center top no-repeat; width: 127px;*/ width: 122px; text-align: center; vertical-align: baseline; color: #c2f495; font-family: "Franklin Gothic Book"; font-size: 17px; line-height: 64px; } .codingarea:after { content: "Coding Area"; text-shadow: 1px 1px 2px #363636; } .groupMainPage { /*background: url(images/header/codingarea_hover.png) center top no-repeat; width: 127px;*/ width: 114px; text-align: center; vertical-align: baseline; color: #c2f495; font-family: "Franklin Gothic Book"; font-size: 17px; line-height: 64px; } .groupMainPage:after { content: "My Groups"; text-shadow: 1px 1px 2px #363636; } #nav a.groupMainPage { margin-left: 50px; } .about { /*background: url(images/header/about_hover.png) center top no-repeat; width: 68px;*/ width: 70px; text-align: center; vertical-align: baseline; color: #ebebeb; font-family: "Franklin Gothic Book"; font-size: 17px; line-height: 64px; } .about:after { content: "About"; } .group_home { /*background: url(images/header/about_hover.png) center top no-repeat; width: 68px;*/ width: 110px; text-align: center; vertical-align: baseline; color: white; font-family: "Franklin Gothic Book"; font-size: 17px; line-height: 64px; } .group_home:after { content: "Workspace"; } .logout_header { /*background: url(images/header/about_hover.png) center top no-repeat; width: 68px;*/ width: 70px; text-align: center; vertical-align: baseline; color: white; font-family: "Franklin Gothic Book"; font-size: 17px; line-height: 64px; } .logout_header:after { content: "Logout"; } .forums { /*background: url(images/header/forums_hover.png) center top no-repeat; width: 85px;*/ width: 84px; text-align: center; vertical-align: baseline; color: #ebebeb; font-family: "Franklin Gothic Book"; font-size: 17px; line-height: 64px;} .forums:after { content: "Settings"; } .login { /*background: url(images/header/login_hover.png) center top no-repeat; width: 62px;*/ width: 84px; text-align: center; vertical-align: baseline; color: #ebebeb; font-family: "Franklin Gothic Book"; font-size: 17px; line-height: 64px; } .login:after { content: "Sign Up"; } .login_profile { /*background: url(images/header/profile_hover.png) center top no-repeat; width: 62px;*/ width: 74px; text-align: center; vertical-align: baseline; color: #ebebeb; font-family: "Franklin Gothic Book"; font-size: 17px; line-height: 64px;} .login_profile:after { content: "Profile"; } .codingarea:hover { /*background: #579b35; color: white; border-bottom: 1px solid black;*/ color: #cff4ae; } .groupMainPage:hover { background: #579b35; color: white; border-bottom: 1px solid black; } .about:hover { /*background: #e5a65b; color: black; border-bottom: 1px solid black;*/ color: white; } .group_home:hover { background: #e5a65b; color: black; border-bottom: 1px solid black; } .forums:hover { color: white; } .login:hover { /*background: #e5a65b; color: black; border-bottom: 1px solid black;*/ color: white; } .login_profile:hover { /*background: #e5a65b; color: black; border-bottom: 1px solid black;*/ color: white; } .logout_header:hover { background: #e5a65b; color: black; border-bottom: 1px solid black; } #belowheader { width: 840px; margin: 0 auto; text-align: center; padding-bottom: 29px; padding-top: 11px; } #belowheader p { font-family: Helv Ne, Helvetica; font-size: 38px; text-align: center; color: #202020; padding-top: 24px; letter-spacing: 0px; text-shadow: 1px 1px 1px #f9f9f9; } #belowheader p span { font-family: Helv Ne, Helvetica; color: #d67228; letter-spacing: 0px; text-shadow: 0px 0px 1px #f1f1f1; } #belowhomepage_groups { width: 840px; margin: 0 auto; text-align: center; background: #f7f7f7; margin-top: 20px; border: 1px solid #bbbbbb; -moz-border-radius: 4px; border-radius: 4px; -webkit-border-radius: 4px; -moz-box-shadow: 1px 1px 1px #272727; -webkit-box-shadow: 1px 1px 1px #272727; box-shadow: 1px 1px 1px #272727; margin-bottom: 44px; } #belowhomepage_groups p { font-family: Helv Ne, Helvetica; font-size: 32px; text-align: center; color: #121212; padding-top: 24px; padding-bottom: 24px; letter-spacing: 0px; text-shadow: 1px 1px 1px #f9f9f9; } #belowhomepage_groups p span { font-family: Helv Ne, Helvetica; color: #e07628; letter-spacing: 0px; text-shadow: 0px 0px 1px #f1f1f1; } #belowhomepage_groups p span.ex_span{ font-size: 17px; color: #5e5e5e; letter-spacing: 0px; text-shadow: 0px 0px 0px #f1f1f1; } #belowhomepage_groups:hover { background: white; cursor: pointer; } /* PROJECTS PAGE */ #fullWidthImageProj { width: 100%; height: 500px; background: url(images/homepage_icons/projects/header.jpg) center center no-repeat; background-repeat: no-repeat; background-size: cover; border-top: 0px solid #f1f1f1; border-bottom: 0px solid #dadada; position: relative; /*animation: phoneSlideUp 1.0s; -webkit-animation: phoneSlideUp 1.0s;*/ } #bannerBelowAcad #withinBanner.quizBanner { padding: 55px 0; padding-top: 58px; } #bannerBelowAcad #withinBanner.quizBanner p { color: #e3e3e3; font-size: 35px; } #bannerBelowAcad #withinBanner.quizBanner p.mobileNotif span { color: #f6de8a; border-bottom: 3px dotted #6e6e6e; padding-bottom: 5px; } #fullWidthImageProj .code_text { color: white; font-family: "Avenir Next Demi"; text-align: center; font-size: 83px; padding-top: 205px; text-shadow: 1px 1px 3px #282828; line-height: 68px; } #fullWidthImageProj .code_text p { padding-top: 6px; animation: spinText 1.2s; -webkit-animation: spinText 1.2s; } #fullWidthImageProj .code_text span { font-size: 27px; color: #f0f0f0; font-family: "Avenir Next"; display: block; margin-top: 16px; padding-bottom: 12px; opacity: 0.9; } #projList { width: 990px; margin: 0 auto; overflow: auto; margin-top: -80px; overflow: hidden; position: relative; } #projList li { float: left; width: 46%; overflow: auto; cursor: pointer; padding: 15px; border-radius: 4px; height: 240px; position: relative; margin-bottom: 20px; } #projList a:nth-child(2n) li { float: right; } #projList li:hover { } #projList li div { position: absolute; bottom: 0; color: white; left: 0; right: 0; padding: 25px 25px; font-family: "Avenir Next"; overflow: hidden; background: rgba(0, 0, 0, 0.8); } #projList li div p { font-size: 23px; } #projList li.website { background: url(images/homepage_icons/projects/site1.jpg) center center no-repeat; background-repeat: no-repeat; background-size: cover; } #projList li.calc { background: url(images/homepage_icons/projects/calc.jpg) center center no-repeat; background-repeat: no-repeat; background-size: cover; } #projList li.inter { background: url(images/homepage_icons/projects/inter.jpg) center center no-repeat; background-repeat: no-repeat; background-size: cover; } #projList li.todo { background: url(images/homepage_icons/projects/todo.jpg) center center no-repeat; background-repeat: no-repeat; background-size: cover; } /* PROJECT BACKGROUND IMAGES */ #fullWidthImageCourse.build-website { background: url(images/homepage_icons/projects/build-your-first-website/header.jpg) center center no-repeat; background-repeat: no-repeat; background-size: cover; } #fullWidthImageCourse.build-calc { background: url(images/homepage_icons/projects/build-calculator-with-javascript/header.jpg) center center no-repeat; background-repeat: no-repeat; background-size: cover; } /* QUIZ PAGE */ #fullWidthImageQuiz { width: 100%; height: 500px; background: url(images/homepage_icons/quizzes/header.jpg) center center no-repeat; background-repeat: no-repeat; background-size: cover; border-top: 0px solid #f1f1f1; border-bottom: 0px solid #dadada; position: relative; animation: phoneSlideUp 1.0s; -webkit-animation: phoneSlideUp 1.0s;} #bannerBelowAcad #withinBanner.quizBanner { padding: 55px 0; padding-top: 58px; } #bannerBelowAcad #withinBanner.quizBanner p { color: #e3e3e3; font-size: 35px; } #bannerBelowAcad #withinBanner.quizBanner p.mobileNotif span { color: #f6de8a; border-bottom: 3px dotted #6e6e6e; padding-bottom: 5px; } #fullWidthImageQuiz .code_text { color: white; font-family: "Avenir Next Demi"; text-align: center; font-size: 83px; padding-top: 205px; text-shadow: 1px 1px 3px #282828; line-height: 68px; } #fullWidthImageQuiz .code_text p { padding-top: 6px; animation: spinText 1.2s; -webkit-animation: spinText 1.2s; } #fullWidthImageQuiz .code_text span { font-size: 35px; color: #f0f0f0; font-family: "Avenir Next"; display: block; margin-top: 16px; padding-bottom: 12px; opacity: 0.9; } .viewFullWebsite { font-family: "Avenir Next"; padding: 16px 0; padding-bottom: 15px; text-align: center; font-size: 12px; border-top: 1px solid #e0e0e0; margin-top: 10px; } .viewFullWebsite a { color: #3f3f3f; } @-webkit-keyframes phoneSlideUp { 0% { background-position: 10% 10%; } 100% { background-position: 50% 50%; } } @keyframes phoneSlideUp { 0% { background-position: 10% 10%; } 100% { background-position: 50% 50%; } } #mobileTracks { width: 100%; overflow: hidden; margin-top: 4px; } #mobileTracks li { width: 96%; overflow: auto; height: 260px; position: relative; margin: 0 auto; margin-bottom: 8px; border-radius: 4px;} #mobileTracks li div.titleInfo { width: 100%; background: rgba(0, 0, 0, 0.45); position: absolute; bottom: 0; padding: 20px 15px; width: 95.6%; overflow: hidden; padding-right: 0px; } #mobileTracks li div.titleInfo img { width: 55px; height: 55px; float: left; border-radius: 50%; } #mobileTracks li div.titleInfo h2 { color: white; float: left; font-family: "Avenir Next"; line-height: 37px; font-size: 23px; margin-left: 15px; margin-right: 20px; } #mobileTracks li div.titleInfo h2 span { font-size: 12px; color: #d2d2d2; padding-left: 3px; } #mobileTracks li div.titleInfo h2 span.solvedNumber { padding-left: 0; } #mobileTracks li div.titleInfo p { color: #d2d2d2; float: left; font-family: "Avenir Next"; font-size: 12px; margin-left: 15px; } #mobileTracks li.javascript { background: url(images/homepage_icons/quizzes/js1.jpg) center center no-repeat; background-repeat: no-repeat; background-size: cover; } #mobileTracks li.python { background: url(images/homepage_icons/quizzes/py1.jpg) center center no-repeat; background-repeat: no-repeat; background-size: cover; } #mobileTracks li.logic { background: url(images/homepage_icons/quizzes/math1.jpg) center center no-repeat; background-repeat: no-repeat; background-size: cover; } #mobileTracks li.math { background: url(images/homepage_icons/quizzes/math1.jpg) center center no-repeat; background-repeat: no-repeat; background-size: cover; } #mobileTracks li.css { background: url(images/homepage_icons/quizzes/css1.jpg) center center no-repeat; background-repeat: no-repeat; background-size: cover; } #mobileTracks li.dom { background: url(images/homepage_icons/quizzes/dom1.jpg) center center no-repeat; background-repeat: no-repeat; background-size: cover; } #mobileTracks li.html { background: url(images/homepage_icons/quizzes/html1.jpg) center center no-repeat; background-repeat: no-repeat; background-size: cover; } #mobileTracks li.ruby { background: url(images/homepage_icons/quizzes/ruby1.jpg) center center no-repeat; background-repeat: no-repeat; background-size: cover; } /* EACH QUIZ PAGE */ #quizQues .actualGoBack { color: #a8a8a8; font-family: "Avenir Next"; overflow: auto; width: 100%; font-size: 13px; } #quizQues .actualGoBack p a { color: #a8a8a8; } #quizQues .actualGoBack p:nth-child(1) { float: left; margin-left: 20px; padding: 9px 0px; } #quizQues .actualGoBack p:nth-child(2) { float: right; margin-right: 20px; padding: 9px 0px; color: white; } #quizQues .actualTrack { text-align: center; background: #525252; color: white; font-family: "Avenir Next"; padding: 11px 0; font-size: 19px; } #quizQues .actualTrack img { width: 35px; height: 35px; border-radius: 50%; vertical-align: -45%; margin-right: 8px; } #quizQues .actualQues pre { font-size: 12px; } #quizQues .actualQues h2 { margin-bottom: 4px; font-family: "Avenir Next"; color: #e7e7e7; font-weight: 300; font-size: 20px; line-height: 22px; } #quizQues .actualQues div.diffEasy, #quizQues .actualQues div.diffMedium, #quizQues .actualQues div.diffHard { border-bottom: 1px dashed #585858; padding-bottom: 10px; color: #b5eba6; font-size: 12px; } #quizQues .actualQues div.diffMedium { color: #e7c491; } #quizQues .actualQues div.diffHard { color: #cb776c; } #quizQues .actualQues { white-space: pre-wrap; width: 91.6%; background: #363636; font-family: "Avenir Next"; font-size: 14px; padding: 35px 15px; padding-top: 25px; line-height: 19px; color: #f6f6f6; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#363636+0,363636+38,474747+100 */ background: rgb(54,54,54); /* Old browsers */ background: -moz-linear-gradient(top, rgba(54,54,54,1) 0%, rgba(54,54,54,1) 38%, rgba(71,71,71,1) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(54,54,54,1) 0%,rgba(54,54,54,1) 38%,rgba(71,71,71,1) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(54,54,54,1) 0%,rgba(54,54,54,1) 38%,rgba(71,71,71,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#363636', endColorstr='#474747',GradientType=0 ); /* IE6-9 */} #quizQues .quesOptions { width: 100%; overflow: auto; position: relative; font-family: "Courier New"; } #quizQues .quesOptions li { width: 50%; height: 16px; float: left; text-align: center; padding: 35px 0; font-size: 14px; color: #f6f6f6; } #quizQues .quesOptions li p { padding: 0 6px; } #quizQues .quesOptions li:active { background: #85d1ed !important; } #quizQues .quesOptions li:nth-child(1) { background: #95b6ed; } #quizQues .quesOptions li:nth-child(2) { background: #86aae6; } #quizQues .quesOptions li:nth-child(3) { background: #86aae6; } #quizQues .quesOptions li:nth-child(4) { background: #95b6ed; } #quizQues .quesOptions li.style_correct { background: #8dd589; } #quizQues .quesOptions li.style_wrong { background: #cc7a7a; } #quizQues .retryButton { display: none; background: #363636; font-family: "Avenir Next"; font-size: 12px; text-align: right; padding-right: 10px; color: #c4c4c4; padding-top: 10px; overflow: auto; } #quizQues .retryButton p { width: 100px; float: right; } #quizQues .retryButton p:active { color: white; } #quizQues .actualSolution { display: none; white-space: pre-wrap; width: 91.6%; background: #363636; font-family: "Avenir Next"; font-size: 13px; padding: 35px 15px; padding-top: 25px; line-height: 19px; color: #f6f6f6; } #quizQues .actualSolution span { font-family: "Courier New"; color: #e7e7e7; font-size: 13px; } #quizQues .actualSolution h2 { font-family: "Avenir Next"; color: #e7e7e7; font-weight: 300; font-size: 20px; } #quizQues .actualSolution ul li.numList { margin-left: 8px; border-left: 3px solid #181818; padding-left: 10px; } #quizQues .nextQues, #quizQues .newestQues { width: 49.8%; background: #525252; font-family: "Avenir Next"; font-size: 16px; padding: 19px 0; line-height: 19px; color: #b9b9b9; text-align: center; float: left; } #quizQues .nextQues { border-right: 1px solid #525252; } #quizQues .nextQues:active, #quizQues .newestQues:active { background: #454545; } /* ACADEMY PAGE */ #fullWidthImageAcad { width: 100%; height: 500px; background: url(images/homepage_icons/skyline3_smaller.jpg) center center no-repeat; background-repeat: no-repeat; background-size: cover; border-top: 0px solid #f1f1f1; border-bottom: 0px solid #dadada; position: relative; -webkit-filter: grayscale(0%); filter: grayscale(0%); } #fullWidthImageAcad .code_text { color: white; font-family: "Avenir Next Demi"; text-align: center; font-size: 82px; padding-top: 148px; text-shadow: 1px 1px 3px #151515; line-height: 68px; } #fullWidthImageAcad .code_text p { /*background: rgba(24, 24, 24, 0.25); /*box-shadow: 0px 0px 3px #151515;*/ padding-top: 46px; } #fullWidthImageAcad .code_text span { font-size: 24px; color: #f0f0f0; font-family: "Avenir Next"; display: block; margin-top: 11px; padding-bottom: 12px; opacity: 0.9; } #twoPanelChals { width: 100%; overflow: auto; position: relative; } #twoPanelChals div { background: #2a2a2a; width: 50%; float: left; color: white; text-align: center; height: 250px; } #twoPanelChals div:nth-child(1) { background: url(images/homepage_icons/panel1.jpg) center center no-repeat; background-repeat: no-repeat; } #twoPanelChals div p { line-height: 250px; } #bannerBelowAcad { width: 100%; background: #2a2a2a; overflow: auto; font-family: "Avenir Next"; } #bannerBelowAcad #withinBanner { width: 1000px; margin: 0 auto; overflow: auto; padding: 0; padding-top: 40px; padding-bottom: 120px; } #bannerBelowAcad p { font-size: 38px; text-align: center; color: #f5f5f5; text-shadow: 1px 1px 1px #303030; } #bannerBelowAcad select:active, #bannerBelowAcad select:hover { outline: none; cursor: pointer; } #bannerBelowAcad select { border: 0px; outline: none; font-size: 28px; font-family: "Avenir Next"; margin-left: 5px; -webkit-appearance: none; -moz-appearance: none; appearance: none; padding: 8px 20px; background: #424242; color: #e8e8e8; border-bottom: 0px dotted #8d8d8d; border-radius: 18px; } #classList { width: 990px; border: 0px solid #f1f1f1; border-radius: 3px; box-shadow: 0px 0px 2px #151515; margin: 0 auto; overflow: auto; background: white; margin-top: -80px; overflow: hidden; display: none; margin-bottom: 30px; } #classList li { padding: 20px; overflow: auto; border-bottom: 1px solid #dcdcdc; cursor: pointer; width: 100%; } #classList li:last-child { border-bottom: 0px; } #classList img.classImage { width: 130px; height: 130px; float: left; border-radius: 4px; } #classList div.classDiv { float: left; overflow: hidden; margin-left: 27px; width: 79%; } /* LEFT BORDER HOVERS */ #classList li.c-bootcamp:hover { border-left: 10px solid #222222; } #classList li.c-javascript:hover { border-left: 10px solid #f8dc3d; } #classList li.c-fewd:hover { border-left: 10px solid #139bd5; } #classList li.c-python:hover { border-left: 10px solid #37709f; } #classList li.c-ruby:hover { border-left: 10px solid #b31306; } #classList li.c-alg:hover { border-left: 10px solid #318e4d; } #classList li.c-job:hover { border-left: 10px solid #3a579a; } #classList p.classTitle { font-size: 25px; font-family: "Avenir Next Demi"; color: #5890c1; margin-top: 6px; } #classList p.classDesc { font-family: "Avenir Next"; color: #a2a2a2; font-size: 15px; margin-top: 17px; line-height: 20px; } #classList p.classDetails { font-family: "Helvetica"; color: #c5c5c5; font-size: 13px; margin-top: 12px; font-weight: 300; } #classList p.classDetails span { font-family: "Avenir Next"; color: #cccccc; padding: 0 15px; } #classList p.classDetails span:nth-child(1) { padding-left: 0px; } #classList p.classDetails img { width: 18px; height: 18px; margin-bottom: -4px; margin-right: 10px; opacity: 0.7; } /* split columns on course page */ #classListColumns { width: 990px; border: 0px solid #f1f1f1; margin: 0 auto; margin-top: -86px; overflow: hidden; padding: 9px; padding-top: 20px; position: relative; } #classListColumns li { width: 27%; float: left; padding: 20px; overflow: visible; cursor: pointer; background: #fbfbfb; border-radius: 5px; box-shadow: 0px 0px 2px #272727; height: 270px; margin-right: 32px; margin-bottom: 56px; position: relative; } #classListColumns li:nth-child(3n) { margin-right: 0px; } #classListColumns li:nth-child(1) { background: #f3fafd; } #classListColumns li:hover { animation: spinCard 0.4s; -webkit-animation: spinCard 0.4s; } #classListColumns li img { width: 100px; height: 100px; border-radius: 50%; margin-left: 31%; margin-top: -40px; border: 0px solid white; box-shadow: 0px 1px 2px #464646; } @-webkit-keyframes spinCard { 0% { transform: skew(0deg, 0deg) } 50% { transform: skew(1deg, 1deg) } 100% { transform: skew(0deg, 0deg) } } @keyframes spinCard { 0% { transform: skew(0deg, 0deg) } 50% { transform: skew(1deg, 1deg) } 100% { transform: skew(0deg, 0deg) } } #classListColumns li div.inf { text-align: center; width: 100%; margin-top: 22px; } #classListColumns li div.inf p:first-child { font-family: "Avenir Next"; font-size: 24px; margin-bottom: 22px; border-bottom: 2px dotted #e9e9e9; padding-bottom: 14px; } #classListColumns li div.inf p:nth-child(2) { font-family: "Avenir Next"; font-size: 14px; color: #808080; line-height: 21px; } /* bootcamp colors */ #classListColumns li div.inf span { font-weight: bold; } #classListColumns li div.inf span:first-child { color: #71a0e1; } #classListColumns li div.inf span:nth-child(2) { color: #d57569; } #classListColumns li div.inf span:nth-child(3) { } #classListColumns li div.tryFirst { position: absolute; bottom: 0; left: 0; background: #eaf7fd; right: 0; font-family: "Avenir Next"; font-size: 13px; padding: 13px 20px; color: #575757; border-top: 1px solid #ededed; } #classListColumns li div.tryFirst:hover { background: #def3fc; } /* EACH COURSE PAGE */ #fullWidthImageCourse { width: 100%; height: 500px; border-top: 0px solid #f1f1f1; border-bottom: 0px solid #dadada; position: relative; } /* COURSE BACKGROUND IMAGES */ #fullWidthImageCourse.intro-js-prog { background: url(images/homepage_icons/courses/learn-javascript-in-one-week/header.jpg) center center no-repeat; background-repeat: no-repeat; background-size: cover; } #fullWidthImageCourse.simple-web { background: url(images/homepage_icons/courses/simple-web-games/header.jpg) center center no-repeat; background-repeat: no-repeat; background-size: cover; } #fullWidthImageCourse.intro-ruby { background: url(images/homepage_icons/courses/learn-ruby-in-one-week/header.jpg) center center no-repeat; background-repeat: no-repeat; background-size: cover; } #fullWidthImageCourse.intro-python { background: url(images/homepage_icons/courses/learn-python-in-one-week/header.jpg) center center no-repeat; background-repeat: no-repeat; background-size: cover; } #fullWidthImageCourse.hack-reactor { background: url(images/homepage_icons/courses/prepare-hack-reactor/header.jpg) center center no-repeat; background-repeat: no-repeat; background-size: cover; } #fullWidthImageCourse.adv-topics-js { background: url(images/homepage_icons/courses/advanced-topics-in-javascript/header.jpg) center center no-repeat; background-repeat: no-repeat; background-size: cover; } #fullWidthImageCourse.fullstack { background: url(images/homepage_icons/courses/prepare-fullstack-academy/header.jpg) center center no-repeat; background-repeat: no-repeat; background-size: cover; } #fullWidthImageCourse.app-acad { background: url(images/homepage_icons/courses/prepare-app-academy/header.jpg) center center no-repeat; background-repeat: no-repeat; background-size: cover; } #fullWidthImageCourse.array-list { background: url(images/homepage_icons/courses/arrays-and-lists/header.jpg) center center no-repeat; background-repeat: no-repeat; background-size: cover; } #fullWidthImageCourse.math { background: url(images/homepage_icons/courses/math/header.jpg) center center no-repeat; background-repeat: no-repeat; background-size: cover; } #fullWidthImageCourse.games { background: url(images/homepage_icons/courses/games/header.jpg) center center no-repeat; background-repeat: no-repeat; background-size: cover; } #fullWidthImageCourse.trees-graphs { background: url(images/homepage_icons/courses/trees-and-graphs/header.jpg) center center no-repeat; background-repeat: no-repeat; background-size: cover; } #fullWidthImageCourse.google-ques { background: url(images/homepage_icons/courses/google-interview-questions/header.jpg) center center no-repeat; background-repeat: no-repeat; background-size: cover; } #fullWidthImageCourse.micro-ques { background: url(images/homepage_icons/courses/microsoft-interview-questions/header.jpg) center center no-repeat; background-repeat: no-repeat; background-size: cover; } #fullWidthImageCourse.facebook-ques { background: url(images/homepage_icons/courses/facebook-interview-questions/header.jpg) center center no-repeat; background-repeat: no-repeat; background-size: cover; } #fullWidthImageCourse.amazon-ques { background: url(images/homepage_icons/courses/amazon-interview-questions/header.jpg) center center no-repeat; background-repeat: no-repeat; background-size: cover; } #fullWidthImageCourse.easy-js { background: url(images/homepage_icons/courses/easy-javascript/header.jpg) center center no-repeat; background-repeat: no-repeat; background-size: cover; } #fullWidthImageCourse.easy-python { background: url(images/homepage_icons/courses/easy-python/header.jpg) center center no-repeat; background-repeat: no-repeat; background-size: cover; } #fullWidthImageCourse.easy-ruby { background: url(images/homepage_icons/courses/easy-ruby/header.jpg) center center no-repeat; background-repeat: no-repeat; background-size: cover; } #fullWidthImageCourse.inter-js { background: url(images/homepage_icons/courses/intermediate-javascript/header.jpg) center center no-repeat; background-repeat: no-repeat; background-size: cover; } #fullWidthImageCourse.inter-python { background: url(images/homepage_icons/courses/intermediate-python/header.jpg) center center no-repeat; background-repeat: no-repeat; background-size: cover; } #fullWidthImageCourse.inter-ruby { background: url(images/homepage_icons/courses/intermediate-ruby/header.jpg) center center no-repeat; background-repeat: no-repeat; background-size: cover; } /* title */ #fullWidthImageCourse .code_text { color: white; font-family: "Avenir Next Demi"; text-align: center; font-size: 76px; padding-top: 189px; /*210*/ text-shadow: 1px 1px 2px #101010; line-height: 68px; } #fullWidthImageCourse .code_text p { padding: 14px 0px; display: none; animation: spinText 1.0s; -webkit-animation: spinText 1.0s; } #fullWidthImageCourse .code_text span { font-size: 25px; color: #f0f0f0; font-family: "Avenir Next"; display: block; margin-top: 7px; padding-bottom: 12px; opacity: 0.8; } #fullWidthImageCourse .code_text span a { color: #f0f0f0; border-bottom: 2px dotted #dcdcdc; padding-bottom: 3px; } #fullWidthImageCourse .code_text span a:hover { color: #fffdd6; } @-webkit-keyframes spinText { 0% { transform: skew(7deg, 7deg) } 100% { transform: skew(0deg, 0deg) } } @keyframes spinText { 0% { transform: skew(7deg, 7deg) } 100% { transform: skew(0deg, 0deg) } } #bannerBelowCourse { width: 100%; background: #2a2a2a; font-family: "Avenir Next"; position: relative; overflow: hidden; } #bannerBelowCourse #withinBanner { width: 302px; margin: 0 auto; overflow: auto; padding: 0; padding-top: 40px; padding-bottom: 120px; } #bannerBelowCourse p { width: 300px; font-size: 34px; float: left; text-align: center; color: #f5f5f5; text-shadow: 1px 1px 1px #303030; } #bannerBelowCourse p:nth-child(2) { float: right; display: none; } /* prev next buttons */ #bannerBelowCourse #prevCourses, #bannerBelowCourse #nextCourse { position: absolute; cursor: pointer; color: #b3b3b3; background: rgba(52, 52, 52, 0.5); text-align: center; font-family: "Avenir Next"; padding: 0px 25px; font-size: 12px; bottom: 0px; height: 201px; line-height: 210px; } #bannerBelowCourse #prevCourses:hover, #bannerBelowCourse #nextCourse:hover { background: rgba(65, 65, 65, 0.7); color: #d5d5d5; } #bannerBelowCourse #prevCourses a, #bannerBelowCourse #nextCourse a { color: #f0f0f0; } #bannerBelowCourse #prevCourses { left: 0; } #bannerBelowCourse #nextCourse { right: 0; } #bannerBelowCourse #prevCourses span { margin-right: 5px; } #bannerBelowCourse #nextCourse span { margin-left: 5px; } /* list of topics within course */ #classContent { width: 902px; margin: 0 auto; overflow: auto; margin-top: -100px; padding: 10px; position: relative; } #classContent .resourceListCourse { margin-top: 50px; } #classContent .resourceListCourse:nth-child(1) { margin-top: 0; } .resourceListCourse li.subheading, .resourceListCourse li.subheadingChal { background: #111111; color: white; font-family: "Avenir Next Demi"; padding: 12px 24px; padding-top: 15px; margin: 0; font-size: 22px; } .resourceListCourse li.subheadingChal { font-size: 15px; font-family: "Avenir Next"; } .resourceListCourse.bottomRelCourse, .resourceListCourse.bottomNextCourse { width: 430px; box-shadow: 0px 1px 6px #cccccc; border: 1px solid #cccccc; } .resourceListCourse.bottomRelCourse:hover, .resourceListCourse.bottomNextCourse:hover { box-shadow: 0px 1px 12px #bdbdbd; } .resourceListCourse.bottomRelCourse { float: left; } .resourceListCourse.bottomNextCourse { float: right; } .resourceListCourse.bottomRelCourse div.classDiv, .resourceListCourse.bottomNextCourse div.classDiv { width: 54%; } .resourceListCourse.bottomRelCourse p.classTitle, .resourceListCourse.bottomNextCourse p.classTitle { font-size: 20px; } .resourceListCourse.bottomRelCourse p.classDesc, .resourceListCourse.bottomNextCourse p.classDesc { font-size: 13px; } .resourceListCourse.bottomRelCourse img.classImage, .resourceListCourse.bottomNextCourse img.classImage { width: 120px; height: 120px; } .resourceListCourse.bottomRelCourse li.subheading, .resourceListCourse.bottomNextCourse li.subheading { background: #6087c1; } /* LEARN */ .resourceListCourse { width: 900px; float: left; border-radius: 3px; box-shadow: 0px 0px 2px #151515; margin: 0 auto; background: white; overflow: hidden; } .resourceListCourse li { padding: 24px 24px; overflow: hidden; border-bottom: 1px solid #dcdcdc; cursor: pointer; width: 95%; } .resourceListCourse li:last-child { border-bottom: 0px; } .resourceListCourse img.classImage { width: 130px; height: 90px; float: left; border-radius: 4px; } .resourceListCourse div.classDiv { float: left; overflow: auto; margin-left: 20px; width: 65%; } .resourceListCourse div.classDiv p.classTitle:hover { text-decoration: underline; } .resourceListCourse p.classTitle { font-size: 22px; font-family: "Avenir Next Demi"; color: #5890c1; margin-top: 7px; } .resourceListCourse p.classDesc { font-family: "Avenir Next"; color: #a2a2a2; font-size: 14px; margin-top: 12px; line-height: 20px; } /* PRACTICE */ .resourceListCourse li.chal { padding: 14px 24px; margin: 0; overflow: hidden; border-bottom: 1px solid #dcdcdc; position: relative; width: 95%; background: #fff; } .resourceListCourse li.chal a { overflow: auto; } .resourceListCourse li.chal div.classDiv { float: left; overflow: auto; margin-left: 0; width: 79%; overflow: hidden; } .resourceListCourse li.chal p.classTitle:hover { text-decoration: underline; } .resourceListCourse li.chal p.classTitle { font-size: 21px; font-family: "Avenir Next Demi"; color: #5890c1; margin-top: 0; } .resourceListCourse li.chal p.classDesc { font-family: "Avenir Next"; color: #a2a2a2; font-size: 13px; margin-top: 9px; line-height: 20px; } .resourceListCourse li.chal p.classDetails { font-family: "Helvetica"; color: #c5c5c5; font-size: 12px; margin-top: 9px; font-weight: 300; } .resourceListCourse li.chal p.classDetails span { font-family: "Avenir Next"; color: #c5c5c5; padding: 0 10px; } .resourceListCourse li.chal p.classDetails span:nth-child(1) { padding-left: 0px; } .resourceListCourse li.chal p.classDetails img { width: 14px; height: 14px; margin-bottom: -2px; margin-right: 8px; opacity: 0.6; } .resourceListCourse li.chal p.solLink { position: absolute; top: 0; right: 0; background: #f7f7f7; height: 107px; line-height: 113px; font-size: 20px; text-align: center; width: 180px; font-family: "Avenir Next"; color: #8b8b8b; overflow: hidden; margin-right: 0px; } .resourceListCourse li.chal p.complete { background: #7fcf85; color: #fff; } .resourceListCourse li.chal p.solLink:hover { background: #eaeaea; } .resourceListCourse li.chal p.complete:hover { background: #7fcf85; color:#fff; } /* NEW HOME PAGE 12/15 WITH THREE CIRCLES */ #fullWidthImage { width: 100%; height: 540px; background: url(images/homepage_icons/long_moun.jpg) center center no-repeat; background-repeat: no-repeat; background-size: cover; border-top: 0px solid #f1f1f1; border-bottom: 0px solid #dadada; position: relative; } /* outer areas */ #left_right_below { overflow: auto; width: 990px; height: 430px; margin: 0 auto; position: absolute; /*top: 40%; margin-top: -200px;*/ left: 0; right: 0; top: 120px; } #hp_chals { width: 300px; overflow: auto; float: left; padding-bottom: 10px; } #hp_left { width: 300px; overflow: auto; float: left; margin-left: 40px; padding-bottom: 10px; } #hp_right { width: 300px; overflow: auto; float: left; margin-left: 40px; padding-bottom: 10px; } #hp_left { opacity: 0.95; overflow: hidden; /* -webkit-filter: grayscale(100%); filter: grayscale(100%); */ } #hp_chals, #hp_right { opacity: 0.8; -webkit-filter: grayscale(50%); filter: grayscale(50%); overflow: hidden; } #hp_chals:hover, #hp_left:hover, #hp_right:hover { opacity: 0.95; -webkit-filter: grayscale(0%); filter: grayscale(0%); } /* checkmark */ #left_right_below li span { background: url(images/homepage_icons/checkmark.png) center center no-repeat; width: 20px; height: 20px; background-size: 20px 20px; display: block; float: left; margin-top: -4px; margin-right: 10px; } /* title and icon */ p.textInsideHP { text-align: center; font-size: 26px; font-family: "Avenir Next"; color: white; background: #5580af; text-shadow: 1px 1px 1px #4f4f4f; border-bottom-left-radius: 290px; border-bottom-right-radius: 290px; position: absolute; bottom: 0; left: 0; right: 0; height: 110px; width: 290px; margin: 0 auto; padding-top: 28px; opacity: 1.0; } /* bootcamps */ #bootcampExp { width: 290px; height: 290px; margin: 0 auto; border-radius: 50%; border: 0px solid #ebebeb; box-shadow: 0px 0px 4px #555555; background: url(images/homepage_icons/main_bc_anim.png) left center no-repeat #f9f9f9; background-size: 3480px 290px; position: relative; animation: rotate 1.1s; -webkit-animation: rotate 1.1s; } /* jobs */ #jobExp { width: 290px; height: 290px; margin: 0 auto; border-radius: 50%; border: 0px solid #f1f1f1; background: url(images/homepage_icons/main_job_anim.png) left center no-repeat #f9f9f9; background-size: 3480px 290px; position: relative; animation: rotate .7s; -webkit-animation: rotate .7s; } #jobExp p.textInsideHP { background: #48b55a; } /* challenges */ #chalExp { width: 290px; height: 290px; margin: 0 auto; background: #fafafa; border-radius: 50%; border: 0px solid #f1f1f1; background: url(images/homepage_icons/main_chal_anim.png) left center no-repeat #f9f9f9; position: relative; background-size: 1160px 290px; animation: rotate .7s; -webkit-animation: rotate .7s; } #chalExp p.textInsideHP { background: #ab4444; } @-webkit-keyframes playIcon { 100% { background-position: -1160px; } } @keyframes playIcon { 100% { background-position: -1160px; } } @-webkit-keyframes playIconBootcamp { 100% { background-position: -3480px; } } @keyframes playIconBootcamp { 100% { background-position: -3480px; } } @-webkit-keyframes playIconJobs { 100% { background-position: -3480px; } } @keyframes playIconJobs { 100% { background-position: -3480px; } } @-webkit-keyframes rotate { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } @keyframes rotate { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } #bannerBelow { width: 100%; background: #2a2a2a; overflow: auto; font-family: "Avenir Next"; } #withinBanner { width: 1000px; margin: 0 auto; overflow: auto; padding: 22px 0px; } #bannerBelow img { width: 180px; height: auto; float: left; border-radius: 2px; border: 3px solid #202020; -webkit-filter: grayscale(50%); filter: grayscale(50%); } #bannerBelow p { float: left; margin-top: 47px; font-size: 26px; margin-left: 34px; color: #efefef; text-shadow: 1px 1px 1px #303030; } #bannerBelow p span { color: #afe0f5; border-bottom: 2px dotted #636363; padding-bottom: 3px; cursor: pointer; } #bannerBelow p span.privTut { color: #f7e3b8; } #bannerBelow p span:hover { color: #c7eaf9; } #bannerBelow p span.privTut:hover { color: #fcf2db; } /* HOME PAGE TOP FRONT CONTENT */ #main_box { width: 967px; margin: 0 auto; } #main_box li { float: left; height: 233px; } #main_box_icons { width: 840px; margin: 0 auto; overflow: auto; margin-top: 5px; margin-bottom: 30px; } #main_box_icons li { width: 280px; height: 300px; float: left; } #main_box_icons li.prog_icon { background: url("images/homepage_icons/prog_icon.png") center center no-repeat; } #main_box_icons li.game_icon { background: url("images/homepage_icons/game_icon.png") center center no-repeat; } #main_box_icons li.comp_icon { background: url("images/homepage_icons/comp_icon.png") center center no-repeat; } #main_box_icons p { font-family: Helv Ne, Helvetica; text-align: center; font-size: 29px; padding-top: 213px; } .bullet_badges { background: white; width: 525px; } .bullet_badges_onlytext { background: white; width: 525px; } #main_box p { font-family: Franklin Gothic Book, Helvetica; font-size: 18px; margin-bottom: 9px; } #main_box .bullet_badges_onlytext p { font-family: "Franklin Gothic Book"; font-size: 21px; } #allBullets { margin-top: 12px; margin-left: 39px; background: #f7f7f7; width: 445px; padding: 22px 22px; padding-right: 15px; border: 2px solid #b0b0b0; -moz-border-radius: 3px; border-radius: 3px; -webkit-border-radius: 3px; padding-bottom: 14px; -moz-box-shadow: 1px 1px 1px #141414; -webkit-box-shadow: 1px 1px 1px #141414; box-shadow: 1px 1px 1px #141414; } .oran { font-family: 'Franklin Gothic Medium'; color: #1c364b; text-shadow: 1px 1px 1px #f9f9f9; } #takeChallenge { background: #5aa336; border: 1px solid #5e8d48; color: white; font-family: "Helvetica"; font-size: 21px; padding: 16px 36px; margin-left: 22px; margin-top: 17px; cursor: pointer; text-shadow: 1px 1px 2px #4c4c4c; -moz-border-radius: 3px; border-radius: 3px; -webkit-border-radius: 3px; -moz-box-shadow: 1px 1px 1px #000; -webkit-box-shadow: 1px 1px 1px #000; box-shadow: 1px 1px 1px #000; } #takeChallenge:hover { background: #d29428; border-color: #8c6e38; text-shadow: 1px 1px 2px #3f3f3f; } #signupORlogin { background: #5aa336; border: 1px solid #5e8d48; color: white; font-family: "Helvetica"; font-size: 21px; padding: 15px 36px; margin-left: 22px; margin-top: 17px; cursor: pointer; text-shadow: 1px 1px 2px #4c4c4c; -moz-border-radius: 3px; border-radius: 3px; -webkit-border-radius: 3px; text-align:center; -moz-box-shadow: 1px 1px 1px #000; -webkit-box-shadow: 1px 1px 1px #000; box-shadow: 1px 1px 1px #000; } #signupORlogin:hover { background: #d29428; border-color: #8c6e38; text-shadow: 1px 1px 2px #3f3f3f; } #learnMore { background: #416481; border: 1px solid #d3d3d3; padding: 12px 43px; color: white; font-family: "Helvetica"; font-size: 15px; text-shadow: 1px 1px 2px #3f3f3f; text-align: center; margin-left: 22px; margin-top: 16px; cursor: pointer; -moz-border-radius: 4px; border-radius: 4px; -webkit-border-radius: 4px; } #learnMore:hover { background: #517b9f; } #try_challenge_now { width: 960px; height: 77px; } #try_challenge_now p { font-family: "Franklin Gothic Book"; font-size: 27.43px; color: #1c1c1c; padding-left: 27px; padding-top: 280px; } #try_challenge_now span { font-family: "Franklin Gothic Medium"; font-size: 25px; } #try_challenge_now span.whichLanguage { font-family: "Arial"; color: #5f5f5f; font-size: 15px; padding-left: 524px; margin-top: -23px; display: block; } #try_challenge_now span.code_link { font-family: "Arial"; color: #3e74ab; font-size: 15px; cursor: pointer; padding: 4px 7px; background: #f7f7f7; border: 1px solid #cecece; margin-right: 6px; margin-left: 6px; -moz-border-radius: 4px; border-radius: 4px; -webkit-border-radius: 4px; } #try_challenge_now span.code_link:hover { color: #c7812e; } /* HOMEPAGE PROGRAMMING CHALLENGE */ #homepage_programming_challenge { width: 960px; margin: 0 auto; margin-top: 262px; } #homepage_programming_challenge_python { width: 960px; margin: 0 auto; margin-top: 272px; } #javascript_challenge { background: url(images/main_page_challenge/testchallenge_cut_09.png) center center no-repeat; width: 366px; height: 319px; float: left; } .js_title { font-family: "Helvetica"; font-size: 18px; color: #feeaa5; text-align: center; padding-left: 2px; padding-top: 13px; } .js_question { font-family: "Helvetica"; font-size: 14px; padding-top: 25px; padding-left: 50px; padding-right: 40px; } .runcode_button, .runcode_button_false { background: url(images/main_page_challenge/buttonhover.png) center top no-repeat; width: 290px; height: 48px; margin-top: 13px; margin-left: 41px; } .runcode_button:hover { background-position: center bottom; cursor: pointer; } .runcode_button p, .runcode_button_false p { font-family: "Helvetica"; font-size: 20px; color: #f8f8f8; text-align: center; padding-top: 11px; } /* correct answer on challenge */ .correct_challenge_answer { font-family: "Helvetica"; font-size: 17px; text-align: center; background: #52a429; width: 275px; margin-left: 37px; margin-top: 40px; padding-bottom: 25px; padding-top: 40px; border: 1px solid #494949; padding-right: 10px; padding-left: 10px; -moz-border-radius: 4px; border-radius: 4px; -webkit-border-radius: 4px; } .correct_challenge_answer p { color: white; padding-bottom: 15px; margin-left: -3px; } #javascript_editor { background: url(images/main_page_challenge/testchallenge_cut_10.png) center center no-repeat; width: 594px; height: 319px; float: right; } #javascript_editor form { margin-top: 5px; margin-left: 20px; } #output_answer, #output_answer_python { width: 230px; height: 28px; margin-top: 13px; padding-left: 4px; color: #000000; font-family: "Franklin Gothic Medium"; font-size: 15px; border: 1px solid #858585; } .morechall a { font-family: "Helvetica"; color: #577d9e; font-size: 13px; border-bottom: 1px solid #dbdbdb; padding-bottom: 3px; margin-left: 24px; } .morechall a:hover { border-bottom: 1px solid #bbbbbb; color: #9c4018; } #javascript_editor label { margin-left: 83px; padding-right: 3px; font-family: "Helvetica"; color: #2c2c2c; font-size: 17px; } /* HOMEPAGE FOOTER */ #footer { background: url(images/main_page_bottom/footer_cut_new.png) center center no-repeat; width: 960px; height: 70px; /*60*/ margin: 0 auto; margin-top: 32px; /*margin-top: 356px;*/ } #footer div { text-align: center; padding-top: 26px; } #footer a { font-family: "Helvetica"; color: #475770; font-size: 14px; padding-left: 15px; font-weight: 300; } #footer a:hover { color: #c7812e; } #footer a.copyright { font-size:13px; color:#848484; } #footer span.ideone_desc { font-family: "Helvetica"; color: #353535; font-size: 14px; padding-left: 17px; } #footer span.ideone_desc a { font-family: "Helvetica"; color: #475770; font-size: 14px; padding-left: 2px; } /* ***************************** SIGNUP PAGE and LOGIN ***************************** */ #register, #login { background: white; } #forgotPassword { background: white; } .signup_error { color:darkred; font-size:14px; font-family:Arial; text-align:center; padding-top: 44px; font-style:italic; } .change_pass_done { color:darkgreen; font-size:14px; font-family:Arial; text-align:center; padding-top: 14px; font-style:italic; } .register_error { color:darkred; font-size:20px; letter-spacing:0px; font-family: "Helvetica"; } #container_SIGNUP { width: 350px; padding-top: 27px; overflow: auto; float: left; } #container_LOGIN { width: 350px; border-left: 1px solid #afafaf; padding-bottom: 220px; overflow: auto; float: right; margin-top: 8px; } .signup_login_floats { border: 0px solid gray; padding-left: 60px; padding-right: 60px; overflow: auto; } #signup_info li { margin-bottom: 20px; } /* login info for groups */ #goToLogin { font-family: "Franklin Gothic Book"; font-size: 19px; background: #f5f5f5; color: #2161a2; text-shadow: 1px 1px 1px #ebebeb; padding: 25px 27px; -moz-border-radius: 6px; border-radius: 6px; -webkit-border-radius: 6px; border: 1px solid #7d7d7d; cursor: pointer; } #goToLogin:hover { background: #d56a23; color: white; text-shadow: 1px 1px 1px #0f0f0f; border-color: #183350; } #container_group_loginButton { overflow: hidden; width: 370px; margin: 0 auto; padding: 20px; padding-bottom: 100px; margin-top: 50px; float: right; margin-right: 40px; } /* */ /* all inputs for sign up and login */ #signup_info input { height: 30px; width: 330px; border: 2px solid #adadad; font-size: 18px; padding: 5px 7px; font-family: "Franklin Gothic Book"; color: #78899e; -moz-border-radius: 3px; border-radius: 3px; -webkit-border-radius: 3px; } #signup_info li #organization_field { color: #7a7a7a; } #signup_info #country_field { height: 44px; width: 347px; border: 2px solid #adadad; font-size: 18px; padding: 5px 7px; font-family: "Franklin Gothic Book"; color: #7a7a7a; -moz-border-radius: 3px; border-radius: 3px; -webkit-border-radius: 3px; background: #f1f1f1; } #signuplogo { background: url(images/signuplogo.png) center center no-repeat; width: 334px; height: 74px; margin: 0 auto; margin-bottom: 24px; margin-left: 4px; } #loginlogo { background: url(images/loginlogo.png) center center no-repeat; width: 334px; height: 74px; margin: 0 auto; margin-bottom: 24px; margin-left: 4px; } #signup_submit, #login_submit { width: 348px; padding: 7px; margin: 0 auto; text-align: center; background: #3a8720; color: white; font-family: "Helvetica"; font-size: 17px; border: 2px solid #d5d5d5; cursor: pointer; } #signup_submit { margin-bottom: 10px; } #signup_submit:hover { background: #bb8127; } #login_submit:hover { background: #bb8127; } #forgot_form { width: 530px; margin: 0 auto; } .backbutton_forgotPass { text-align: center; margin-top: 40px; margin-right: 17px; } .backbutton_forgotPass a { font-family: "Helvetica"; font-size: 14px; color: #686868; } .backbutton_forgotPass a:hover { color: #ca7d2b; } .forgotpass { font-family: "Helvetica"; color: #3d79a0; font-size: 12px; } .forgotpass:hover { color: #c08c3b; } .fp_title { color: #6d6d6d; font-size: 13px; font-family: "Helvetica"; text-align: center; padding-top: 45px; } #forgotPassword input#username_field { height: 30px; width: 330px; border: 2px solid #adadad; font-size: 18px; padding: 5px 7px; font-family: "Helvetica"; color: #2d6b80; -moz-border-radius: 3px; border-radius: 3px; -webkit-border-radius: 3px; margin-top: 40px; margin-left: 90px; } #fp_reset { width: 348px; padding: 7px; margin: 0 auto; text-align: center; background: #3a8720; color: white; font-family: "Helvetica"; font-size: 17px; border: 2px solid #d5d5d5; cursor: pointer; margin-left: 90px; margin-top: 23px; } #fp_reset:hover { background: #bb8127; } .memberLinkSignup { font-family: "Helvetica"; font-size: 13px; color: #3d79a0; margin-top: 10px; display: block; float: right; } .memberLinkSignup:hover { text-decoration: underline; } /* ************************************************* NEW CODING AREA PAGE + SOME PROFILE STUFF ************************************************* */ #outerWholeArea { width: 960px; margin: 0 auto; overflow: auto; } #codingareaMain { width: 782px; margin: 0 auto; overflow: auto; float: left; } #rightSideBar { width: 175px; margin: 0 auto; overflow: auto; float: left; border-left: 1px solid #cdcdcd; padding-top: 0px; padding-bottom: 21px; } /* new user list */ .newUsersHeader { text-align: center; font-family: "Franklin Gothic Book"; font-size: 20px; color: #c35b22; text-shadow: 0px 0px 0px #e2e2e2; padding-left: 10px; } #newUsersList, #univUsersList, #randUsersList { margin-left: 14px; padding-right: 3px; margin-top: 14px; } #rightSideBar a.eachNewUser { display: block; background: #f6f6f6; padding: 3px 12px; -moz-border-radius: 0px; border-radius: 0px; -webkit-border-radius: 0px; -moz-box-shadow: 1px 1px 1px #fff; -webkit-box-shadow: 1px 1px 1px #fff; box-shadow: 1px 1px 1px #fff; border-bottom: 1px solid #dadada; font-family: "Helvetica"; font-size: 13px; margin-bottom: 2px; vertical-align: text-top; } #rightSideBar a.eachNewUser:hover { background: #3371a6; color: white; text-shadow: 1px 1px 1px #181818; -moz-border-radius: 3px; border-radius: 3px; -webkit-border-radius: 3px; -moz-box-shadow: 1px 1px 4px #1a1a1a; -webkit-box-shadow: 1px 1px 4px #1a1a1a; box-shadow: 1px 1px 4px #1a1a1a; } #rightSideBar a.eachNewUser img { border: 1px solid #5e5e5e; margin-right: 7px; -moz-border-radius: 2px; border-radius: 2px; -webkit-border-radius: 2px; margin-top: 3px; } /* HACK TO GET USERNAMES RIGHT NEXT TO IMAGES */ #rightSideBar a.eachNewUser div { display: block; margin-top: -22px; padding-left: 30px; padding-bottom: 4px; } /* search for user options */ #searchUsersByButton { background: #d1682f; border: 1px solid #e6e6e6; -moz-border-radius: 11px; border-radius: 11px; -webkit-border-radius: 11px; padding: 4px 6px; -moz-box-shadow: 1px 1px 1px #000; -webkit-box-shadow: 1px 1px 1px #000; box-shadow: 1px 1px 1px #000; font-family: "Helvetica"; font-size: 15px; color: white; font-weight: bold; text-align: center; margin-left: 12px; margin-right: 3px; text-shadow: 1px 1px 1px #202020; margin-bottom: 13px; margin-top: -4px; cursor: pointer; } #searchUsersByButton:hover { background: #dc7741; } /* hide other search options */ #univUsersList { display: none; } #randUsersList { display: none; } #searchForOptions { background: #f6f6f6; font-family: "OpenSans"; font-size: 18px; margin-left: 11px; border: 2px solid #d4d4d4; -moz-border-radius: 3px; border-radius: 3px; -webkit-border-radius: 3px; margin-top: 3px; display: none; } #searchForOptions li { padding: 6px 0px; cursor: pointer; padding-left: 12px; border-bottom: 1px solid #d4d4d4; } #searchForOptions li:hover { background: white; } #searchForOptions li:last-child { border-bottom: 0px; } /* nav buttons in coding area */ #buttonsAtTop { overflow: auto; width: 730px; margin: 0 auto; padding-top: 10px; padding-bottom: 1px; } #buttonsAtTop a { display: block; height: 45px; width: 169px; background: #f1f1f1; border: 1px solid #acacac; /*old width 132px 230px*/ -moz-border-radius: 3px; border-radius: 3px; -webkit-border-radius: 3px; font-family: "Franklin Gothic Book"; font-size: 18px; text-align: center; color: #214794; text-shadow: 1px 1px 1px #ebebeb; cursor: pointer; padding: 9px 0px; margin-right: 14px; line-height: 47px; float: left; -moz-box-shadow: 1px 1px 1px #333333; -webkit-box-shadow: 1px 1px 1px #333333; box-shadow: 1px 1px 1px #333333; } #buttonsAtTop a:last-child { margin-right: 0px; } #buttonsAtTop a.pressQues { /*background: #fff4cf;*/ } #buttonsAtTop a.pressGroup, #buttonsAtTop a.pressComp { /*background: #f8f8f8; color: #525d75;*/ } #buttonsAtTop a:hover { background: #3371a6; color: white; text-shadow: 1px 1px 1px #232323; border-color: #142545; } #buttonsAtTop a.pressGroup:hover, #buttonsAtTop a.pressComp:hover { /*background: #5990c0; color: white; text-shadow: 1px 1px 1px #232323; border-color: #2c436e;*/ } #chat_pub_priv { margin-top: 3px; margin-left: 14px; } #chat_pub_priv li { float: left; font-family: "Helvetica"; font-size: 12px; cursor: pointer; margin-right: 6px; color: #4d4d4d; } #chatArea { margin-top: 20px; } #jobsArea div { margin: 0 auto; margin-top: 30px; width: 750px; } #showSmallProfile { overflow: auto; width: 730px; margin: 0 auto; border-bottom: 1px solid #cdcdcd; padding-bottom: 16px; } #showSmallProfile div { float: left; } #showSmallProfile div.profileImage img { border: 2px solid #414141; -moz-border-radius: 3px; border-radius: 3px; -webkit-border-radius: 3px; padding: 0px; } /* member panel */ #member_links { overflow: auto; width: 730px; margin: 0 auto; border-bottom: 1px solid #cdcdcd; padding:4px 2px; } #member_links li { float: left; } #member_links .linkToChat, #member_links .linkToSec, #member_links .split_mem_link, #member_links .mem_panel, #member_links .linkToChat_close, #member_links .writeChal { font-family: "Helvetica"; font-size: 12px; color: #575757; cursor: pointer; } #member_links .linkToChat:hover, #member_links .linkToSec:hover, #member_links .writeChal:hover { color: #191919; } #member_links .split_mem_link { margin-left: 10px; margin-right: 10px; } #member_links .mem_panel { color: black; cursor: default; margin-right: 10px; } #member_links .linkToChat_close { display: none; } /* profile info */ #showSmallProfile .profileInfo { width: 610px; margin-top: 20px; } #showSmallProfile .profileInfo li { float: left; } #showSmallProfile .userName { font-family: "Franklin Gothic Medium"; font-size: 31px; color: #7c1919; padding-left: 22px; } #showSmallProfile .userPoints { font-size: 27px; font-family: "Franklin Gothic Medium"; color: #c35b22; background: #f8f8f8; padding: 7px 13px; border: 1px solid #dedede; margin-top: -5px; margin-left: 19px; -moz-border-radius: 3px; border-radius: 3px; -webkit-border-radius: 3px; -moz-box-shadow: 1px 1px 1px #000; -webkit-box-shadow: 1px 1px 1px #000; box-shadow: 1px 1px 1px #000; } #showSmallProfile .userPoints span { font-size: 20px; font-family: "Franklin Gothic Medium"; color: #686868; } #showSmallProfile .linkToProf a { font-family: "Helvetica"; font-size: 14px; color: #d18739; display: block; margin-top: 13px; margin-left: 19px; } #showSmallProfile .linkToProf a:hover { color: #1c5d9f; } #showSmallProfile .linkToLogout a { font-family: "Helvetica"; font-size: 14px; color: #ad1f1f; display: block; margin-top: 13px; margin-left: 22px; } #showSmallProfile .linkToLogout a:hover { color: #7e1a1a; } #showSmallProfile .linkToCreate a { font-family: "Helvetica"; font-size: 14px; color: #2da520; display: block; margin-top: 13px; margin-left: 22px; } #showSmallProfile .linkToCreate a:hover { color: #5bca50; } /* OLD */ /*#rankArea #rankings_area { width: 730px; margin: 0 auto; margin-top: 22px; background: #f0f0f0; padding-top: 20px; border: 1px solid #bfbfbf; }*/ /* NEW */ .more_info #rankings_area { width: 578px; -moz-border-radius: 0px; border-radius: 0px; -webkit-border-radius: 0px; padding-top: 0px; margin-top: 0px; } #rankings_area { width: 850px; margin: 0 auto; background: #f5f5f5; padding-top: 24px; border: 1px solid #a8a8a8; margin-top: 31px; -moz-border-radius: 4px; border-radius: 4px; -webkit-border-radius: 3px; } #writeArea #writing_area { width: 724px; margin: 0 auto; margin-top: 11px; background: #f0f0f0; border: 1px solid #a0a0a0; padding: 20px 0px; } .pickTier { font-family: "Helvetica"; } /* profile page profile */ #showBigProfile { overflow: auto; width: 800px; margin: 0 auto; border-bottom: 1px solid #cdcdcd; padding-bottom: 9px; margin-bottom: 20px; padding-top: 28px; } #showBigProfile div { float: left; } #showBigProfile div.profileImage img { border: 2px solid #414141; -moz-border-radius: 3px; border-radius: 3px; -webkit-border-radius: 3px; padding: 0px; } /*#showBigProfile div.profileImage img:hover { background-image: url(images/overlayHoverImage.png) center center no-repeat; width: 140px; height: 140px; }*/ #showBigProfile .profileInfo { width: 620px; margin-top: 0px; } #showBigProfile .profileInfo li { float: left; } #showBigProfile .profileInfo p { clear:both; color: #1d1d1d; font-family: "Helvetica"; font-size: 14px; margin-left: 22px; margin-bottom: 8px; } #showBigProfile .profileInfo p span { clear:both; color: #848484; font-size: 13px; font-family: "Helvetica"; } #showBigProfile .profileInfo .fullName_text { font-family: "Franklin Gothic Book"; font-size: 15px; color: #848484; } #ranking_in_prof { clear:both; color: #b2521e; font-family: "Helvetica"; font-size: 14px; padding-top: 2px; } #ranking_in_prof span { clear:both; color: #848484; font-size: 13px; font-family: "Helvetica"; } #showBigProfile .userName { font-family: "Franklin Gothic Medium"; font-size: 31px; color: #7c1919; padding-left: 22px; } #showBigProfile .profileInfo li.userPoints { font-size: 27px; font-family: "Franklin Gothic Medium"; color: #c35b22; background: #f8f8f8; padding: 7px 13px; border: 1px solid #dedede; margin-top: 5px; margin-left: 0px; margin-bottom: 0px; float: right; -moz-border-radius: 3px; border-radius: 3px; -webkit-border-radius: 3px; -moz-box-shadow: 1px 1px 1px #000; -webkit-box-shadow: 1px 1px 1px #000; box-shadow: 1px 1px 1px #000; } #showBigProfile .userPoints span { font-size: 20px; font-family: "Franklin Gothic Medium"; color: #686868; } /* social links */ .social_text a { background: #ededed; -moz-border-radius: 3px; border-radius: 3px; -webkit-border-radius: 3px; -moz-box-shadow: 1px 1px 1px #474747; -webkit-box-shadow: 1px 1px 1px #474747; box-shadow: 1px 1px 1px #474747; padding: 2px 8px; margin-right: 4px; font-size: 13px; } .social_text a.twitLink { color: #397cc1; } .social_text a.twitLink:hover { background: #f9f9f9; } .social_text a.linkedLink { color: #29488e; } .social_text a.linkedLink:hover { background: #f9f9f9; } .social_text a.gitLink { color: #7f3633; } .social_text a.gitLink:hover { background: #f9f9f9; } .social_text a.coderbitsLink { color: #ab5c22; } .social_text a.coderbitsLink:hover { background: #f9f9f9; } .social_text a.nosocial { background: white; -moz-border-radius: 3px; border-radius: 3px; -webkit-border-radius: 3px; -moz-box-shadow: 0px 0px 0px #474747; -webkit-box-shadow: 0px 0px 0px #474747; box-shadow: 0px 0px 0px #474747; margin-right: 4px; font-size: 13px; color: #316dc8; padding: 0px; } .social_text a.nosocial:hover { color: #58aad9; text-decoration: underline; } .displayCPLandAVG { background: #f2f2f2; -moz-border-radius: 14px; border-radius: 14px; -webkit-border-radius: 14px; -moz-box-shadow: 1px 1px 1px #474747; -webkit-box-shadow: 1px 1px 1px #474747; box-shadow: 1px 1px 1px #474747; border: 1px solid #c2c2c2; padding: 6px 8px; font-size: 16px; font-family: "Franklin Gothic Medium"; color: #c35b22; text-shadow: 1px 1px 1px #dfdfdf; margin-left: 3px; margin-right: 3px; } #whole_profile_shift_left { width: 830px; overflow: auto; float: left; padding-right: 0px; border-right: 1px solid #cdcdcd; } #right_side_badges { float: left; overflow: hidden; width: 120px; padding-left: 13px; margin-top: 22px; padding-bottom: 6px; padding-top: 4px; } .hoverBLANK { cursor: pointer; } #prof_settings_link { overflow: auto; font-family: "Helvetica"; font-size: 13px; margin-top: 10px; margin-left: 15px; border-bottom: 1px solid #cdcdcd; padding-bottom: 10px; } #prof_settings_link li { float: left; margin-right: 11px; color: #989898; } #prof_settings_link li a { color: #989898; } #prof_settings_link li a:hover { color: #343434; } #prof_settings_link li a.logoutFromProf { } #prof_settings_link li a.sub_option { color: #7f9aef; } /* *********************** CHALLENGES PAGE ************************ */ #easy_med_hard_buttons { overflow: auto; width: 890px; margin: 0 auto; padding: 4px 0px; margin-top: 28px; padding-left: 15px; } #easy_med_hard_buttons > a { display: block; float: left; width: 285px; padding: 13px 0px; font-family: "Helvetica"; font-size: 15px; background: #f7f7f7; border: 1px solid #d4d4d4; margin-right: 12px; -moz-border-radius: 3px; border-radius: 3px; -webkit-border-radius: 3px; text-align: center; -moz-box-shadow: 0px 1px 1px #676767; -webkit-box-shadow: 0px 1px 1px #676767; box-shadow: 0px 1px 1px #676767; } #easy_med_hard_buttons a:hover { background: white; } #easy_med_hard_buttons span { color: black; font-size: 16px; font-family: "Courier New"; letter-spacing: -1px; } #easy_med_hard_buttons a:first-child { margin-left: -8px; } #easy_med_hard_buttons a.writeChalButton { color: #316dc8; margin: 0 auto; text-align: center; color: #397eaf; background: white; -moz-box-shadow: 0px 0px 0px #000; -webkit-box-shadow: 0px 0px 0px #000; box-shadow: 0px 0px 0px #000; font-size: 15px; border: 0px solid white; margin-left: 193px; margin-top: 10px; width: 240px; } #easy_med_hard_buttons a.writeChalButton:hover { color: #58aad9; } /* new challenges page */ .descForChals { float: right; width: 548px; font-family: "Helvetica"; font-size: 13px; margin-top: -37px; padding: 10px 7px; background: #f4f4f4; border: 1px solid #cfcfcf; margin-right: 12px; text-align: right; padding-right: 65px; color: #a1a1a1; } .descForChals a { color: #a1a1a1; } .descForChals a.notShown { color: #dbdbdb; } .descForChals a:hover { text-decoration: underline; color: #c35b22; } .descForChals a.notShown:hover { text-decoration: none; color: #dbdbdb; } .descForChals span { padding: 0px 33px; color: #b5b5b5; } .descForChals span.sols_chal_page { padding: 0px; color: #5e5e5e; } .diffLevel { font-family: "Franklin Gothic Medium"; margin-left: 44px; font-size: 21px; margin-top: 20px; margin-bottom: 23px; text-shadow: 1px 1px 1px #f0f0f0; letter-spacing: -1px; } .diffLevel span.quesMark a { background: #be4636; border: 1px solid #e6e6e6; -moz-border-radius: 11px; border-radius: 11px; -webkit-border-radius: 11px; padding: 1px 6px; -moz-box-shadow: 1px 1px 1px #000; -webkit-box-shadow: 1px 1px 1px #000; box-shadow: 1px 1px 1px #000; font-family: "Helvetica"; font-size: 16px; color: white; font-weight: bold; margin-left: 4px; text-shadow: 1px 1px 1px #202020; } .diffLevel span.quesMark a:hover { background: #d2a945; } #specChals p.comingsoonSpec { font-family: "Helvetica"; font-size: 14px; margin-left: 44px; color: #393939; } /* advanced titles -- linear alg, physics, etc. */ .titleOfAdvanced { font-family: "Franklin Gothic Medium"; margin-left: 44px; font-size: 17px; margin-bottom: 9px; color: #fff9ce; background: #404040; text-shadow: 1px 1px 1px #191919; -moz-box-shadow: 1px 1px 0px #b1b1b1; -webkit-box-shadow: 1px 1px 0px #b1b1b1; box-shadow: 1px 1px 0px #b1b1b1; -moz-border-radius: 3px; border-radius: 3px; -webkit-border-radius: 3px; border: 1px solid #919191; padding: 5px 8px; text-align: center; } #programming_chals_area { position: relative; } .chals_buttons { width: 890px; margin: 0 auto; overflow: auto; margin-top: -470px; padding-bottom: 6px; margin-bottom: -15px; position: relative; } .chals_buttons li { float: left; width: 415px; font-family: "Helvetica"; background: #f4f4f4; -moz-box-shadow: 1px 1px 1px #d5d5d5; -webkit-box-shadow: 1px 1px 1px #d5d5d5; box-shadow: 1px 1px 1px #d5d5d5; border: 1px solid #aaaaaa; font-size: 26px; text-shadow: 1px 1px 1px #dbdbdb; -moz-border-radius: 4px; border-radius: 4px; -webkit-border-radius: 4px; color: #797979; margin-right: 20px; cursor: pointer; padding: 30px 8px; text-align: center; } .chals_buttons li:nth-child(3), .chals_buttons li:nth-child(4) { margin-right: 0px; } .chals_buttons li:nth-child(1), .chals_buttons li:nth-child(3) { opacity: 0.7; } .chals_buttons li:hover { background: white; color: black; } .chals_buttons li.prog_chals_button_CHOSEN, .chals_buttons li.game_chals_button_CHOSEN, .chals_buttons li.sec_chals_button_CHOSEN, .chals_buttons li.test_chals_button_CHOSEN { background: #53b942; color: white; text-shadow: 1px 1px 1px #2e2e2e; border: 1px solid #36612f; -moz-box-shadow: 1px 1px 4px #616161; -webkit-box-shadow: 1px 1px 4px #616161; box-shadow: 1px 1px 4px #616161; } #easyChals { background: white; border-radius: 6px; padding-top: 1px; margin-top: 10px !important; } #easyChals, #medChals, #hardChals { width: 967px; margin: 0 auto; padding-right: 30px; } #challengesPageImage { width: 100%; height: 500px; /*background: url(images/homepage_icons/skyline2.jpg) center center no-repeat;*/ background: white; background-repeat: no-repeat; background-size: cover; border: 0px; position: relative; } #game_chals_area, #quiz_chals_area { background: white; border: 0px solid #9e9e9e; width: 890px; margin: 0 auto; font-family: Franklin Gothic Book, Helvetica; font-size: 15px; padding: 12px 20px; margin-top: 18px; color: #2b2b2b; -moz-border-radius: 4px; border-radius: 4px; -webkit-border-radius: 4px; } #game_chals_area p, #quiz_chals_area p { color: #212121; } #game_chals_area span, #quiz_chals_area span { color: #982727; } #CurrentGames, #PracticeGames { font-family: "Franklin Gothic Medium"; font-size: 21px; padding-bottom: 8px; text-shadow: 1px 1px 1px #f0f0f0; letter-spacing: -1px; } #game_chals_area { overflow: auto; margin-top: 40px; position: relative; } #algTopics { overflow: auto; width: 150px; border: 0px solid red; margin-left: 0px; background: #ecf5fa; padding: 10px 13px; border: 1px solid #cfdbe3; font-size: 13px; float: left; border-radius: 3px; } #algTopics li { float: left; margin-bottom: 7px; width: 100%; } #algTopics li span { color: #373c3f; cursor: pointer; } #algTopics li span:hover { text-decoration: underline; color: #3179bd; } #algTopics h3 { float: left; margin-bottom: 8px; color: #2269ab; margin-top: 13px; cursor: pointer; font-family: "Franklin Gothic Book"; font-size: 14px; width: 100%; border-bottom: 1px solid #e1e4e6; padding-bottom: 10px; } #algTopics h3:hover { text-decoration: underline; color: #000; } /* EACH ALG */ #showGames { background: white; border: 0px solid #a2a2a2; width: 695px; float: right; } #showGames .eachPracGame { display: block; } .eachPracGame { background: #fafafa; padding: 10px 15px; margin-bottom: 12px; border: 1px solid #d0d0d0; font-size: 17px; font-size: 18px; font-family: "Helvetica"; overflow: auto; } .eachPracGame p { margin-top: 6px; } .eachPracGame p a { color: black; font-size: 15px; } .eachPracGame p a:hover { text-decoration: underline; color: #3179bd; } .eachPracGame img { width: 55px; height: 55px; float:left; margin-right: 12px; border-radius: 4px; } .eachPracGame img.interviewIcon_vid, .eachPracGame img.interviewIcon_unlock { width: 25px; height: 25px; float: right; margin-top: -40px; margin-right: 5px; } .eachPracGame img.interviewIcon_unlock { margin-right: 39px; margin-top: -42px; } .eachPracGame img.interviewIcon_vid { width: 27px; } .challengeIcon_unlock { width: 15px; height: 15px; margin-right: 20px; margin-bottom: -3px; } .eachPracGame ul { overflow: auto; margin-top: 5px; } .eachPracGame ul li { float: left; margin-right: 6px; font-size: 13px; color: #bababa; cursor: pointer; } .eachPracGame ul li:hover { text-decoration: underline; } #pracTestBanner { width: 720px; margin: 0 auto; margin-top: 16px; margin-left: 113px; background: #85c3e0; border-radius: 4px; padding: 14px 10px; padding-right: 0px; cursor: pointer; } #pracTestBanner:hover { background: #96cee8; } #pracTestBanner p { color: white; font-family: "Avenir Next"; font-size: 17px; text-align: center; text-shadow: 1px 1px 1px #a6a6a6; } /* ********************** CODING AREA PAGE ********************** */ #text_below_header { background: url(images/CodingArea/header_cut_02.png) center center no-repeat; width: 960px; height: 125px; margin: 0 auto; } #text_below_header_smaller { background: url(images/CodingArea/header_cut_02_NEW.png) center center no-repeat; width: 960px; height: 44px; margin: 0 auto; } #text_below_header p { font-family: "Franklin Gothic Book"; font-size: 28px; color: #202020; padding-top: 39px; text-align: center; } #text_below_header p#sec_question { font-family: "Franklin Gothic Book"; font-size: 14px; color: #202020; padding-top: 13px; text-align: left; margin-left: 105px; } #CodingArea_MainContent { width: 960px; margin: 0 auto; } #text_below_header input#sec_ques_answer { font-family: 'Franklin Gothic Book'; font-size: 12px; padding: 2px 9px; color: #2e2e2e; margin-left: 2px; } #text_below_header input#submitTempUsername { font-family: 'Franklin Gothic Book'; font-size: 12px; padding: 2px 8px; margin-left: 2px; } .clickForTempUsername { font-family: "Franklin Gothic Medium"; color: #49b129; cursor: pointer; background: #f4f4f4; padding: 6px 13px; border: 1px solid #e2e2e2; -moz-border-radius: 3px; border-radius: 3px; -webkit-border-radius: 3px; } .clickForTempUsername:hover { background: #fafafa; -moz-border-radius: 5px; border-radius: 5px; -webkit-border-radius: 5px; } /* LEFT SIDE */ #CA_left { background: url(images/CodingArea/repeatleft_side.png) center center repeat-y; width: 373px; float: left; } #CA_left_content { } #programming_button_left { background: #ededed; border: 1px solid #575757; -moz-border-radius: 3px; border-radius: 3px; -webkit-border-radius: 3px; padding: 24px 15px; /* 17 */ text-align: center; font-family: "Franklin Gothic Medium"; font-size: 23px; margin-top: 32px; text-shadow: 1px 1px 2px #bbbbbb; color: #252525; margin-left: 23px; margin-right: 7px; } #hacking_button_left { background: #ededed; border: 1px solid #575757; -moz-border-radius: 3px; border-radius: 3px; -webkit-border-radius: 3px; padding: 17px 15px; text-align: center; font-family: "Franklin Gothic Medium"; font-size: 23px; margin-top: 20px; text-shadow: 1px 1px 2px #bbbbbb; color: #252525; margin-left: 23px; margin-right: 7px; } #comp_button_left { background: #ededed; border: 1px solid #575757; -moz-border-radius: 3px; border-radius: 3px; -webkit-border-radius: 3px; padding: 13px 15px; /* */ text-align: center; font-family: "Franklin Gothic Medium"; font-size: 16px; margin-top: 17px; text-shadow: 1px 1px 1px #d2d2d2; margin-left: 23px; margin-right: 7px; color: #252525; } #comp_button_left_group { background: #ededed; border: 1px solid #575757; -moz-border-radius: 3px; border-radius: 3px; -webkit-border-radius: 3px; padding: 13px 15px; /* */ text-align: center; font-family: "Franklin Gothic Medium"; font-size: 16px; margin-top: 13px; text-shadow: 1px 1px 1px #d2d2d2; margin-left: 23px; margin-right: 7px; color: #252525; margin-bottom: -7px; } #programming_button_left:hover, #hacking_button_left:hover, #comp_button_left:hover, #comp_button_left_group:hover { background: #415b9d; color: white; border-color: #192031; cursor: pointer; text-shadow: 1px 1px 2px #373737; } #comp_button_left:hover { background: #415b9d; color: white; border-color: #192031; cursor: pointer; text-shadow: 1px 1px 2px #373737; } #comp_button_left_group:hover { background: #415b9d; color: white; border-color: #192031; cursor: pointer; text-shadow: 1px 1px 2px #373737; } #programming_button_left li, #hacking_button_left li { font-size: 14px; font-family: "Franklin Gothic Book"; margin-top: 9px; } #back_to_both { display: block; font-family: "Helvetica"; cursor: pointer; margin-top: 25px; margin-left: 35px; color: #b03225; font-size: 13px; } /* LEVEL BUTTONS CODE*/ #levels_outer { margin-top: -2px; border: 0px solid white; } .level_1_challenges { font-family: "Franklin Gothic Medium"; font-size: 13px; background: #3d5a65; padding: 10px; font-size: 21px; border: 2px solid #aeb7ce; color: white; width: 260px; text-shadow: 1px 1px 2px #373737; -moz-border-radius: 3px; border-radius: 3px; -webkit-border-radius: 3px; margin-top: 13px; cursor: pointer; float: left; margin-left: 29px; padding-left: 26px; } .level_2_challenges, .level_2_challenges_NOTCLICK { font-family: "Franklin Gothic Medium"; font-size: 13px; background: #3d5a65; padding: 10px; font-size: 21px; border: 2px solid #aeb7ce; color: white; width: 260px; text-shadow: 1px 1px 2px #373737; -moz-border-radius: 3px; border-radius: 3px; -webkit-border-radius: 3px; margin-top: 13px; cursor: pointer; float: left; margin-left: 29px; padding-left: 26px; } .level_3_challenges, .level_3_challenges_NOTCLICK { font-family: "Franklin Gothic Medium"; font-size: 13px; background: #3d5a65; padding: 10px; font-size: 21px; border: 2px solid #aeb7ce; color: white; width: 260px; text-shadow: 1px 1px 2px #373737; -moz-border-radius: 3px; border-radius: 3px; -webkit-border-radius: 3px; margin-top: 13px; cursor: pointer; float: left; margin-left: 29px; padding-left: 26px; } .level_2_challenges_NOTCLICK { background: #4d4d4d; border: 2px solid #929292; } .level_3_challenges_NOTCLICK { background: #4d4d4d; border: 2px solid #929292; } .level_1_challenges span, .level_2_challenges span, .level_3_challenges span { font-size: 12px; font-family: "Helvetica"; float: right; margin-top: 5px; margin-right: 14px; } .level_1_challenges span { color: #e2ffc2; } .level_2_challenges span { color: #ffd8b1; } .level_3_challenges span { color: #ffb5b1; } .level_1_challenges:hover { background: #527a9a; color: white; text-shadow: 1px 1px 4px #252525; } .level_2_challenges:hover { background: #527a9a; color: white; text-shadow: 1px 1px 4px #252525; } .level_3_challenges:hover { background: #527a9a; color: white; text-shadow: 1px 1px 4px #252525; } .desc_for_tier { font-family: "Helvetica"; color: #5a5a5a; font-size: 13px; padding-left: 36px; padding-right: 47px; } /* **** */ .challenges_title, .challenges_title_programming { font-family: "Franklin Gothic Medium"; font-size: 26px; color: #000000; padding-left: 35px; padding-top: 18px; padding-bottom: 14px; } .challenges_info { font-family: "Helvetica"; color: #5a5a5a; font-size: 13px; padding-left: 36px; padding-right: 47px; } .challenges_info_hack { font-family: "Helvetica"; color: #5a5a5a; font-size: 13px; padding-left: 50px; padding-right: 40px; } #repeat_back_buttons { background: url(images/CodingArea/leftside_button_repeat.png) center center repeat-y; width: 373px; margin: 0 auto; } #top_back_buttons { background: url(images/CodingArea/body_cut_10.png) center center no-repeat; width: 373px; height: 14px; margin: 0 auto; margin-top: 14px; } #bottom_back_buttons { background: url(images/CodingArea/body_cut_16.png) center center no-repeat; width: 373px; height: 18px; margin: 0 auto; } .challenge_button { background: #3d5a65; width: 286px; height: 35px; border: 2px solid #c9c9c9; margin-left: 34px; cursor: pointer; } .challenge_button:hover { background: #2e7c28; } .challenge_button p { font-family: "Franklin Gothic Book"; font-size: 21px; color: white; padding-left: 15px; padding-top: 3px; } /* button right side text FIX ALIGNMENTS HERE */ .challenge_button span.right_text_january { font-family: "Helvetica"; font-size: 12px; color: #fff2aa; padding-left: 93px; } .challenge_button span.right_text_february { font-family: "Helvetica"; font-size: 12px; color: #fff2aa; padding-left: 74px; } .challenge_button span.right_text_march { font-family: "Helvetica"; font-size: 12px; color: #fff2aa; padding-left: 100px; } .challenge_button span.completed_number { font-size: 13px; color: #c1ffa2; } .button_sep { height: 10px; width: 286px; } .button_sep_TOPONLY { height: 5px; width: 286px; } /* **************************************** CODING AREA SHOW ALL CHALLENGES **************************************** */ /*old 3d5a65 green 3d8626*/ .challenge_button_month_C { background: #39748b; width: 286px; height: 33px; border: 2px solid #c9c9c9; margin-left: 44px; cursor: pointer; } .challenge_button_month_NC { background: #3d5a65; width: 286px; height: 33px; border: 2px solid #c9c9c9; margin-left: 44px; cursor: pointer; } .challenge_button_month_C:hover { background: #407f98; } .challenge_button_month_NC:hover { background: #32882c; } .challenge_button_month_C p, .challenge_button_month_NC p { font-family: "Franklin Gothic Book"; font-size: 14px; color: white; padding-left: 12px; padding-top: 7px; } .challenge_button_month_C span.completed_number, .challenge_button_month_NC span.completed_number { font-size: 12px; color: #eaeaea; float: right; padding-right: 12px; padding-top: 2px; } .show_months_again { display:block; margin-bottom:8px; margin-top:-5px; background: #dfdfdf; padding:3px 0px; color: #131313; padding-left: 7px; padding-top:3px; padding-bottom: 3px; font-size: 12px; border: 1px solid #bababa; color: black; } .show_months_again:hover { background: #e9e9e9; cursor: pointer; } /* NEW BACK BUTTON */ .go_back_button, .go_back_button_to_months { display:block; margin-bottom:10px; margin-top:0px; background: #dfdfdf; padding:3px 0px; color: #131313; padding-left: 7px; padding-top:4px; padding-bottom: 4px; font-size: 12px; border: 1px solid #bababa; color: black; width: 280px; font-family: "Helvetica"; margin-left: 35px; } .go_back_button:hover { background: #e9e9e9; cursor: pointer; } .go_back_button_to_months:hover { background: #e9e9e9; cursor: pointer; } #bottom_back_buttons_SHOW_CHALLENGES { background: url(images/CodingArea/body_cut_16.png) center center no-repeat; width: 373px; height: 18px; margin: 0 auto; margin-top: -9px; } .challenges_info_Tier_1, .challenges_info_Tier_2 { font-family: "Helvetica"; color: #5a5a5a; font-size: 13px; padding-left: 36px; padding-right: 47px; } /* RIGHT SIDE */ #CA_right { width: 587px; float: right; } #profile { width: 587px; margin: 0 auto; } #not_signed_in a { display: block; font-family: "Helvetica"; font-size: 18px; color: white; text-align: center; margin-top: 32px; background: #3d8815; padding: 10px 0px; border: 2px solid #d5d5d5; margin-bottom: 25px; cursor: pointer; margin-left: 39px; margin-right: 37px; -moz-border-radius: 5px; border-radius: 5px; -webkit-border-radius: 5px; } #not_signed_in a:hover { background: #b7781e; color: white; } #profile_LEFT { background: url(images/CodingArea/body_cut_rightside_08.png) center center no-repeat; width: 469px; height: 243px; float: left; } #profile_RIGHT { background: url(images/CodingArea/body_cut_rightside_09.png) center center no-repeat; width: 118px; height: 243px; float: right; } .profile_pic { width: 153px; height: 153px; float: left; } .profile_pic img { border: 2px solid #313a42; margin-left: 53px; margin-top: 59px; } .profile_info { width: 252px; float: right; } .profile_username { font-family: "Franklin Gothic Book"; color: #6c1b1b; font-size: 24px; padding-top: 48px; padding-left: 15px; text-shadow: 1px 1px 2px #dbdbdb; } .profile_text_outer { margin-left: 16px; margin-top: 24px; } .profile_text_outer p:first-child { } .profile_text { font-size: 12px; color: #525252; font-family: "Helvetica"; padding-bottom: 15px; } .profile_text span { color: #1e1e1e; font-size: 13px; } .points_number { color: #c16229; font-size: 34px; font-family: "Franklin Gothic Book"; text-align: center; padding-top: 52px; margin-left: -6px; letter-spacing: -1px; } .settings { padding-top: 83px; padding-left: 27px; padding-bottom: 5px; } .settings span { color: #34506a; font-size: 13px; font-family: "Helvetica"; } .settings span:hover { text-decoration: underline; color: #2a7490; cursor: pointer; } .logout { padding-top: 110px; } /* not here when settings link is up */ .logout a { padding-left: 28px; color: #7d2121; font-size: 16px; font-family: "Franklin Gothic Book"; } .logout a:hover { text-decoration: underline; color: #942121; cursor: pointer; } #page_buttons { margin-left: 34px; margin-top: 20px; } #page_buttons li { height: 126px; float: left; cursor: pointer; } .rankings { background: url(images/CodingArea/rankings_hover.png) center top no-repeat; width: 128px; } .chatroom { background: url(images/CodingArea/chatroom_hover.png) center top no-repeat; width: 131px; } .write { background: url(images/CodingArea/write_hover.png) center top no-repeat; width: 133px; } .featured { background: url(images/CodingArea/libary.png) center top no-repeat; width: 132px; } .rankings:hover { background-position: center bottom; } .chatroom:hover { background-position: center bottom; } .write:hover { background-position: center bottom; } .featured:hover { background-position: center bottom; } /* VIEWING OTHER USERS */ .viewLibUser { font-family:Helvetica;font-size:14px;background:#359149;border:2px solid #eaeaea; color:white;text-align:center; padding:7px 0px;width:520px;margin:0 auto;margin-top:10px; text-shadow: 0px 0px 2px #5b5b5b; cursor: pointer; } .viewLibUser:hover { background: #c07d35; } .backToProfile { font-family: "Tahoma"; font-size: 12px; color: #727272; } .backToProfile div { margin-top: 17px; margin-left: 32px; margin-bottom: -4px; } .backToProfile:hover { text-decoration: underline; } /* USER SETTINGS */ #settings_background { background: #424242; border: 2px solid #cdcdcd; width: 528px; margin-left: 29px; padding: 12px 0px; color: white; } #settings_background span { font-family: "Helvetica"; font-size: 14px; padding-left: 30px; } #settings_background input { margin-top: 7px; margin-bottom: 7px; } #new_name { width: 310px; height: 22px; font-family: "Helvetica"; font-size: 15px; padding: 4px 6px; margin-left: 7px; margin-top: 10px; } #new_email { width: 310px; height: 22px; font-family: "Helvetica"; font-size: 15px; padding: 4px 6px; margin-left: 7px; } #new_org { width: 310px; height: 22px; font-family: "Helvetica"; font-size: 15px; padding: 4px 6px; margin-left: 7px; } #new_pass { width: 310px; height: 22px; font-family: "Helvetica"; font-size: 15px; padding: 4px 6px; margin-left: 7px; } #new_pass_FAKE { width: 310px; height: 22px; font-family: "Helvetica"; font-size: 15px; padding: 4px 6px; margin-left: 7px; } #new_picture { margin-top: 10px; } #settingsBox #country_field { width: 326px; height: 34px; font-family: "Helvetica"; font-size: 14px; padding: 4px 6px; margin-bottom: 12px; color: #565656; margin-left: 7px; color: #565656; } #aboutInfo { width: 310px; height: 22px; font-family: "Helvetica"; font-size: 15px; padding: 4px 6px; margin-left: 7px; } #twitHandle { width: 310px; height: 22px; font-family: "Helvetica"; font-size: 15px; padding: 4px 6px; margin-left: 7px; } #linkedInName { width: 310px; height: 22px; font-family: "Helvetica"; font-size: 15px; padding: 4px 6px; margin-left: 7px; } #githubHandle { width: 310px; height: 22px; font-family: "Helvetica"; font-size: 15px; padding: 4px 6px; margin-left: 7px; } #coderbitsHandle { width: 310px; height: 22px; font-family: "Helvetica"; font-size: 15px; padding: 4px 6px; margin-left: 7px; } #settingsBox #mailing_options { margin-top: 5px; margin-bottom: 8px; color: #2e2e2e; } #showMemStatus { width: 580px; margin: 0 auto; margin-top: 23px; text-align: center; } #showMemStatus p { font-family: "Franklin Gothic Book"; font-size: 14px; color: #7b7b7b; } #showMemStatus span { color: #d99c8d; cursor: pointer; text-decoration: underline; } #thanksMember { font-family: "Helvetica"; font-size: 15px; text-align: center; margin-top: 40px; color: #474747; } #thanksMember a { color: #75adc9; } #thanksMember a:hover { text-decoration: underline; } #cancel_mem { margin-top: 14px; } .pushMargin_1 { margin-right: 47px; } .pushMargin_2 { margin-right: 49px; } .pushMargin_3 { margin-right: 45px; } .pushMargin_4 { margin-right: 1px; } .pushMargin_5 { margin-right: 36px; } .pushMargin_6 { margin-right: 48px; } .pushMargin_7 { margin-right: 43px; } .pushMargin_8 { margin-right: 31px; } .pushMargin_9 { margin-right: 41px; } .pushMargin_10 { margin-right: 20px; } .pushMargin_pass { margin-right: 19px; } #new_submit { margin-left: 30px; background: #f8f8f8; border: 1px solid #787878; padding: 10px 25px; color: #1d1d1d; font-size: 14px; -moz-border-radius: 4px; border-radius: 4px; -webkit-border-radius: 4px; font-family: "Helvetica"; margin-top: 12px; margin-left: -2px; } #new_submit_writing { margin-left: 30px; background: #f8f8f8; border: 1px solid #787878; padding: 10px 25px; color: #1d1d1d; font-size: 14px; -moz-border-radius: 4px; border-radius: 4px; -webkit-border-radius: 4px; font-family: "Helvetica"; margin-top: 12px; margin-left: 30px; } #new_submit:hover, #new_submit_writing:hover { cursor: pointer; background: #549e2b; color: white; text-shadow: 1px 1px 2px #232323; border: 1px solid #2f2f2f; } #settings_background span.sizeinfo { font-size: 11px; padding-left: 0px; } .close_settings { background: #424242; border: 2px solid #cdcdcd; border-top: 1px solid #757575; width: 528px; margin-left: 29px; padding: 5px 0px; color: #fff9b7; text-align: center; margin-top: -4px; font-family: "Helvetica"; font-size: 12px; cursor: pointer; } .close_settings:hover { background: #464646; } #click_button_area { } #settings_text { font-size: 21px; font-family: "Franklin Gothic Book"; text-align: center; padding-top: 20px; margin-bottom: 7px; } .join_text { margin-bottom: 23px; text-align: center; color: #8e8e8e; font-family: 'Helvetica'; font-size: 14px; } .join_text span { color: #862424; } #settingsBox { background: #f3f3f3; font-family: "Helvetica"; border: 4px solid #e3e3e3; -moz-border-radius: 4px; border-radius: 4px; -webkit-border-radius: 4px; width: 540px; margin: 0 auto; padding: 10px 30px; padding-right: 4px; } #settingsBox input { margin-bottom: 12px; color: #565656; } #pass_change { background: #e1e1e1; color: black; border: 0px; cursor: pointer; padding: 4px 8px; margin-left: 309px; } #pass_change:hover { color: #862424; text-decoration: underline; } .hoverlinkSocial { color: #365b98; text-decoration: underline; } .hoverlinkSocial:hover { color: #507ac0; } /* PROFILE PAGE */ #text_below_header_library { width: 960px; height: 125px; margin: 0 auto; } #text_below_header_library p { font-family: "Helvetica"; font-size: 24px; color: #202020; padding-top: 25px; padding-left: 32px; margin-bottom: -13px; } #text_below_header_library p span { color: #862424; } #text_below_header_library p.description { font-size: 12px; color: #818181; } #change_adj_form { margin-left: 700px; margin-top: -30px; margin-bottom: -5px; } #change_adj_form input#new_adj { height: 18px; padding: 2px 5px; font-family: "Helvetica"; color: #474747; font-size: 11px; width: 130px; border: 1px solid #929292; } #change_adj_form input#submit_new_adj { color: #3d7c34; font-family: "Helvetica"; font-size: 13px; margin-left: 7px; cursor: pointer; padding: 3px 9px; background: #ededed; border: 1px solid #d0d0d0; } #change_adj_form input#submit_new_adj:hover { color: white; background: #4e9e40; border: 1px solid #2b4426; } .comp_challenges_title { font-family: "Helvetica"; font-size: 14px; margin-bottom: 27px; margin-top: 9px; text-align: center; margin-left: -10px; color: #4c4c4c; } /********* FOOTER SPACE AFTER CHALLENGE LISTINGS IS HERE *********/ #display_comp_challenges { border: 0px solid lightgray; padding-right: 0px; margin: 0 auto; margin-bottom: 40px; width: 820px; overflow: hidden; } #display_comp_challenges a { display: block; margin-bottom: 15px; margin-top: 4px; float: left; } .each_challenge_tier1, .each_challenge, .each_challenge_tier3, .each_challenge_tier4, .each_challenge_comp { -moz-box-shadow: 1px 1px 2px #000; -webkit-box-shadow: 1px 1px 2px #000; box-shadow: 1px 1px 2px #000; font-family: "Helvetica"; border: 1px solid #868686; } /* tier 2 profile */ .each_challenge { background: #f9d9a1; margin-left: 6px; margin-right: 6px; padding: 6px 9px; font-size: 12px; cursor: pointer; -moz-border-radius: 3px; border-radius: 3px; -webkit-border-radius: 3px; text-shadow: 1px 1px 2px #c8c8c8; } .each_challenge:hover { background: #3f8a32; color: white; border: 1px solid #2b4426; } /* tier 1 profile */ .each_challenge_tier1 { background: #eeeeee; margin-left: 6px; margin-right: 6px; padding: 6px 9px; font-size: 12px; cursor: pointer; -moz-border-radius: 3px; border-radius: 3px; -webkit-border-radius: 3px; text-shadow: 1px 1px 2px #c8c8c8; } .each_challenge_tier1:hover { background: #3f8a32; color: white; border: 1px solid #2b4426; } /* tier 3 profile */ .each_challenge_tier3 { background: #f6ae95; margin-left: 6px; margin-right: 6px; padding: 6px 9px; font-size: 12px; cursor: pointer; -moz-border-radius: 3px; border-radius: 3px; -webkit-border-radius: 3px; text-shadow: 1px 1px 2px #c8c8c8; } .each_challenge_tier3:hover { background: #3f8a32; color: white; border: 1px solid #2b4426; } /* tier 4 profile */ .each_challenge_tier4 { background: #b6cbf6; margin-left: 6px; margin-right: 6px; padding: 6px 9px; font-size: 12px; cursor: pointer; -moz-border-radius: 3px; border-radius: 3px; -webkit-border-radius: 3px; text-shadow: 1px 1px 2px #c8c8c8; } .each_challenge_tier4:hover { background: #3f8a32; color: white; border: 1px solid #2b4426; } /* competition challenges */ .each_challenge_comp { background: #445891; margin-left: 6px; margin-right: 6px; padding: 6px 9px; border: 1px solid #32457d; font-family: "Helvetica"; font-size: 12px; cursor: pointer; -moz-border-radius: 3px; border-radius: 3px; -webkit-border-radius: 3px; color: white; text-shadow: 1px 1px 2px #333333; } .each_challenge_comp:hover { background: #435a9a; color: white; } /* hacking challenges */ .each_challenge_hack { background: #3f3f3f; margin-left: 6px; margin-right: 6px; padding: 6px 9px; border: 1px solid #252525; font-family: "Helvetica"; font-size: 12px; cursor: pointer; -moz-border-radius: 3px; border-radius: 3px; -webkit-border-radius: 3px; color: white; text-shadow: 1px 1px 2px #333333; } .each_challenge_hack:hover { } #footer_library { background: url(images/main_page_bottom/footer_cut.png) center center no-repeat; width: 960px; height: 62px; margin: 0 auto; margin-top: 20px; padding-bottom: 10px; overflow: auto; } #footer_library div { text-align: center; padding-top: 20px; } #footer_library a { font-family: "Helvetica"; color: #475770; font-size: 14px; padding-left: 15px; font-weight: 300; } #footer_library a:hover { color: #c7812e; } #footer_library a.copyright { font-size:13px; color:#848484; } /* BADGES */ #badge_notif { background: #74b764; text-align: center; padding: 9px 2px; border: 1px solid #346728; font-family: "Helvetica"; font-size: 15px; margin-top: 25px; margin-right: 20px; margin-left: 28px; color: #ffffff; text-shadow: 1px 1px 1px #414141; -moz-border-radius: 2px; border-radius: 2px; -webkit-border-radius: 2px; } #badge_notif span { color: #ffdd74; text-shadow: 1px 1px 1px #4c4c4c; } #badge_outer_flow { width: 910px; height: 335px; overflow: auto; margin: 0 auto; } #badges_section { border: 0px solid red; width: 890px; margin: 0 auto; margin-left: 2px; height: 300px; margin-bottom: 30px; margin-top: 5px; } .each_badge { height: 160px; float: left; width: 125px; border: 1px solid #e5e5e5; background: #f9f9f9; margin-left: -1px; cursor: pointer; filter: alpha(opacity=90); opacity: 0.90; -moz-border-radius: 4px; border-radius: 4px; -webkit-border-radius: 4px; } .each_badge:hover { text-shadow: 1px 1px 1px #bbbbbb; filter: alpha(opacity=100); opacity: 1.0; } .badge_title { font-family: "Helvetica"; font-size: 11px; text-align: center; padding-top: 6px; color: #767676; } .badge_show { font-family: "Helvetica"; font-size: 12px; padding: 29px 6px; padding-right: 6px; color: #838383; display: none; } .badge_hidden { font-family: "Helvetica"; font-size: 12px; padding: 29px 6px; padding-right: 6px; color: #838383; text-align: center; } /* FOOTER */ /*830px*/ #footer_CodingArea { background: url(images/main_page_bottom/footer_cut.png) center center no-repeat; width: 960px; height: 62px; margin: 0 auto; margin-top: 21px; padding-bottom: 10px; } #footer_CodingArea div { text-align: center; padding-top: 20px; } #footer_CodingArea a { font-family: "Helvetica"; color: #475770; font-size: 14px; padding-left: 15px; font-weight: 300; } #footer_CodingArea a:hover { color: #c7812e; } /*55px*/ #footer_CodingArea a.copyright { font-size:13px; color:#848484; margin-left: 0px; } #footer_CodingArea span.ideone_desc { font-family: "Helvetica"; color: #353535; font-size: 14px; padding-left: 17px; } #footer_CodingArea span.ideone_desc a { font-family: "Helvetica"; color: #475770; font-size: 14px; padding-left: 2px; } #footerline { background: url(images/CodingArea/footerline.png) center center no-repeat; width: 960px; height: 35px; margin: 0 auto; margin-bottom: -40px; } /* ***************************** GUEST EDITOR ***************************** */ #display_languages { background: #dddddd; width: 780px; height: 150px; margin: 0 auto; margin-top: 35px; -moz-border-radius: 5px; border-radius: 5px; -webkit-border-radius: 5px; border: 2px solid #676767; } .hideSt { display: none; } #language_title { font-family: "Franklin Gothic Medium"; font-size: 18px; color: #555555; padding-left: 35px; text-align: center; margin-left: -20px; padding-top: 35px; } .below_choose_lang { font-family: "Helvetica"; text-align: center; color: #8b8b8b; font-size: 13px; padding-top: 10px; } #display_languages li { float: left; height: 95px; } #display_languages div { margin-left: 35px; margin-top: 28px; } #display_languages .js { background: url(images/CodingArea/jsohver.png) center top no-repeat; width: 233px; cursor: pointer; } #display_languages .js:hover { background-position: center bottom; } #display_languages .py{ background: url(images/CodingArea/pythonbutton.png) center top no-repeat; width: 242px; cursor: pointer; } #display_languages .py:hover { background-position: center bottom; } #display_languages .cs2 { background: url(images/CodingArea/languages_07.png) center center no-repeat; width: 242px; margin-left: -2px; } /* Guest Editor Properties + ALL EDITORS ON CODERBYTE */ .allGuestEditors { width: 1060px; margin: 0 auto; padding-top: 14px; margin-left: -28px; } /* HEIGHT GETS MODIFIED HERE */ .allGuestEditors #javascript_challenge { width: 298px; background: #f3f3f3; border: 2px solid #a9a9a9; margin-top: 6px; height: 452px; } .allGuestEditors #javascript_editor { width: 753px; height: auto; } .allGuestEditors .js_title { background: #1f4661; padding-bottom: 13px; border-bottom: 1px solid #a9a9a9; } .allGuestEditors .runcode_button { margin: 0 auto; margin-top: 7px; } .allGuestEditors .runcode_button_false { margin: 0 auto; margin-top: 7px; } .allGuestEditors #output_answer { width: 264px; height: 31px; color: #000000; font-family: "Helvetica"; margin-top: 6px; font-size: 15px; border: 1px solid #858585; padding: 3px 7px; margin-left: 9px; } .hide_ques, .show_ques { text-align: center; font-family: "Helvetica"; color: white; font-size: 12px; background: #b3b3b3; cursor: pointer; padding: 3px 0px; letter-spacing: 1px; margin-top: 10px; text-shadow: 1px 1px 2px #636363; } .hide_ques:hover, .show_ques:hover, .hide_ques_py:hover, .show_ques_py:hover { background: #d5d5d5; } .par_testing { text-align: center; font-family: "Helvetica"; color: white; font-size: 12px; background: #6c88b0; padding: 4px 0px; letter-spacing: 1px; margin-top: 12px; margin-bottom: 10px; text-shadow: 1px 1px 2px #636363; } /*.par_testing:hover { background: #456797; }*/ .p_testing_background { margin-bottom: 12px; } .p_testing_background span { color: #1a1a1a; font-family: "Helvetica"; font-size: 13px; padding-right: 3px; margin-left: 14px; } .p_testing_background input { width: 180px; height: 20px; padding: 5px 7px; font-size: 13px; font-family: "Helvetica"; color: #242424; border: 1px solid #9e9e9e; -moz-border-radius: 3px; border-radius: 3px; -webkit-border-radius: 3px; } .par_samples { text-align: center; font-family: "Helvetica"; color: white; font-size: 12px; background: #52ac8d; padding: 4px 0px; letter-spacing: 1px; margin-top: 4px; margin-bottom: 10px; text-shadow: 1px 1px 2px #636363; } /*.par_samples:hover { background: #369651; }*/ .par_samples_background { margin-bottom: -7px; } .par_samples_background li { color: #1a1a1a; font-family: "Helvetica"; font-size: 13px; margin-left: 14px; padding-bottom: 2px; } .par_samples_background span { padding-left: 5px; } #guest_question { font-family: "Helvetica"; font-size: 14px; background: #e6e6e6; padding: 15px; color: black; margin-bottom: 9px; border: 2px solid #808080; width: 975px; -moz-border-radius: 4px; border-radius: 4px; -webkit-border-radius: 4px; } #submit_guest_challenge { background: #ececec; border: 2px solid #cccccc; padding: 7px 22px; color: black; font-family: "Franklin Gothic Book"; letter-spacing: 0px; cursor: pointer; margin-left: 92px; margin-top: 16px; -moz-border-radius: 4px; border-radius: 4px; -webkit-border-radius: 4px; } #submit_guest_challenge:hover { background: #c47425; color: white; border: 2px solid #4b3e32; } #explainParams { width: 965px; font-family: "Helvetica"; font-size: 16px; background: #e5e5e5; padding: 10px 20px; border: 2px solid #bcbcbc; -moz-border-radius: 1px; border-radius: 1px; -webkit-border-radius: 1px; margin: 0 auto; margin-left: -10px; margin-top: 24px; } .explain_title { font-family: "Franklin Gothic Medium"; font-size: 27px; text-align: center; text-shadow: 1px 1px 2px #bfbfbf; margin-top: 14px; color: #aa3d2b; } #diff_types_to_explain { width: 960px; margin: 0 auto; overflow: auto; margin-top: 33px; } #diff_types_to_explain li { width: 290px; float: left; background: #f7f7f7; border: 1px solid #b0b0b0; text-align: center; margin-left: 11px; margin-right: 11px; padding-top: 9px; padding-bottom: 25px; font-family: "Helvetica"; -moz-border-radius: 2px; border-radius: 2px; -webkit-border-radius: 2px; } diff_types_to_explain li:nth-child(2) { margin-left: 13px; margin-right: 13px; } #diff_types_to_explain li:hover { background: white; } #diff_types_to_explain p { margin-bottom: 8px; margin-top: 4px; font-weight: bold; color: #2d2d2d; } .type_text_explain { width: 220px; padding: 7px 7px; font-family: 'Courier New'; font-size: 14px; border: 2px solid #9e9e9e; margin-top: 8px; -moz-border-radius: 4px; border-radius: 4px; -webkit-border-radius: 4px; } #help_with_challenge { width: 965px; font-family: "Franklin Gothic Book"; background: #2a5d7e; padding: 10px 20px; border: 2px solid #264a61; -moz-border-radius: 3px; border-radius: 3px; -webkit-border-radius: 3px; margin: 0 auto; margin-left: -10px; margin-top: 24px; text-align: center; } #help_with_challenge p { cursor: pointer; font-size: 17px; color: white; text-shadow: 1px 1px 2px #191919; } #help_with_challenge p:hover { text-shadow: 1px 1px 5px #191919; } #logo_rotate { background: url("images/logo.png") center center no-repeat; width: 257px; height: 257px; margin: 0 auto; } /* ***************************** REAL EDITOR ***************************** */ .allGuestEditors { /*width: 1000px; margin: 0 auto; padding-top: 14px;*/ } #Editor_Background_Real_JS { } #real_question { font-family: "Helvetica"; font-size: 14px; background: #f7f7f7; padding: 15px; color: black; margin-bottom: 13px; border: 2px solid #9d9d9d; width: 1024px; -moz-border-radius: 3px; border-radius: 3px; -webkit-border-radius: 3px; margin-top: 4px; line-height: 17px; } #submit_challenge { background: #ececec; border: 2px solid #cccccc; padding: 7px 22px; color: black; font-family: "Franklin Gothic Book"; letter-spacing: 0px; cursor: pointer; margin-left: 85px; margin-top: 23px; width: 87px; -moz-border-radius: 4px; border-radius: 4px; -webkit-border-radius: 4px; } #submit_challenge:hover, #submit_challenge_actual:hover { background: #c47425; color: white; border: 2px solid #4b3e32; } #submit_challenge_actual { background: #ececec; border: 2px solid #cccccc; padding: 7px 22px; color: black; font-family: "Franklin Gothic Book"; letter-spacing: 0px; cursor: pointer; margin-left: 15px; margin-top: 23px; width: 87px; -moz-border-radius: 4px; border-radius: 4px; -webkit-border-radius: 4px; } #otherButtons { margin-top: 16px; } #orig_temp, #save_code, #load_code { background: #f5f5f5; border: 1px solid #c8c8c8; padding: 6px 6px; color: black; font-family: "Franklin Gothic Book"; cursor: pointer; font-size: 13px; -moz-border-radius: 3px; border-radius: 3px; -webkit-border-radius: 3px; text-align: center; } #save_code { margin-left: 7px; } #otherButtons input:hover { background: #5cad2b; border-color: #264016; color: white; text-shadow: 1px 1px 1px #171717; } /* guest editor buttons */ #orig_temp_dis, #save_code_dis, #load_code_dis { background: #ebebeb; border: 1px solid #c8c8c8; padding: 6px 9px; color: #bdbdbd; font-family: "Franklin Gothic Book"; cursor: pointer; font-size: 13px; -moz-border-radius: 3px; border-radius: 3px; -webkit-border-radius: 3px; } #save_code_dis { margin-left: 7px; } input#orig_temp_dis:hover, input#save_code_dis:hover, input#load_code_dis:hover { background: #ebebeb; border: 1px solid #c8c8c8; padding: 6px 9px; color: #bdbdbd; text-shadow: 0px 0px 0px #171717; } #submit_challenge_dis { background: #ececec; border: 2px solid #cccccc; padding: 7px 22px; color: black; font-family: "Franklin Gothic Book"; letter-spacing: 0px; cursor: pointer; margin-left: 85px; margin-top: 23px; width: 87px; -moz-border-radius: 4px; border-radius: 4px; -webkit-border-radius: 4px; } #submit_challenge_dis:hover, #submit_challenge_dis:hover { background: #ececec; border: 2px solid #cccccc; padding: 7px 22px; color: black; font-family: "Franklin Gothic Book"; } #hiddensubmit span { color: #2c2c2c; padding-left: 20px; font-family: "Helvetica"; font-size: 14px; } #hiddensubmit span.not_submit { color: #8a1f1f; } #hiddensubmit span.not_submit:hover { color: #c6472a; cursor: pointer; } #time_started { font-family: "Helvetica"; font-size: 14px; color: #3d3d3d; margin-left: 5px; margin-top: 6px; } .editor_themes {float:right; margin-top:6px; margin-right: 5px; font-family: "Helvetica"; font-size:12px; background:#d1e7f1; padding:3px 8px; margin-top:-1px; border: 1px solid #9da0a2; -moz-border-radius: 3px; border-radius: 3px; -webkit-border-radius: 3px; -moz-box-shadow: 1px 1px 1px #212121; -webkit-box-shadow: 1px 1px 1px #212121; box-shadow: 1px 1px 1px #212121; } .editor_themes select { padding: 0px 1px; font-family: "Franklin Gothic Book"; } #buttonsBelowEditor { width: 1059px; margin-left: -28px; margin-top: 24px; overflow: auto; } #buttonsBelowEditor div { float: left; width: 48.3%; height: 100px; position: relative; border-radius: 3px; border: 4px solid #e5e5e5; opacity: 0.9; -webkit-filter: grayscale(35%); filter: grayscale(35%); } #buttonsBelowEditor div p { text-align: center; padding-top: 6.3%; padding-bottom: 30px; color: white; font-family: "Franklin Gothic Book"; text-shadow: 1px 1px 2px #101010; font-size: 35px; } #buttonsBelowEditor div:hover { opacity: 1.0; -webkit-filter: grayscale(0%); filter: grayscale(0%); } #buttonsBelowEditor div.fullWidth { width: 99%; } #buttonsBelowEditor div.fullWidth p { padding-top: 3.1%; } #buttonsBelowEditor div:nth-child(1) { background: url(images/editor/blur1.jpg) center center no-repeat; background-repeat: no-repeat; background-size: cover; } #buttonsBelowEditor div:nth-child(2) { background: url(images/editor/blur2.jpg) center center no-repeat; background-repeat: no-repeat; background-size: cover; float: right; } #liveChatroom { width: 1010px; margin-left: -10px; margin-top: 24px; overflow: auto; } /* ***************************** (KEPT) RESULTS ***************************** */ #results_title { font-family: "Helvetica"; text-align: center; color: #121212; font-size: 20px; padding: 24px 0px; padding-top: 30px; margin-left: -20px; } #display_guest_answers { margin-top: 10px; } .goBackProfile { font-size: 15px; margin-right: 6px; font-family: "Franklin Gothic Book"; background: #a8a8a8; border: 1px solid #8f8f8f; color: white; text-shadow: 1px 1px 1px #2f2f2f; padding: 6px; -moz-border-radius: 3px; border-radius: 3px; -webkit-border-radius: 3px; } .goBackProfile:hover { background: #afafaf; } .nextChal { font-size: 15px; margin-left: 6px; font-family: "Franklin Gothic Book"; background: #dfa344; border: 1px solid #a6783d; color: white; text-shadow: 1px 1px 1px #141414; padding: 6px; -moz-border-radius: 3px; border-radius: 3px; -webkit-border-radius: 3px; } .nextChal:hover { background: #e8b058; } .deleteChal, #yes_delete_chal { font-size: 15px; margin-left: 6px; font-family: "Franklin Gothic Book"; background: #bd3232; border: 1px solid #62431c; color: white; text-shadow: 1px 1px 1px #2e2e2e; padding: 6px; -moz-border-radius: 3px; border-radius: 3px; -webkit-border-radius: 3px; } .deleteChal:hover, #yes_delete_chal:hover { background: #cc4646; } .sure_delete { float: right; font-size: 14px; margin-top: -7px; } .sure_delete input { cursor: pointer; margin-right: 10px; } #display_guest_answers li { margin-left: 60px; margin-right: 60px; margin-bottom: 12px; background: #31a72e; padding: 10px 10px; font-family: "Helvetica"; font-size: 17px; border: 2px solid #317030; padding-left: 14px; -moz-border-radius: 3px; border-radius: 3px; -webkit-border-radius: 3px; text-shadow: 1px 1px 2px #181818; color: #f3f3f3; } #display_guest_answers li.testcase1_wrong, #display_guest_answers li.testcase2_wrong { margin-left: 60px; margin-right: 60px; margin-bottom: 12px; background: #d14949; padding: 10px 10px; font-family: "Helvetica"; font-size: 17px; border: 2px solid #933535; padding-left: 14px; -moz-border-radius: 3px; border-radius: 3px; -webkit-border-radius: 3px; text-shadow: 1px 1px 2px #181818; color: #f3f3f3; } #show_benefits { background: #eaeaea; padding: 13px 0px; border: 2px solid #929292; width: 860px; margin: 0 auto; margin-top: 40px; -moz-border-radius: 3px; border-radius: 3px; -webkit-border-radius: 3px; } #show_benefits:hover { background: #f6f6f6; cursor: pointer; } #show_benefits p { text-align: center; font-family: "Franklin Gothic Book"; font-size: 30px; color: #0f0f0f; padding: 15px 0px; text-shadow: 1px 1px 2px #f2f2f2; } #show_benefits li { font-family: "Helvetica"; font-size: 16px; color: #353535; padding: 9px 0px; margin-left: 50px; } #show_benefits span { color: #cc7324; } #show_benefits li.signupbutton_guestpage { margin-top: 9px; background: #d1e0ed; width: 80px; text-align: center; border: 2px solid #b3b3b3; display: cursor; } #show_benefits li.signupbutton_guestpage:hover { background: #ebf3f9; } /* ***************************** INFORMATION PAGE ***************************** */ #information_title { color: #131313; font-size: 24px; text-align: center; font-family: "Franklin Gothic Book"; padding: 19px 0px; } .information_under { color: #8e8e8e; font-family: "Helvetica"; font-size: 13px; padding: 0px 100px; } .information_under span { color: #161616; padding-bottom: 3px; } #information_box { background: #e8eff0; margin-left: 100px; margin-right: 100px; margin-top: 14px; border: 4px solid #818788; padding-top: 14px; padding-bottom: 12px; } #information_box li { font-size: 13px; padding: 4px 0px; padding-left: 25px; color: #494949; font-family: "Franklin Gothic Book"; padding-right: 14px; } #information_box.onGroupsLi li { padding: 6px 0px; padding-left: 25px; padding-right: 14px; } #information_box li span { color: black; font-family: "Helvetica"; font-size: 14px; } #information_box li span.info_desc { color: black; font-family: "Franklin Gothic Book"; font-size: 14px; text-shadow: 1px 1px 2px #f8f8f8; } #information_box li:hover { /*background: #f4feff;*/ } #information_box.info_page_first_child li:first-child { background: #f4feff; margin-bottom: 6px; padding-top: 6px; padding-bottom: 6px; border-bottom: 1px solid #cfcfcf; border-top: 1px solid #cfcfcf; } #outer_box #information_box li:first-child { background: #e8eff0; } #information_box li.shorter_padding_results { background: #e8eff0; } #information_box li.shorter_padding { padding: 0px 0px; margin-bottom: 7px; } #information_box li.shorter_padding:hover { background: #e8eff0; } #information_box li p { text-align: center; font-size: 16px; color: #161616; font-family: "Franklin Gothic Book"; margin-bottom: 2px; margin-top: 2px; } #information_box li.times { background: #fcfcfc; padding: 6px 25px; border-bottom: 1px solid #8c9192; } #information_box li.times:hover { /*background: #bcdde2;*/ } #information_box li.times_first { border-top: 1px solid #8c9192; } #information_box li.times_last { margin-top: 8px; } #take_challenge, #take_challenge_fake { background: #229a33; color: white; padding: 8px 23px; border: 2px solid #d8d8d8; cursor: pointer; font-family: "Helvetica"; font-size: 15px; margin-top: 21px; margin-left: 394px; -moz-border-radius: 4px; border-radius: 4px; -webkit-border-radius: 4px; text-shadow: 1px 1px 2px #5b5b5b; } #take_challenge:hover { background: #d18522; } #take_challenge_fake:hover { background: #d18522; } #slide_down_challenge { font-family: "Helvetica"; font-size: 12px; color: #515151; text-align: center; padding: 14px 0px; padding-bottom: 40px; } /* LANGUAGE PAGE */ #language_form { width: 347px; margin: 0 auto; border: 0px solid red; } #languages_choose { height: 60px; width: 347px; border: 2px solid #adadad; font-size: 21px; padding: 5px 8px; font-family: "Franklin Gothic Medium"; text-shadow: 1px 1px 2px #ededed; color: #5b67a4; -moz-border-radius: 3px; border-radius: 3px; -webkit-border-radius: 3px; background: #f1f1f1; margin: 0 auto; margin-top: 40px; margin-bottom: 20px; } /* ***************************** ABOUT PAGE ***************************** */ #aboutus_title { font-family: "Franklin Gothic Medium"; color: #1e1e7b; font-size: 24px; border-bottom: 0px solid #b4b4b4; padding-left: 9px; padding-top: 28px; padding-bottom: 14px; text-shadow: 1px 1px 2px #e3e3e3; border-bottom: 1px solid #cfcfcf; } #aboutus { border: 3px solid white; padding: 15px; padding-left: 10px; padding-right: 15px; margin-top: 0px; line-height: 20px; -moz-border-radius: 3px; border-radius: 3px; -webkit-border-radius: 3px; } #aboutus p { color: #1e1e1e; font-size: 15px; font-family: "Franklin Gothic Book"; } #aboutus span { display: block; padding-top: 14px; } #aboutus span.tier2coders { display: inline; padding-top: 0px; color: #912020; } #aboutus:hover { /*background: #f7fafa; border: 3px solid #839193;*/ } #priv_title { font-family: "Franklin Gothic Medium"; color: #1e1e7b; font-size: 24px; border-bottom: 0px solid #cfcfcf; padding-left: 8px; padding-top: 28px; padding-bottom: 20px; text-shadow: 1px 1px 2px #e3e3e3; } #privacy_text { border: 3px solid white; padding: 20px; padding-left: 15px; padding-right: 15px; margin-top: 0px; background: #f9f9f9; border: 1px solid #cbcbcb; -moz-border-radius: 3px; border-radius: 3px; -webkit-border-radius: 3px; line-height: 20px; } #privacy_text p { color: #1e1e1e; font-size: 15px; font-family: "Franklin Gothic Book"; } #privacy_text span { display: block; padding-top: 14px; } #challenge_and_tier_title { font-family: "Franklin Gothic Medium"; color: #1e1e7b; font-size: 24px; border-bottom: 1px solid #cfcfcf; padding-left: 9px; padding-top: 17px; padding-bottom: 14px; text-shadow: 1px 1px 2px #e3e3e3; } #challenge_and_tier { border: 3px solid white; padding: 15px; padding-left: 10px; padding-right: 15px; margin-top: 0px; line-height: 20px; } #challenge_and_tier p { color: #1e1e1e; font-size: 15px; font-family: "Franklin Gothic Book"; } #challenge_and_tier span { display: block; padding-top: 14px; } #challenge_and_tier span.tier2coders { display: inline; padding-top: 0px; color: #912020; } #challenge_and_tier:hover { /*background: #f7fafa; border: 3px solid #839193;*/ } #write_challenges_title { font-family: "Franklin Gothic Medium"; color: #1e1e7b; font-size: 24px; border-bottom: 1px solid #cfcfcf; padding-left: 9px; padding-top: 11px; padding-bottom: 14px; text-shadow: 1px 1px 2px #e3e3e3; } #write_challenges { border: 3px solid white; padding: 15px; padding-left: 10px; padding-right: 15px; margin-top: 0px; line-height: 20px; } #write_challenges p { color: #1e1e1e; font-size: 15px; font-family: "Franklin Gothic Book"; } #write_challenges span { display: block; padding-top: 14px; } #write_challenges span.tier2coders { display: inline; padding-top: 0px; color: #912020; } #write_challenges:hover { /*background: #f7fafa; border: 3px solid #839193;*/ } #the_tut_title { font-family: "Franklin Gothic Medium"; color: #1e1e7b; font-size: 24px; border-bottom: 1px solid #cfcfcf; padding-left: 9px; padding-top: 11px; padding-bottom: 14px; text-shadow: 1px 1px 2px #e3e3e3; } #the_tuts { border: 3px solid white; padding: 15px; padding-left: 10px; padding-right: 15px; margin-top: 0px; } #the_tuts p { color: #1e1e1e; font-size: 15px; font-family: "Franklin Gothic Book"; } #the_languages_title { font-family: "Franklin Gothic Medium"; color: #1e1e7b; font-size: 24px; border-bottom: 1px solid #cfcfcf; padding-left: 9px; padding-top: 17px; padding-bottom: 14px; text-shadow: 1px 1px 2px #e3e3e3; } #the_languages { border: 3px solid white; padding: 15px; padding-left: 10px; padding-right: 15px; margin-top: 0px; line-height: 20px; } #the_languages p { color: #1e1e1e; font-size: 15px; font-family: "Franklin Gothic Book"; } #the_languages li { color: #1e1e1e; font-size: 16px; font-family: "Franklin Gothic Book"; margin-bottom: 6px; } #the_languages span { color: #912020; font-family: "Courier New"; font-size: 13px; padding-left: 8px; } #theteam_title { font-family: "Helvetica"; color: #0e0e0e; font-size: 24px; text-align: center; margin-top: 33px; padding-bottom: 12px; } #theteam { border: 3px solid white; padding: 20px; margin-top: 0px; display: block; height: 364px; background: #ececec; border: 2px solid #6a6a6a; -moz-border-radius: 4px; line-height: 20px; border-radius: 4px; -webkit-border-radius: 4px;} #theteam p { color: #4a4a4a; font-size: 14px; font-family: "Helvetica"; margin-top: 6px; } #theteam span { color: #912020; } #theteam img { border: 3px solid #191919; } #theteam li.first_team_member { margin-left: 93px; } #theteam li { float: left; width: 190px; height: 230px; display: block; margin-left: 80px; margin-top: 9px; } /* ***************************** RESULTS PAGE ***************************** */ #results_title p { font-family: "Franklin Gothic Book"; font-size: 25px; color: #3b3b3b; margin-bottom: -23px; margin-top: -2px; } #results_title span { color: #162875; } #information_box li.shorter_padding_results { padding-bottom: 0px; margin-bottom: -5px; margin-top: -10px; cursor: pointer; } #information_box li.shorter_padding_results:hover { background: #e8eff0; } #information_box li.shorter_padding_results_2 { padding-bottom: 0px; margin-bottom: -5px; margin-top: -10px; cursor: pointer; } #information_box li.shorter_padding_results_2:hover { background: #e8eff0; } #otherCode { margin-top: 13px; } #otherCode { background: #e8eff0; margin-left: 100px; margin-right: 100px; border: 4px solid #818788; padding-top: 14px; padding-bottom: 12px; } #otherCode li { font-size: 13px; padding: 4px 0px; padding-left: 25px; color: #494949; font-family: "Franklin Gothic Book"; padding-right: 14px; } #otherCode li.otherCodeText { padding-bottom: 0px; margin-bottom: -5px; margin-top: -10px; cursor: pointer; } #otherCode li p { text-align: center; font-size: 16px; color: #161616; font-family: "Franklin Gothic Book"; margin-bottom: 2px; margin-top: 2px; } #otherCode div.otherCodeTextDiv { font-family: "Franklin Gothic Book"; text-align: center; padding-top: 23px; font-size: 16px; padding-bottom: 20px; color: #1c356d; } #otherCode div.otherCodeTextDiv a { color: #962424; text-decoration: none; } #outer_box { margin-top: -7px; } #actual_results { background: #9cdc90; border: 4px solid #364233; padding: 15px 15px; margin-left: 100px; margin-right: 100px; margin-top: 20px; margin-bottom: 16px; -moz-border-radius: 5px; border-radius: 5px; -webkit-border-radius: 5px; } #actual_results li { font-family: "Helvetica"; font-size: 18px; color: #525252; margin-left: 10px; margin-bottom: 7px; color: #161616; } .first_result { margin-top: 4px; } #actual_results li span { font-family: "Franklin Gothic Book"; font-size: 30px; color: #13184c; } #nicejob_cases { background: #efefef; border: 1px solid #9a9a9a; padding: 7px 12px; font-family: "Helvetica"; font-size: 11px; margin-top: 18px; margin-bottom: 18px; letter-spacing: 1px; -moz-border-radius: 4px; border-radius: 4px; -webkit-border-radius: 4px;} .show_time_submission { background: #efefef; border: 1px solid #9a9a9a; padding: 7px 12px; font-family: "Helvetica"; font-size: 11px; margin-top: 21px; margin-bottom: 16px; letter-spacing: 1px; -moz-border-radius: 4px; border-radius: 4px; -webkit-border-radius: 4px; } .wrong_outputs { background: #efefef; border: 1px solid #9a9a9a; padding: 7px 12px; color: #2f2f2f; font-family: "Helvetica"; font-size: 11px; margin-top: 9px; margin-bottom: 9px; letter-spacing: 1px; -moz-border-radius: 4px; border-radius: 4px; -webkit-border-radius: 4px; } .show_result_inputs { background: #efefef; border: 1px solid #9a9a9a; padding: 7px 12px; color: #2f2f2f; font-family: "Helvetica"; font-size: 12px; margin-top: 9px; margin-bottom: 9px; padding-left: 270px; letter-spacing: 1px; -moz-border-radius: 4px;border-radius: 4px; -webkit-border-radius: 4px; text-shadow: 1px 1px 2px #e0e0e0; } .show_result_inputs:hover { background: #f7f9f7; cursor: pointer; } .show_result_inputs_hide { background: #cb6d57; border: 1px solid #686868; padding: 7px 12px; color: #2f2f2f; font-family: "Helvetica"; font-size: 12px; margin-top: 9px; margin-bottom: 9px; padding-left: 270px; color: white; letter-spacing: 1px; -moz-border-radius: 4px;border-radius: 4px; -webkit-border-radius: 4px; text-shadow: 1px 1px 2px #414141; } .show_result_inputs_hide:hover { background: #d27661; cursor: pointer; color: white; } .wrong_outputs:first-child { margin-top: 18px; } .wrong_outputs:last-child { margin-bottom: 16px; } .testcases { padding-left: 31px; } .timeperiod { padding-left: 14px; } .totalpoints { padding-left: 72px; } .show_question { font-family:"Franklin Gothic Book"; color:#6c6c6c; font-size:15px; text-align:center; cursor:pointer; text-shadow: 1px 1px 2px #e0e0e0; width: 300px; margin: 0 auto; margin-top: 9px; padding-top:2px; padding-bottom: 2px; } .show_question:hover { text-decoration: underline; } /* top scorers */ .eachUser_topScore { border-bottom: 1px solid #bfbfbf; padding-top: 7px; padding-bottom: 7px; text-align: left; text-decoration: none; } .eachUser_topScore:hover { background: white; } .eachUser_topScore img { margin-left: 20px; border: 1px solid #737373; vertical-align: middle; vertical-align: -65%; } .eachUser_topScore span { font-family: "Helvetica"; font-size: 15px; color: black; margin-left: 20px; } .eachUser_topScore span.points_for_user { float: right; margin-top: 13px; } .eachUser_topScore span.username_rank { margin-left: 15px; margin-top: -6px; } .eachUser_topScore span.lang_for_user { float: right; margin-top: 13px; color: #707070; opacity: 0.7; } .showUserSolsList a:hover { text-decoration: none !important; } /* ******************************************** BUTTONS IN CODING AREA + OLD RANKINGS ******************************************** */ #click_button_area { margin-top: 160px; background: #eaeaea; padding: 23px 0px; border: 2px solid #c3c3c3; margin-left: 10px; margin-right: 10px; display: none; } #your_ranking { font-family: "Helvetica"; color: #4a4a4a; font-size: 16px; margin-bottom: 0px; text-align: center; padding-bottom: 20px; border-bottom: 1px solid #d2d2d2; } /* rankings */ .eachUser { border-bottom: 1px solid #d2d2d2; padding-top: 7px; padding-bottom: 7px; color: black; } /*.eachUser span.POINTS { background: white; padding: 3px 5px; -moz-border-radius: 4px;border-radius: 4px; -webkit-border-radius: 4px; }*/ /* NORMAL NEW RANKINGS */ .eachUser:hover { background: #3371a6; color: white; text-shadow: 1px 1px 1px #181818; -moz-border-radius: 3px; border-radius: 3px; -webkit-border-radius: 3px; -moz-box-shadow: 1px 1px 3px #1a1a1a; -webkit-box-shadow: 1px 1px 3px #1a1a1a; box-shadow: 1px 1px 3px #1a1a1a; } .eachUser:hover > span { color: white; } .eachUser:hover > span.username_rank { color: white; } .eachUser img { margin-left: 20px; border: 1px solid #737373; vertical-align: middle; vertical-align: -65%; } .eachUser span { font-family: "Helvetica"; font-size: 15px; color: black; margin-left: 20px; } /* END NEW RANKINGS */ /* FOR HOMEPAGE RANKINGS */ .eachUserHomepage { background: #f4f4f4; border-bottom: 1px solid #bfbfbf; } .eachUserHomepage img { border: 1px solid #6b6b6b; } .eachUserHomepage span { color: black; text-shadow: 1px 1px 2px #ececec; } .eachUserHomepage:hover { background: #50758f; color: white; } .eachUserHomepage:hover > span { color: white; text-shadow: 1px 1px 2px #242424; } .eachUserHomepage:hover > img { border: 1px solid #2c2c2c; } /* END HOMEPAGE RANKINGS */ .eachUser:first-child { border-top: 1px solid #bfbfbf; padding-top: 7px; } .eachUser span.points_for_user { float: right; margin-top: 13px; } .eachUser span.lastspan { margin-right: 40px; margin-left: 45px; } .eachUser span.POINTS { margin-left: 50px; } .eachUser span.username_rank { margin-left: 15px; margin-top: -6px; color: black; } /* COMPETITION FIX */ .eachUser span.points_for_user_COMP { float: right; margin-top: 13px; padding-right: 26px; } #seemore_rankings { background: #686868; border: 2px solid #393939; margin-top: 18px; font-family: "Helvetica"; color: white; text-align: center; padding: 7px 0px; margin-bottom: -5px; } #seemore_rankings:hover { background: #8c8c8c; cursor: pointer; } /* writing */ .writing_exp { font-family: "Helvetica"; font-size: 13px; margin-left: 30px; padding-bottom: 12px; color: #777777; } #writing_form { margin-top: 11px; } #writing_form span { font-family: "Helvetica"; color: black; margin-left: 30px; font-size: 13px; padding-right: 12px; } #writing_form #write_name { width: 530px; height: 20px; padding: 6px 7px; font-family: "Helvetica"; font-size: 14px; color: #1b1b1b; margin-bottom: 10px; } #writing_form #pickTier { margin-bottom: 18px; } #writing_form textarea { width: 632px; margin-left: 30px; resize: none; height: 120px; padding: 9px; font-family: "Helvetica"; color: #1d1d1d; font-size: 14px; } #writing_form #write_challenge_submit { font-family: "Helvetica"; font-size: 13px; color: #464646; padding: 8px 6px; width: 200px; border: 1px solid #6a6a6a; background: #9ce786; margin-top: 16px; cursor: pointer; margin-left: 30px; color: black; } #writing_form #write_challenge_submit:hover { background: white; } #signup_towrite { font-family: "Helvetica"; color: #591515; font-size: 15px; padding: 8px; text-align: center; font-style: italic; } /* ***************************** CONTACT PAGE ***************************** */ #contact_title { font-family: "Helvetica"; color: #1b1b1b; font-size: 24px; text-align: center; padding-top: 25px; } #all_contact { background: #efefef; margin-left: 140px; margin-right: 140px; padding: 17px; border: 4px solid #cbcbcb; margin-top: 25px; -moz-border-radius: 6px; border-radius: 6px; -webkit-border-radius: 6px; } .bullets_contact li { font-size: 14px; font-family: "Helvetica"; color: #191919; padding: 7px 10px; } #contact_form { width: 660px; margin: 0 auto; } #contact_form input { font-family: "Helvetica"; font-size: 16px; color: #464646; padding: 9px 6px; width: 400px; margin-bottom: 20px; border: 1px solid #b7b7b7; -moz-border-radius: 4px; border-radius: 4px; -webkit-border-radius: 4px; } #contact_form textarea { font-family: "Helvetica"; font-size: 16px; color: #464646; padding: 9px 6px; width: 400px; margin-bottom: 20px; border: 1px solid #b7b7b7; height: 120px; -moz-border-radius: 4px; border-radius: 4px; -webkit-border-radius: 4px; resize: none; } #contact_form .submit_contact { width: 414px; } .submit_contact:hover { background: #b7b7b7; cursor: pointer; } #contact_form input:first-child { margin-top: 26px; } #successQuesForm { width: 360px; overflow: auto; margin: 0 auto; margin-top: 10px; } #successQuesForm input { float: left; width: 350px; margin-bottom: 5px; font-size: 18px; } /* ***************************** NEWS PAGE ***************************** */ #news_buttons { background: white; height: 130px; border: 0px solid #e0e0e0; width: 260px; margin: 0 auto; margin-bottom: 20px; padding: 32px 40px; padding-top: 50px; } #news_buttons a { float: left; } .facebook_link_big, .twitter_link_big { width: 120px; height: 120px; text-indent: -9999px; } .facebook_link_big { display: block; background: url(images/news/fb-share.jpg) center center no-repeat; background-size: 120px 120px; } .twitter_link_big { display: block; background: url(images/news/tw-share.jpg) center center no-repeat; background-size: 120px 120px; margin-left: 20px; } /* ***************************** COMPETITION PAGE ***************************** */ #comp_banner { overflow:auto;background:#b94444;border:3px solid #ececec;margin-bottom:20px;margin-top:5px;padding: 15px 25px;width:875px;margin-left:25px; font-family:Helvetica;color:white;-moz-border-radius: 4px; border-radius: 4px; -webkit-border-radius: 4px;text-align:center;text-shadow: 1px 1px 2px #232323; font-size:17px; cursor: pointer; } #comp_banner:hover { background:#bd3a3a; } #member_banner { overflow:auto;background:#58a934;border:2px solid #ececec; padding: 7px 25px;width:640px;margin-left:34px;margin:0 auto; margin-bottom:0px;margin-top:15px; font-family:Helvetica;color:white;-moz-border-radius: 4px; border-radius: 4px; -webkit-border-radius: 4px;text-align:center;text-shadow: 1px 1px 2px #232323; font-size:14px; cursor: pointer; margin-left: 2px; margin-top: 62px; } #member_banner:hover { background: #60b13c; } #all_information_comp { background: #f8f8f8; overflow: auto; padding: 30px; margin-top: 20px; border: 3px solid #d3d3d3; -moz-border-radius: 3px; border-radius: 3px; -webkit-border-radius: 3px; width: 100%; margin-left: -25px; } #all_information_comp p { font-family: "Helvetica"; } #all_information_comp p span { color: #862424; } #all_information_comp li { font-family: "Helvetica"; } #all_information_comp li span { color: #41831f; font-size: 22px; text-shadow: 1px 1px 2px #d9d9d9; } #text_info_comp { background: white; border: 3px solid #d3d3d3; padding: 15px; width: 560px; float: right; font-family: "Helvetica"; -moz-border-radius: 4px; border-radius: 4px; -webkit-border-radius: 4px; box-shadow: 0px 0px 5px #202020; opacity: 0.9; } #text_info_comp span { font-weight: bold; color: #41931c; } /* ************ */ #register_competition { margin: 0 auto; margin-top: 25px; } #register_competition div { margin: 0 auto; width: 260px; } #register_competition div .univ_name, #register_competition div .univ_email { width: 300px; padding: 7px; -moz-border-radius: 3px; border-radius: 3px; -webkit-border-radius: 3px; font-size: 16px; margin-bottom: 6px; } #register_competition_noacc { margin: 0 auto; margin-top: 25px; } #register_competition_noacc div { margin: 0 auto; width: 540px; } #register_competition_reg { margin: 0 auto; margin-top: 25px; } #register_competition_reg div { margin: 0 auto; width: 584px; } #submit_comp { cursor: pointer; background: #549e2b; color: white; text-shadow: 1px 1px 2px #232323; border: 1px solid #2f2f2f; padding: 10px 25px; font-family: "Helvetica"; font-size: 14px; -moz-border-radius: 4px; border-radius: 4px; -webkit-border-radius: 4px; } #submit_comp:hover { background: #c17924; color: white; text-shadow: 1px 1px 2px #232323; } #submit_comp_noacc { cursor: pointer; background: #a84c2c; color: white; text-shadow: 1px 1px 2px #232323; border: 1px solid #2f2f2f; padding: 10px 25px; font-family: "Helvetica"; font-size: 14px; -moz-border-radius: 4px; border-radius: 4px; -webkit-border-radius: 4px; } #submit_comp_reg { background: #c17924; color: white; text-shadow: 1px 1px 2px #181818; border: 1px solid #2f2f2f; padding: 10px 25px; font-family: "Helvetica"; font-size: 14px; -moz-border-radius: 4px; border-radius: 4px; -webkit-border-radius: 4px; } /* ************ */ .rule_photo { font-family: "Helvetica"; font-size: 13px; color: #666666; text-align: center; margin-top: 16px; padding: 10px 50px; } #comp_challenges_list { float: left; width: 370px; } #chat_area_comp { float: right; width: 590px; } #comp_challenges_list div { margin-left: 10px; font-family: "Helvetica"; font-size: 16px; color: white; background: #3e6d9a; border: 1px solid #314e6a; padding: 10px 10px; margin-bottom: 11px; padding-left: 15px; text-shadow: 1px 1px 2px #242424; cursor: pointer; -moz-border-radius: 2px; border-radius: 2px; -webkit-border-radius: 2px; margin-right: 20px; } #comp_challenges_list li { font-family: "Helvetica"; font-size: 17px; margin-top: 24px; margin-left: 110px; } #comp_challenges_list li span { font-family: "Franklin Gothic Medium"; font-size: 23px; } #comp_challenges_list div:hover { background: #4a78a5; } #comp_challenges_list div span.score_comp { float: right; margin-right: -58px; text-shadow: 1px 1px 2px #e2e2e2; color: #a52727; } #comp_challenges_list div span.score_extra { float: right; margin-right: -94px; text-shadow: 1px 1px 2px #e2e2e2; color: black; } #comp_challenges_title { font-family: "Franklin Gothic Medium"; font-size: 24px; color: #000000; margin-top: 28px; padding-bottom: 22px; padding-left: 54px; } /* FOR PAST CHALS FIX CSS */ #comp_challenges_title.oldCompTitle { text-align: center; float: center; margin: 0 auto; padding-left: 0px; margin-top: 22px; font-size: 21px; } #comp_challenges_list.oldCompChals { width: 370px; overflow: auto; float: none; margin: 0 auto; } #comp_challenges_list.oldCompChals div { margin-right: 0px; padding: 8px 10px; } #chat_area_comp { } #comp_rankings { width: 624px; margin: 0 auto; background: #f6f6f6; border: 2px solid #dbdbdb; margin-top: 25px; } #comp_rankings a { display: block; } #ranking_title { margin: 0 auto; margin-top: 23px; width: 600px; color:#373737; background:#ededed; padding:15px; text-shadow: 1px 1px 2px #d6d6d6; border: 1px solid #b1b1b1; font-size:13px; -moz-border-radius: 3px; border-radius: 3px; -webkit-border-radius: 3px; font-family: 'Helvetica'; overflow: auto; } #comp_rankings.smaller { width: 500px; } #ranking_title.smaller { width: 476px; } #ranking_title li { margin-top: 3px; } #all_comps { width: 500px; margin: 0 auto; margin-top: 30px; margin-bottom: 40px; } #all_comps li { background: #436572; color: white; font-family: "Helvetica"; padding: 11px 17px; font-size: 17px; border: 2px solid #cfd5d8; cursor: pointer; text-shadow: 1px 1px 1px #2f2f2f; } #all_comps li:hover { background: #3c8b4b; } #all_comps span { float: right; color: #fdf18f; } /* *************************** GROUPS INDEX PAGE *************************** */ #belowheader_groups { width: 967px; margin: 0 auto; text-align: center; padding-top: 8px; height: 0; visibility: hidden; } #belowheader_groups p { font-family: "Franklin Gothic Medium"; font-size: 28px; text-align: center; color: #202020; padding-top: 21px; letter-spacing: 0px; text-shadow: 1px 1px 1px #f9f9f9; } #belowheader_groups p span { font-family: "Franklin Gothic Medium"; color: #ce6d25; letter-spacing: 0px; text-shadow: 0px 0px 0px #f9f9f9; } /* buttons at bottom to find group */ #groupBox { background: #f3f3f3; border: 2px solid #a3a3a3; padding: 40px 10px; padding-left: 43px; margin: 0 auto; width: 475px; overflow: auto; margin-top: 33px; -moz-border-radius: 2px; border-radius: 2px; -webkit-border-radius: 2px; } #groupBox li { font-family: "Franklin Gothic Book"; font-size: 24px; background: white; color: #2161a2; text-shadow: 1px 1px 1px #ebebeb; padding: 25px 27px; float: left; margin-right: 40px; -moz-border-radius: 6px; border-radius: 6px; -webkit-border-radius: 6px; border: 1px solid #b3b3b3; cursor: pointer; -moz-box-shadow: 1px 1px 2px #000; -webkit-box-shadow: 1px 1px 2px #000; box-shadow: 1px 1px 2px #000; } #groupBox li:hover { background: #d56a23; color: white; text-shadow: 1px 1px 1px #0f0f0f; border-color: #183350; -moz-box-shadow: 1px 1px 9px #000; -webkit-box-shadow: 1px 1px 9px #000; box-shadow: 1px 1px 9px #000; } /* bullet points */ #groupPoints { width: 548px; margin: 0 auto; margin-top: 27px; /*33*/ /*padding-left: 260px;*/ text-align: center; } #groupPoints p { font-family: 'Helvetica'; font-size: 15px; color: #2f2f2f; margin-bottom: 3px; letter-spacing: 0px; color: #3d3d3d; } #groupPoints span { color: #aa2b21; text-shadow: 1px 1px 1px #eaeaea; } .groupExample { width: 730px; margin: 0 auto; font-family: 'Franklin Gothic Medium'; font-size: 15px; color: #2161a2; text-decoration: underline; margin-top: 25px; cursor: pointer; } .groupExample:hover { color: #2e8c19; } /* slide show */ #slideShowGroup { border:7px solid #bfbfbf; width:860px; height:300px; margin: 0 auto; margin-top: 43px; -moz-border-radius: 6px; border-radius: 6px; -webkit-border-radius: 6px; background: url('images/Groups/final.png') center left no-repeat; } #slideShowGroup span { color: white; background: #2161a2; padding: 9px 15px; cursor: pointer; font-family: "Franklin Gothic Medium"; font-size: 22px; border: 1px solid #1a4b7d; text-shadow: 1px 1px 1px #1f1f1f; -moz-border-radius: 20px; border-radius: 20px; -webkit-border-radius: 20px; } #slideShowGroup span:hover { background: #4882be; } #slideShowGroup span.nextArrow { float: right; margin-right: -25px; margin-top: -32px; } #slideShowGroup span.prevArrow { float: left; margin-left: -25px; margin-top: -32px; } #howItWorksTitle { width: 960px; margin: 0 auto; font-family: 'Franklin Gothic Medium'; font-size: 19px; color: #1e5790; margin-top: 25px; text-align: center; } /* sample pics */ #samplePics { width: 780px; margin: 0 auto; overflow: auto; border: 0px solid white; background: white; margin-top: 40px; border: 0px solid red; } #samplePics a { display: block; width: 130px; height: 130px; float: left; border: 6px solid #a2a2a2; -moz-border-radius: 5px; border-radius: 5px; -webkit-border-radius: 5px; margin-left: 12px; margin-bottom: 14px; } #samplePics a:hover { border-color: #dddddd; } #samplePics a:first-child { margin-left: 8px; } #samplePics a.samp_1 { background: url("Groups/Samples/icon_1.png") center center no-repeat; } #samplePics a.samp_2 { background: url("Groups/Samples/icon_2.png") center center no-repeat; } #samplePics a.samp_3 { background: url("Groups/Samples/icon_3.png") center center no-repeat; } #samplePics a.samp_4 { background: url("Groups/Samples/icon_4.png") center center no-repeat; } #samplePics a.samp_5 { background: url("Groups/Samples/icon_5.png") center center no-repeat; } #samplePics a.samp_6 { background: url("Groups/Samples/icon_6.png") center center no-repeat; margin-left: 8px; } #samplePics a.samp_7 { background: url("Groups/Samples/icon_7.png") center center no-repeat; } #samplePics a.samp_8 { background: url("Groups/Samples/icon_8.png") center center no-repeat; } #samplePics a.samp_9 { background: url("Groups/Samples/icon_9.png") center center no-repeat; } #samplePics a.samp_10 { background: url("Groups/Samples/icon_10.png") center center no-repeat; } /* **************************** CREATE A GROUP **************************** */ /* bullet points */ #createGroupPoints { width: 705px; margin: 0 auto; margin-top: 16px; } #createGroupPoints p { font-family: 'Helvetica'; font-size: 15px; color: #777777; margin-bottom: 6px; letter-spacing: 0px; } #createGroupPoints span { color: #aa2b21; text-shadow: 1px 1px 1px #eaeaea; } .formNewGroup { width: 705px; margin: 0 auto; margin-top: 34px; } .formNewGroup input { padding: 7px 7px; font-family: "Franklin Gothic Book"; font-size: 19px; color: #22228c; width: 700px; border: 2px solid #bfbfbf; -moz-border-radius: 7px; border-radius: 7px; -webkit-border-radius: 7px; margin-bottom: 11px; } /* price table */ .formNewGroup table { width: 700px; margin: 0 auto; text-align: center; margin-top: 22px; } .formNewGroup table th { font-family: "Franklin Gothic Medium"; font-weight: normal; font-size: 18px; width: 180px; padding-bottom: 10px; background: white; cursor: default; color: #282828; } .formNewGroup table td { border: 1px solid #b0b0b0; font-size: 23px; font-family: "Helvetica"; padding: 14px 0px; -moz-border-radius: 4px; border-radius: 4px; -webkit-border-radius: 4px; margin-bottom: 2px; } .formNewGroup table tr { background: #f4f4f4; cursor: pointer; color: black; } .formNewGroup table tr:hover { background: white; } .formNewGroup table .prices { color: #cf6524; text-shadow: 1px 1px 1px #eeeeee; font-family: "Franklin Gothic Medium"; } .formNewGroup table td.alsoFree { color: #389d19; } .submitExplain { font-family: 'Helvetica'; font-size: 13px; color: #931f1f; letter-spacing: 0px; margin-top: 33px; } .formNewGroup #submit_group_create { padding: 10px 7px; font-family: "Franklin Gothic Medium"; font-size: 19px; color: #2b2b2b; width: 715px; border: 2px solid #bfbfbf; -moz-border-radius: 7px; border-radius: 7px; -webkit-border-radius: 7px; margin-top: 12px; cursor: pointer; } .formNewGroup #submit_group_create:hover { background: #48ae25; border-color: #2e611b; color: white; text-shadow: 1px 1px 1px #272727; } .suc_mess { text-align: center; font-family: "Franklin Gothic Book"; font-size: 19px; color: #48ae25; margin-top: 30px; margin-bottom: -13px; } .notsuc_mess { text-align: center; font-family: "Franklin Gothic Book"; font-size: 19px; color: #931f1f; margin-top: 30px; margin-bottom: -13px; } /* join a group */ #listPublicGroups { width: 703px; margin: 0 auto; margin-top: 30px; } #listPublicGroups li { background: #f0f0f0; width: 700px; border: 1px solid #c2c2c2; -moz-border-radius: 3px; border-radius: 3px; -webkit-border-radius: 3px; font-family: "Franklin Gothic Book"; font-size: 19px; padding: 14px 0px; margin-bottom: 12px; text-align: center; text-shadow: 0px 0px 0px #242424; } #listPublicGroups li:hover { background: #48ae25; text-shadow: 1px 1px 1px #242424; color: white; } #listPublicGroups.displayCBchals li { padding: 9px 0px; font-size: 17px; } /* **************************** GROUP TEMPLATE PAGE **************************** */ #info_profile_settings { width: 905px; margin: 0 auto; border: 0px solid red; margin-top: 19px; overflow: auto; background: #f5f5f5; padding: 10px 26px; padding-right: 10px; border: 1px solid #bdbdbd; -moz-border-radius: 6px; border-radius: 6px; -webkit-border-radius: 6px; } #info_profile_settings li { float: left; height: 85px; } .groupInfo { width: 350px; border-right: 1px solid #bdbdbd; padding-right: 34px; } .groupInfo p { font-family: "Franklin Gothic Medium"; font-size: 23px; color: #262626; margin-bottom: 5px; margin-top: 4px; } .groupInfo span { font-family: "Franklin Gothic Book"; font-size: 13px; color: #616161; } #info_profile_settings . groupInfo span.privOrPub { font-family: "Franklin Gothic Book"; font-size: 13px; color: #616161; } .userGroupProfile { margin-left: 34px; } .userGroupProfile img { border: 1px solid #474747; margin-top: 1px; -moz-border-radius: 3px; border-radius: 3px; -webkit-border-radius: 3px; } .userProfileInfo { margin-left: 20px; width: 240px; } .userProfileInfo p:first-child { padding-top: 5px; } .userProfileInfo p { font-family: "Helvetica"; font-size: 12px; color: #5a5a5a; margin-bottom: 5px; } .userProfileInfo p span { font-family: "Franklin Gothic Medium"; font-size: 15px; color: #1f4887; padding-left: 2px; } .userProfileInfo p span.groupPoints { color: #922121; } .userGroupSettings { margin-left: 24px; float: right; border-left: 1px solid #bdbdbd; padding-left: 8px; } .userGroupSettings a { display: block; font-family: "Franklin Gothic Book"; font-size: 14px; color: #2e2e2e; background: white; padding: 4px 10px; border: 1px solid #cfcfcf; -moz-border-radius: 4px; border-radius: 4px; -webkit-border-radius: 4px; text-align: center; margin-left: 20px; } .userGroupSettings a:hover { background: #ffffd8; } .userGroupSettings a:first-child { margin-bottom: 8px; margin-top: 10px; } #workplace { width: 960px; margin: 0 auto; border: 0px solid blue; margin-top: 25px; overflow: auto; } #workplace li { float: left; height: 190px; width: 294px; padding: 8px 12px; overflow: auto; } #workplace li div { font-family: "Lucida Sans"; font-size: 20px; text-align: center; margin-bottom: 24px; color: #1c1c1c; letter-spacing: -1px; margin-left: -9px; } #workplace li p { font-family: "Franklin Gothic Book"; font-size: 12px; background: #dbe5ee; padding: 6px 5px; width: 120px; border: 1px solid #a8b8c6; float: left; margin-bottom: 9px; cursor: pointer; margin-left: 4px; } #workplace li p.pushRight { margin-right: 11px; } #workplace li.projects p { background: #eeeeee; border: 1px solid #cdcdcd; } #workplace li.projects p:hover { background: #f8f8f8; } #workplace li p:hover { background: #e7edf3; -moz-border-radius: 4px; border-radius: 4px; -webkit-border-radius: 4px; -moz-box-shadow: 0px 0px 8px #000; -webkit-box-shadow: 0px 0px 8px #000; box-shadow: 0px 0px 8px #000; } #workplace li a:hover { } .openChal { border: 0px solid red; margin-left: 3px; } .completedChal { border: 0px solid blue; } .projects { border: 0px solid red; } /* NEW CHALLENGE BUTTON FOR ADMIN */ .openChal div span { font-family: "Franklin Gothic Medium"; font-size: 23px; background: #ededed; border: 1px solid #c5c5c5; -moz-border-radius: 20px; border-radius: 20px; -webkit-border-radius: 20px; padding: 1px 9px; margin-left: 2px; cursor: pointer; } .openChal div span:hover { background: #363636; color: white; text-shadow: 1px 1px 1px #222222; border-color: #222222; } /* CONTROL PANEL BUTTON */ #workplace li.controlPanelButton { background: #e5e5e5; font-family: "Franklin Gothic Book"; font-size: 34px; color: #383838; text-shadow: 1px 1px 1px #e5e5e5; border: 2px solid #c3c3c3; width: 280px; -moz-border-radius: 6px; border-radius: 6px; -webkit-border-radius: 6px; text-align: center; line-height: 180px; margin-right: 7px; cursor: pointer; height: 180px; letter-spacing: -1px; margin-top: 20px; } #workplace li.controlPanelButton:hover { background: #39a02e; border: 2px solid #44b239; text-shadow: 1px 1px 1px #1d1d1d; color: white; } /* NEW PROJECT BUTTON */ .projects div span { font-family: "Franklin Gothic Medium"; font-size: 23px; background: #ededed; border: 1px solid #c5c5c5; -moz-border-radius: 20px; border-radius: 20px; -webkit-border-radius: 20px; padding: 1px 9px; margin-left: 2px; cursor: pointer; } .projects div span:hover { background: #363636; color: white; text-shadow: 1px 1px 1px #222222; border-color: #222222; } #allGroupFeatures { width: 960px; margin: 0 auto; margin-top: 46px; border-top: 1px solid #9c9c9c; overflow: auto; } /* LEFT SIDE */ .options { width: 160px; float: left; border-right: 1px solid #9c9c9c; padding-bottom: 18px; } .options li { font-family: "Franklin Gothic Medium"; font-size: 17px; padding-left: 20px; padding-bottom: 12px; cursor: pointer; padding-top: 10px; color: #c95f1f; text-shadow: 1px 1px 1px #ebebeb; } .options li:hover { color: white; text-shadow: 1px 1px 5px #171717; background: #e59a51; } .options li:first-child { margin-top: 18px; } /* RIGHT SIDE*/ .showWhatOption { width: 790px; float: right; } /* ANNOUNCMENTS */ .showWhatOption #showAnn { overflow: auto; height: 340px; margin-top: 25px; } .showWhatOption #showAnn p { font-family: "Helvetica"; font-size: 13px; background: #f5f5f5; border: 1px solid #a5a5a5; padding: 0px 15px; margin-bottom: 11px; cursor: pointer; -moz-border-radius: 3px; border-radius: 3px; -webkit-border-radius: 3px; margin-left: 10px; margin-right: 10px; } .showWhatOption #showAnn a { display: block; padding: 13px 0px; } /* click area for announ */ .showWhatOption #showAnn p:first-child { margin-top: 2px; } .showWhatOption #showAnn p.newAnnLink { background: white; font-size: 15px; border: 0px solid #969696; font-family: "Franklin Gothic Book"; } .showWhatOption #showAnn p.newAnnLink a { padding: 8px 0px; color: #2384b1; text-decoration: underline; text-align:center; } .showWhatOption #showAnn p span { font-family: "Franklin Gothic Medium"; font-size: 16px; margin-right: 6px; margin-left: 6px; color: #1e2a73; } .showWhatOption #showAnn p span.dateForAnn { font-size: 13px; color: #bf3f22; font-family: "Franklin Gothic Book"; background: white; padding: 6px 8px; border: 1px solid #cfcfcf; } .showWhatOption #showAnn p:hover { -moz-box-shadow: 0px 0px 8px #000; -webkit-box-shadow: 0px 0px 8px #000; box-shadow: 0px 0px 8px #000; background: white; } /* actual prettyphoto content */ #showContentAnnoun div { font-family: 'Helvetica'; font-size: 14px; padding: 15px; display: none; } .pp_inline { font-family: 'Helvetica'; font-size: 14px; padding: 15px; display: none; line-height: 19px; } /* USERS */ .showWhatOption #showUsers { overflow: auto; height: 340px; margin-top: 25px; } .showWhatOption #showUsers table { margin-left: 10px; } .showWhatOption #showUsers table tr { margin-bottom: 13px; font-family: "Helvetica"; font-size: 14px; } .showWhatOption #showUsers table tr:hover { background: #f6f6f6; } .showWhatOption #showUsers table td { margin-right: 50px; padding: 10px 29px; } .showWhatOption #showUsers p { } .showWhatOption #showUsers a { color: #1d3874; font-weight: bold; font-family: "Lucida Sans"; } .showWhatOption #showUsers a:hover { color: #2e4c91; } .showWhatOption #showUsers table .eachUserGroup_ForView { font-family: "Helvetica"; font-size: 14px; padding: 0px 15px; -moz-border-radius: 3px; border-radius: 3px; -webkit-border-radius: 3px; } /* CHAT */ .showWhatOption #showChat { overflow: auto; height: 520px; margin-top: 25px; } /* RANKINGS */ .showWhatOption #showRank { overflow: auto; height: 340px; margin-top: 25px; } .showWhatOption #showRank a { color: #1d3874; font-weight: bold; font-family: "Lucida Sans"; } .showWhatOption #showRank a:hover { color: #2e4c91; } .showWhatOption #showRank .eachUserGroup_ForView { border-bottom: 1px solid #b1b1b1; -moz-border-radius: 0px; border-radius: 0px; -webkit-border-radius: 0px; padding: 13px 15px; margin-bottom: 0px; letter-spacing: 0px; font-family: "Helvetica"; font-size: 14px; } .showWhatOption #showRank .eachUserGroup_ForView:hover { background: #f6f6f6; } /* ***************************** GROUP CONTROL PANEL ***************************** */ #titleControlPanel { font-family: "Helvetica"; font-size: 22px; text-align: center; padding-top: 25px; } #titleControlPanel span { color: #991f1f; } /* tabs */ #optionsInControlPanel { width: 660px; border: 0px solid black; font-family: "Lucida Sans"; letter-spacing: -1px; font-size: 17px; overflow: auto; margin: 0 auto; margin-top: 30px; } #optionsInControlPanel li { padding: 17px 25px; float: left; border-right: 1px solid #b2b2b2; cursor:pointer; border-top: 1px solid #b2b2b2; border-bottom: 1px solid #b2b2b2; background: #eeeeee; } #optionsInControlPanel li:first-child { border-left: 1px solid #b2b2b2; } #optionsInControlPanel li:hover { background: #7b7b7b; color: white; text-shadow: 1px 1px 1px #1c1c1c; } /* user stats */ #userStats { width: 810px; margin: 0 auto; margin-top: 45px; } #userStats div.eachUserGroup { background: #f8f8f8; border: 1px solid #b6b6b6; padding: 11px 15px; font-family: "Helvetica"; font-size: 14px; margin-bottom: 8px; width: 800px; } #userStats div.eachUserGroup a { color: #317b1b; font-weight: bold; font-family: "Lucida Sans"; } #userStats div.eachUserGroup a:hover { color: #57b03b; } #userStats div.eachUserGroup span.not_reg { color: #861b1b; font-family: "Lucida Sans"; } #maxUsers { font-family: "Franklin Gothic Book"; font-size: 17px; } #maxUsers span { font-size: 21px; color: #1a3278; font-family: "Franklin Gothic Medium"; } #anotherUser { font-family: "Franklin Gothic Book"; font-size: 13px; color: #434343; margin-bottom: 20px; margin-top: 16px; } #anotherUser span.labelLink { color: #161616; margin-right: 3px; font-weight: bold; } #anotherUser span.linkToEmail { color: #bf671f; font-weight: bold; font-size: 13px; } #anotherUser #newUser { padding: 4px 4px; font-size: 13px; font-family: "Franklin Gothic Book"; color: #1a3278; width: 180px; margin-top: 12px; -moz-border-radius: 2px; border-radius: 2px; -webkit-border-radius: 2px; } #anotherUser #submitUser { padding: 5px 7px; font-size: 13px; font-family: "Franklin Gothic Book"; } .areYouSure { margin-top: 7px; font-size: 15px; } .deleteUserCP { float: right; color: #861b1b; font-family: "Franklin Gothic Medium"; font-size: 13px; cursor: pointer; } .yesDelete { padding: 3px 6px; } .notSure { color: #861b1b; cursor: pointer; margin-left: 4px; } /* chal stats */ #chalStats { width: 810px; margin: 0 auto; margin-top: 45px; } #chalStats div.eachUserGroup { background: #f8f8f8; border: 1px solid #b6b6b6; padding: 11px 15px; font-family: "Helvetica"; font-size: 14px; margin-bottom: 8px; width: 800px; } #chalStats div.eachUserGroup span { color: #317b1b; font-weight: bold; font-family: "Lucida Sans"; } #chalStats div.eachUserGroup span.deleteUserCP { float: right; color: #861b1b; font-family: "Franklin Gothic Medium"; font-size: 13px; cursor: pointer; font-weight: normal; } #chalStats div.eachUserGroup a:hover { color: #57b03b; } #chalStats div.eachUserGroup span.not_reg { color: #861b1b; font-family: "Lucida Sans"; } #newChalButton { font-family: "Franklin Gothic Medium"; font-size: 17px; color: white; text-shadow: 1px 1px 1px #161616; margin-top: 9px; width: 180px; background: #47659e; padding: 5px 6px; border: 1px solid #2c3850; -moz-border-radius: 3px; border-radius: 3px; -webkit-border-radius: 3px; text-align: center; margin-bottom: 10px; float: left; } #newChalButton.newChalSecond { width: 210px; margin-left: 10px; } #newChalButton:hover { background: #6981af; cursor: pointer; } #chalStats div.eachUserGroup span.areYouSure { color: black; font-weight: normal; font-family: "Helvetica"; font-size: 13px; } /* announcement stats */ #announStats { width: 810px; margin: 0 auto; margin-top: 45px; } #announStats div.eachUserGroup { background: #f8f8f8; border: 1px solid #b6b6b6; padding: 11px 15px; font-family: "Helvetica"; font-size: 14px; margin-bottom: 8px; width: 800px; } #announStats div.eachUserGroup span.tPost { color: #317b1b; font-weight: bold; font-family: "Lucida Sans"; } #announStats div.eachUserGroup span.deleteUserCP { float: right; color: #861b1b; font-family: "Franklin Gothic Medium"; font-size: 13px; cursor: pointer; font-weight: normal; } #announStats div.eachUserGroup a:hover { color: #57b03b; } #announStats div.eachUserGroup span.not_reg { color: #861b1b; font-family: "Lucida Sans"; } #announStats div.eachUserGroup span.areYouSure { font-size: 15px; font-weight: normal; font-family: "Helvetica"; } #announStats div.eachUserGroup span.areYouSure span.notSure { color: #861b1b; font-family: "Helvetica"; font-size: 15px; } /* new announcement */ .announForm #announTitle { padding: 8px 7px; font-family: "Franklin Gothic Book"; font-size: 17px; color: #22228c; width: 640px; border: 2px solid #bfbfbf; -moz-border-radius: 4px; border-radius: 4px; -webkit-border-radius: 4px; } .announForm .announContent { width: 812px; height: 130px; max-height: 350px; min-height: 130px; min-width: 812px; max-width: 812px; font-family: "Helvetica"; font-size: 13px; padding: 5px; -moz-border-radius: 4px; border-radius: 4px; -webkit-border-radius: 4px; border: 2px solid #bfbfbf; margin-top: 10px; margin-bottom: 10px; } #new_announ { padding: 11px 8px; } .chalWasCreated { width: 700px; background: #378d26; color: white; text-shadow: 1px 1px 1px #161616; font-family: "Franklin Gothic Book"; font-size: 21px; text-align: center; margin: 0 auto; padding: 12px 0px; border: 1px solid #327225; -moz-border-radius: 4px; border-radius: 4px; -webkit-border-radius: 4px; margin-top: 17px; } /* workspace feature stats */ #workspaceFeat { width: 810px; margin: 0 auto; margin-top: 45px; } #workspaceFeat #maxUsers { text-align: center; } #save_features { background: #f8f8f8; border: 1px solid #787878; padding: 10px 25px; color: #1d1d1d; font-size: 14px; -moz-border-radius: 4px; border-radius: 4px; -webkit-border-radius: 4px; font-family: "Helvetica"; margin-top: 20px; } #save_features:hover { cursor: pointer; background: #549e2b; color: white; text-shadow: 1px 1px 2px #232323; border: 1px solid #2f2f2f; } #workspaceFeat form { margin-left: 70px; margin-top: 30px; } #workspaceFeat form input { margin-bottom: 3px; } #workspaceFeat form span { font-family: "Franklin Gothic Book"; font-size: 17px; padding-left: 2px; } #workspaceFeat form span.yes_option { color: #529828; } #workspaceFeat form span.no_option { color: #858585; } .featForm .groupDescFeat { width: 300px; height: 40px; max-height: 40px; min-height: 40px; min-width: 300px; max-width: 300px; font-family: "Helvetica"; font-size: 13px; padding: 5px; -moz-border-radius: 2px; border-radius: 2px; -webkit-border-radius: 2px; border: 2px solid #bfbfbf; } /* ********************************** CREATE A NEW GROUP CHALLENGE ********************************** */ #showSteps { width: 410px; overflow: auto; margin: 0 auto; padding: 5px 0px; margin-top: 27px; } #showSteps li { float: left; padding: 11px 30px; cursor: pointer; font-family: "Franklin Gothic Book"; font-size: 21px; border: 2px solid #dcdcdc; -moz-border-radius: 7px; border-radius: 7px; -webkit-border-radius: 7px; margin-left: 14px; -moz-box-shadow: 0px 0px 4px #000; -webkit-box-shadow: 0px 0px 4px #000; box-shadow: 0px 0px 4px #000; } #goBackLinks { width: 400px; margin: 0 auto; margin-top: 10px; } #goBackLinks a { display: block; font-family: "Helvetica"; color: #6a6a6a; font-size: 14px; text-align: center; } #goBackLinks a:hover { text-decoration: underline; } /* next step button */ .nextstepButton, .nextstepButton_almost, .nextstepButton_two { background: #dcdcdc; border: 1px solid #757575; padding: 8px 14px; font-family: "Franklin Gothic Book"; font-size: 21px; -moz-border-radius: 4px; border-radius: 4px; -webkit-border-radius: 4px; text-align: center; width: 200px; margin: 0 auto; cursor: pointer; } .nextstepButton:hover, .nextstepButton_almost:hover, .nextstepButton_two:hover { background: #ededed; -moz-box-shadow: 0px 0px 4px #000; -webkit-box-shadow: 0px 0px 4px #000; box-shadow: 0px 0px 4px #000; } /* step 1 */ #step1_area { margin: 0 auto; width: 620px; margin-top: 30px; } #step1_area li { margin-bottom: 18px; } #step1_area li.nextstep_outer { margin-top: 30px; } .challengeTitle, .challengePoints, .challengeCases { padding: 7px 7px; font-family: "Franklin Gothic Book"; font-size: 22px; color: #22228c; width: 600px; border: 2px solid #bfbfbf; -moz-border-radius: 7px; border-radius: 7px; -webkit-border-radius: 7px; } .challengeQues { width: 600px; max-width: 600px; height: 200px; max-height: 300px; font-family: 'Helvetica'; font-size: 13px; color: #262626; padding: 9px; border: 2px solid #bfbfbf; -moz-border-radius: 7px; border-radius: 7px; -webkit-border-radius: 7px; } .hiddenError1, .hiddenError2, .hiddenError3, .hiddenError3_5 { display: none; font-family: "Helvetica"; font-size: 13px; color: #b13333; } .displayCaseStats { display: none; font-family: "Helvetica"; font-size: 13px; color: #3a8a24; } .displayCaseStats span { font-family: "Franklin Gothic Book"; font-size: 14px; color: black; } /* step 2 */ #step2_area { margin: 0 auto; width: 880px; margin-top: 30px; } #step2_area li { margin-bottom: 18px; } #step2_area li.nextstep_outer { margin-top: 30px; } #step2_area textarea { width: 410px; max-width: 410px; min-width: 410px; height: 150px; max-height: 200px; min-height: 150px; font-family: 'Helvetica'; font-size: 13px; color: #262626; padding: 7px; margin-right: 8px; display: none; border: 2px solid #bfbfbf; -moz-border-radius: 7px; border-radius: 7px; -webkit-border-radius: 7px; } #step2_area input { width: 410px; max-width: 410px; min-width: 410px; height: 22px; font-family: 'Helvetica'; font-size: 13px; color: #262626; padding: 7px; margin-right: 8px; display: none; border: 2px solid #bfbfbf; -moz-border-radius: 7px; border-radius: 7px; -webkit-border-radius: 7px; } /* step 3 */ #step3_area { margin: 0 auto; width: 880px; margin-top: 30px; } #step3_area li { margin-bottom: 18px; } #step3_area li.nextstep_outer { margin-top: 30px; } #step3_area textarea { width: 410px; max-width: 410px; min-width: 410px; height: 150px; max-height: 200px; min-height: 150px; font-family: 'Helvetica'; font-size: 13px; color: #262626; padding: 7px; margin-right: 8px; border: 2px solid #bfbfbf; -moz-border-radius: 7px; border-radius: 7px; -webkit-border-radius: 7px; } #step3_area input { width: 410px; max-width: 410px; min-width: 410px; height: 22px; font-family: 'Helvetica'; font-size: 13px; color: #262626; padding: 7px; margin-right: 8px; border: 2px solid #bfbfbf; -moz-border-radius: 7px; border-radius: 7px; -webkit-border-radius: 7px; } #step3_area p { font-family: "Franklin Gothic Medium"; color: #1c1c1c; font-size: 17px; text-align: center; } #step3_area p.IO_sample { font-family: "Helvetica"; color: #757575; font-size: 13px; text-align: center; margin-top: 3px; margin-bottom: 25px; } /* submit new challenge button */ .makelive { width: 360px; margin: 0 auto; } #step3_area input.submit_new_challenge { background: #dcdcdc; border: 1px solid #757575; padding: 10px 14px; font-family: "Franklin Gothic Book"; font-size: 19px; -moz-border-radius: 4px; border-radius: 4px; -webkit-border-radius: 4px; text-align: center; width: 200px; height: 45px; margin: 0 auto; cursor: pointer; } .nextstepButton:hover, .nextstepButton_almost:hover, .nextstepButton_two:hover { background: #ededed; -moz-box-shadow: 0px 0px 4px #000; -webkit-box-shadow: 0px 0px 4px #000; box-shadow: 0px 0px 4px #000; } .submit_new_challenge:hover { background: #ededed; -moz-box-shadow: 0px 0px 4px #000; -webkit-box-shadow: 0px 0px 4px #000; box-shadow: 0px 0px 4px #000; } /* ********************************** GROUP CHALLENGE EDITOR ********************************** */ #Editor_Background_Real_JS .onlyGroupEditor { overflow: auto; } #chalAboveTitle { font-family: "Franklin Gothic Medium"; font-size: 21px; color: #2474b7; padding-top: 15px; text-align: center; width: 960px; } #real_question_group { font-family: "Helvetica"; font-size: 14px; background: #f7f7f7; padding: 15px; color: black; margin-bottom: 13px; border: 2px solid #adadad; width: 940px; -moz-border-radius: 2px; border-radius: 2px; -webkit-border-radius: 2px; margin-top: 15px; } #corrSamples { font-family: "Franklin Gothic Medium"; font-size: 17px; color: #d09124; margin-top: 15px; text-align: center; width: 960px; } #corrSamples span { font-family: "Franklin Gothic Book"; font-size: 13px; color: #353535; background: #f4f4f4; padding: 4px 7px; border: 1px solid #d1d1d1; -moz-border-radius: 12px; border-radius: 12px; -webkit-border-radius: 12px; cursor: pointer; } #corrSamples span:hover { background: #ffffff; } #corrSampleArea { width: 960px; margin: 0 auto; margin-left: 7px; margin-top: 17px; } #corrSampleArea .sample_texts { width: 460px; height: 21px; max-height: 21px; min-height: 21px; max-width: 460px; min-width: 460px; padding: 6px; font-family: "Helvetica"; font-size: 13px; color: #121212; padding-top: 10px; -moz-border-radius: 6px; border-radius: 6px; -webkit-border-radius: 6px; border: 1px solid #8c8c8c; } /* EDITOR */ .forGroups { margin-top: 17px; } .editor_themes_groups { margin-top:10px; font-family: "Helvetica"; font-size: 13px; margin-left: 5px; } .editor_themes_groups select { padding: 4px; } /* EDITOR OPTIONS */ .editor_themes_groups input { background: #f5f5f5; border: 1px solid #c8c8c8; padding: 6px 9px; color: black; font-family: "Franklin Gothic Book"; cursor: pointer; font-size: 13px; -moz-border-radius: 3px; border-radius: 3px; -webkit-border-radius: 3px; margin-left: 5px; } .editor_themes_groups input:hover { border-color: #264016; color: white; text-shadow: 1px 1px 1px #171717; background: #5cad2b; } /* SUBMIT BUTTON */ .editor_themes_groups #submit_challenge, #submit_challenge_actual_group { background: #d07e41; border: 1px solid #434343; padding: 6px 12px; color: white; text-shadow: 1px 1px 1px #1a1a1a; font-family: "Franklin Gothic Book"; cursor: pointer; font-size: 13px; -moz-border-radius: 3px; border-radius: 3px; -webkit-border-radius: 3px; margin-left: 5px; } .editor_themes_groups #submit_challenge:hover { background: #e2933e; } .editor_themes_groups #hiddensubmit span { color: #1a1a1a; font-size: 13px; } .editor_themes_groups #hiddensubmit span.not_submit_g { color: #8a1f1f; } .editor_themes_groups #hiddensubmit span.not_submit_g:hover { color: #c6472a; cursor: pointer; } /* INPUT AND OUTPUT */ #input_output { width: 960px; margin: 0 auto; margin-top: 12px; margin-left: 4px; overflow: auto; } #input_output textarea { width: 455px; height: 160px; max-height: 260px; min-height: 160px; max-width: 455px; min-width: 455px; padding: 6px; font-family: "Helvetica"; font-size: 13px; color: white; background: #111111; -moz-border-radius: 2px; border-radius: 2px; -webkit-border-radius: 2px; border: 3px solid #b1b1b1; } .output_group { margin-left: 9px; } /* SUBMIT BUTTON */ .runcode_button_group, .runcode_button_false_group { background: #58b832; color: white; text-shadow: 1px 1px 1px #1a1a1a; border: 1px solid #375c28; padding: 6px 9px; font-family: "Franklin Gothic Book"; cursor: pointer; font-size: 13px; -moz-border-radius: 3px; border-radius: 3px; -webkit-border-radius: 3px; margin-left: 6px; margin-right: 4px; } .runcode_button_group:hover { background: #69d23f; } .hideSt_g { display: none; } /* RESULTS */ #resultsForChallenge { background: #f5f9ff; border: 4px solid #2d4a75; width: 960px; -moz-border-radius: 6px; border-radius: 6px; -webkit-border-radius: 6px; margin: 0 auto; padding: 18px 0px; -moz-box-shadow: 0px 0px 2px #000; -webkit-box-shadow: 0px 0px 2px #000; box-shadow: 0px 0px 2px #000; } #resultsForChallenge p { font-family: "Franklin Gothic Book"; font-size: 27px; color: #141414; text-align: center; } #resultsForChallenge p span { font-family: "Franklin Gothic Medium"; color: #a62121; } /* ********************************** GROUP PROJECT EDITOR ********************************** */ .onlyGroupEditorProj { margin: 0 auto; overflow: auto; } .forGroupsProj { } .projGroup { max-height: 350px; min-height: 160px; } #projInfoTop #messageForUser { font-family: "Franklin Gothic Medium"; font-size: 16px; color: #2474b7; padding-top: 20px; width: 960px; text-align: center; padding-bottom: 20px; } #projAboveTitle { font-family: "Franklin Gothic Medium"; font-size: 16px; color: #2474b7; padding-top: 15px; } #dateProj { font-family: "Franklin Gothic Medium"; font-size: 16px; color: #717171; padding-top: 0px; } #lanProj { font-family: "Franklin Gothic Medium"; font-size: 16px; color: #962929; padding-top: 0px; } #projAboveTitle span, #dateProj span, #lanProj span { font-size: 14px; color: #2f2f2f; font-family: "Helvetica"; } #messageForUser span { color: #717171; font-size: 16px; font-family: "Helvetica"; font-style: italic; } #projInfoTop { overflow: hidden; margin: 0 auto; width: 960px; margin-bottom: 15px; } #projInfoTop div { float: left; width: 250px; background: #f7f7f7; padding: 9px 0px; text-align: center; border: 1px solid #b9b9b9; -moz-border-radius: 3px; border-radius: 3px; -webkit-border-radius: 3px; } #projInfoTop #projAboveTitle { margin-left: 104px; } /* ********************************** GAME CHALLENGE EDITOR ********************************** */ .runcode_button_group_PAUSE { background: #d57135; color: white; text-shadow: 1px 1px 1px #1a1a1a; border: 1px solid #773f1c; padding: 6px 9px; font-family: "Franklin Gothic Book"; cursor: pointer; font-size: 13px; -moz-border-radius: 3px; border-radius: 3px; -webkit-border-radius: 3px; margin-left: 6px; margin-right: 4px; } .runcode_button_group_PAUSE:hover { background: #e2883f; } #turn_who { width: 270px; margin: 0 auto; margin-top: 10px; overflow: auto; padding: 3px 10px; float: right; margin-right: -35px; margin-top: -10px; } #turn_who li.thismove_YOUR, #turn_who li.thismove_COMP, #turn_who li.NOT_thismove_YOUR, #turn_who li.NOT_thismove_COMP { float: left; display: block; font-family: "Franklin Gothic Book"; font-size: 14px; margin-right: 10px; background: #3371a6; color: white; border: 1px solid #142e45; padding: 4px 11px; -moz-border-radius: 3px; border-radius: 3px; -webkit-border-radius: 3px; -moz-box-shadow: 1px 1px 1px #000; -webkit-box-shadow: 1px 1px 1px #000; box-shadow: 1px 1px 1px #000; } #turn_who li.NOT_thismove_YOUR, #turn_who li.NOT_thismove_COMP { background: #f7f7f7; color: #9e9e9e; -moz-box-shadow: 1px 1px 1px #cdcdcd; -webkit-box-shadow: 1px 1px 1px #cdcdcd; box-shadow: 1px 1px 1px #cdcdcd; border: 1px solid #dbdbdb; text-shadow: 0px 0px 0px #1a1a1a; } #turn_who li.thismove_COMP { background: #b34026; border: 1px solid #5e2619; } #visual_game { font-family: "Franklin Gothic Book"; font-size: 30px; margin-top: 20px; background: #f6f6f6; padding: 17px 20px; border: 1px solid #bdbdbd; overflow: auto;} .winner_or_loser { font-family: Franklin Gothic Medium, Helvetica; font-size: 40px; margin-top: -100px; float: right; margin-right: 40px; color: #1e57ac; text-shadow: 1px 1px 1px #afafaf; overflow: auto; } #chalAboveTitle span { font-family: "Franklin Gothic Book"; font-size: 13px; color: white; background: #c26649; padding: 4px 8px; border: 1px solid #7c3e2a; -moz-border-radius: 12px; border-radius: 12px; -webkit-border-radius: 12px; cursor: pointer; margin-left: 8px; } #chalAboveTitle span:hover { background: #d67d62; } /* BOARD FOR QJOIN */ .designwhitePiece, .designblackPiece { background: white; border: 1px solid black; display: block; float: left; -moz-border-radius: 13px; border-radius: 13px; -webkit-border-radius: 13px; -moz-box-shadow: 1px 1px 1px #000; -webkit-box-shadow: 1px 1px 1px #000; box-shadow: 1px 1px 1px #000; text-align: center; padding: 6px 7px; color: white; font-size: 5px; margin-top: 5px; } .designblackPiece { background: black; color: black; } .designbackPiece { display: block; float: left; background: #f6f6f6; width: 17px; padding: 0px 7px; height: 30px; color: #f6f6f6; border: 1px solid #232323; margin-top: 0px; margin-bottom: 0px; font-size: 0px; line-height: -10px; } .linePiece { display: block; float: left; padding: 0px; margin: 0px; width: 0px; height: 0px; color: #f6f6f6; font-size: 0px; } .cornerPiece { display: block; float: left; width: 17px; text-align: center; border: 1px solid #232323; padding: 0px 7px; height: 30px; color: #a73333; background: #a73333; font-size: 1px; } .outerBoardBorder { display: block; float: left; background: #f6f6f6; width: 17px; padding: 0px 7px; height: 30px; color: #f6f6f6; border: 1px solid #232323; margin-top: 0px; margin-bottom: 0px; line-height: -10px; } /* END BOARD */ /* ********************************** QUESTIONS PAGE ********************************** */ /* TUTORIAL BUTTONS */ .tut_header { background: #d6e6ff; padding: 10px 6px; border: 1px solid #c4dcff; text-align: center; /*-moz-box-shadow: 1px 1px 1px #2b2b2b; -webkit-box-shadow: 1px 1px 1px #2b2b2b; box-shadow: 1px 1px 1px #2b2b2b;*/ } .tut_buttons, .tut_buttons_first { background: #229a33; color: white; padding: 8px 23px; border: 2px solid #d8d8d8; cursor: pointer; font-family: "Helvetica"; font-size: 14px; -moz-border-radius: 4px; border-radius: 4px; -webkit-border-radius: 4px; text-shadow: 1px 1px 2px #5b5b5b; color: white !important; display: block; width: 100px; text-align: center; } .tut_buttons:hover, .tut_buttons_first:hover { background: #d18522; text-decoration: none !important; } .tut_buttons_first { margin-bottom: 9px; } /* END */ #discussChalButton { margin-top: 14px; cursor: pointer; background: #a1c0ed; color: white; margin-bottom: 8px; border: 1px solid #91b3e4; width: 140px; border-radius: 2px; font-family: "Helvetica"; padding: 8px 80px; font-size: 14px; } .help_link_in_editor { /*margin-bottom: 5px; margin-top: -3px;*/ margin-bottom: 12px; margin-top: -26px; text-align: right; margin-right: 53px; font-family: "Helvetica"; font-size: 13px; color: #787878; padding: 3px 0;} .help_link_in_editor a { font-family: "Helvetica"; color: #7ea6e0; } .help_link_in_editor a:hover { text-decoration: underline; } #ques_options { overflow: auto; width: 960px; margin: 0 auto; margin-top: 25px; background: #ecf5fa; border-bottom: 1px solid #d4e0e7; border-top: 1px solid #d4e0e7; padding-bottom: 5px; padding-top: 5px; font-family: "Helvetica"; font-size: 13px; } #ques_options li { float: left; margin-right: 17px; padding-top: 6px; color: #2c404b; } #ques_options li a { color: #2c404b; } #ques_options li:hover { text-decoration: underline; cursor: pointer; } #ques_options li:first-child { margin-left: 17px; } #ques_options li:last-child { float: right; margin-right: 18px; background: #67b44f; padding: 4px 9px; margin-top: 1px; -moz-border-radius: 2px; border-radius: 2px; -webkit-border-radius: 2px; -moz-box-shadow: 1px 1px 1px #4d4d4d; -webkit-box-shadow: 1px 1px 1px #4d4d4d; box-shadow: 1px 1px 1px #4d4d4d; text-shadow: 1px 1px 1px #4d4d4d; } #ques_options li:last-child a { color: white; } #ques_options li.op_search { padding-top: 0px; margin-right: 6px;} #ques_options li input { font-size: 11px; padding: 4px 6px; color: #566174; width: 240px; -moz-border-radius: 2px; border-radius: 2px; -webkit-border-radius: 2px; border: 2px solid #b9ccd8; } #ques_options li.op_button_search { font-family: "Franklin Gothic Book"; } #ques_options li.op_button_search:hover { text-decoration: none; } /* POPULAR TAGS */ #most_pop_tags { width: 932px; margin: 0 auto; background: #fff8de; overflow: auto; padding: 12px 13px; font-family: "Helvetica"; font-size: 13px; border: 1px solid #ddd2b3; display: none; line-height: 15px; } .each_pop_tag { float: left; margin-right: 8px; margin-bottom: 4px; } .each_pop_tag a { color: #373c3f; } .each_pop_tag a:hover { text-decoration: underline; color: #3179bd; } #late_ques_title { font-family: "Helvetica"; text-align: center; font-size: 16px; padding-top: 15px; } #late_ques_title.askQues { text-align: left; margin-left: 20px; padding-top: 18px; } #all_latest_ques { width: 960px; margin: 0 auto; overflow: auto; margin-top: 15px; } .whole_ques { /*float: left; width: 448px;*/ width: 900px; background: #fafafa; border: 1px solid #d0d0d0; padding: 12px; padding-top: 9px; padding-bottom: 9px; margin: 0 auto; margin-bottom: 13px; overflow: auto; } .ques_right { /*margin-left: 15px;*/ } /* CODING AREA PAGE */ #all_latest_ques_codingAreaPage { width: 760px; margin: 0 auto; overflow: auto; margin-top: 15px; } #all_latest_ques_codingAreaPage .whole_ques { width: 722px; background: #eef4f8; /*e8f0f6*/ border: 1px solid #94a6b6; padding: 12px; padding-top: 9px; padding-bottom: 9px; margin: 0 auto; margin-bottom: 16px; -moz-border-radius: 3px; border-radius: 3px; -webkit-border-radius: 3px; } #all_latest_ques_codingAreaPage .ques_info { font-family: "Helvetica"; font-size: 11px; border: 1px solid #aab8c5; background: white; padding: 4px; -moz-border-radius: 3px; border-radius: 3px; -webkit-border-radius: 3px; } .linkToAllQues { font-family: "Helvetica"; font-size: 13px; color: #a72e2e; margin-left: 15px; padding-top: 6px; } .linkToAllQues:hover { text-decoration: underline; } /* END CSS FOR CA */ .tutImageIcon { width: 100px; height: 70px; background: gray; float: left; margin-right: 15px; border-radius: 4px; } .ques_title { font-family: "Helvetica"; font-size: 15px; margin-bottom: 9px; font-weight: bold; } .ques_title:hover, .ques_info a:hover, #ques_info_name_date a:hover { text-decoration: underline; color: #3179bd; } .ques_info { font-family: "Helvetica"; font-size: 12px; border: 1px solid #e5e5e5; color: #5b5b5b; background: white; padding: 4px; -moz-border-radius: 3px; border-radius: 3px; -webkit-border-radius: 3px; } .ques_info a { color: #5b5b5b; } .tut_ques_info { float: left; width: 85%; } .tut_ques_title { margin-bottom: 11px; margin-top: 7px; } .num_of_answers { font-weight: bold; color: #236ca9; font-size: 15px; padding-left: 4px; } .sep_info { margin-left: 4px; margin-right: 4px; } /* ACTUAL QUESTION PAGE */ #quesPage_title { font-family: "Helvetica"; font-size: 24px; margin-top: 33px; margin-bottom: 10px; border-bottom: 1px solid #a7a7a7; padding-bottom: 14px; margin-left: 5px; } #quesPage_question { font-family: "Helvetica"; font-size: 14px; margin-top: 10px; width: 960px; white-space: pre-wrap; padding-bottom: 23px; padding-top: 9px; margin-left: 5px; line-height: 19px; } #quesPage_question a { color: #3179bd; } #quesPage_question a:hover { text-decoration: underline; } #quesPage_question h2 { margin: 6px 0; } #quesPage_question video { border: 5px solid #3f3f3f; border-radius: 4px; margin: 0 auto; width: 99%; } #quesPage_question select { font-size: 25px; } /* #quesPage_question span { background: #f4e4c0; padding: 2px; } #quesPage_question .prettyprint span { background: none; padding: 0px; } */ /* QUIZ PAGE */ #quesPage_question .quiz_ques { background: #ecf5fa; padding: 12px 12px; border: 1px solid #c4dcff; cursor: pointer; margin-bottom: 14px; } #quesPage_question .quiz_ques div.questioning { color: black; font-size: 19px; } #quesPage_question .quiz_ques div.questioning:hover { color: #549fc4; } #quesPage_question .quiz_ques div.answering{ display: none; margin-top: 16px; margin-bottom: 5px; padding: 0 0px; } #quesPage_question .quiz_ques span.numbering { margin-right: 10px; background: white; border-radius: 50%; padding: 1px 7px; padding-left: 8px; } #quesPage_question .quiz_ques span.numberingDouble { margin-right: 10px; background: white; border-radius: 50%; padding: 3px 5px; } #quesPage_question .quiz_ques .prettyprint { margin-top: 17px; width: 95% !important; } #quesPage_question .quiz_ques .answerHeader { text-align: center; font-size: 17px !important; font-weight: bold; border-bottom: 1px solid #cccecf; padding-bottom: 14px; } #quesPage_question .quiz_ques p { padding: 0 12px; padding-top: 17px; } /* OVERWRITE NUMBER COLOR FOR PRETTYPRINT */ pre .lit { color: #61baff !important; } /* SUBMIT BUTTON FOR ALG CODE */ .runcode_button_alg { background: #58b832; color: white; text-shadow: 1px 1px 1px #4d4d4d; border: 1px solid #477136; padding: 7px 15px; font-family: "Franklin Gothic Book"; cursor: pointer; font-size: 13px; -moz-border-radius: 2px; width: 74px; border-radius: 2px; -webkit-border-radius: 2px; margin-left: 2px; margin-right: 4px; font-size: 16px; } .runcode_button_alg:hover { background: #69d23f; } .output-alg { width: 400px; padding: 5px 7px; font-size: 17px; margin-top: -52px; float: left; margin-left: 125px; } /* CODE IN QUES/ANS */ #quesPage_question .ques_code_style { line-height: 16px !important; } #quesPage_question .ques_code_style, .answer_to_ques .ques_code_style { width: 927px; resize: none; border: none; background: #112435; border-radius: 5px; color: white; font-family: "Courier New"; font-size: 12px; border: 2px solid #c4c4c4; margin-bottom: 0px; margin-top: 0px; } .answer_to_ques .ques_code_style { width: 740px; } /* END CODE STYLING */ /* MODIFIED FOR PRETTIFY */ #quesPage_question .ques_code_style_margins { border: 2px solid #c4c4c4; background: #112435; font-family: "Courier New"; font-size: 12px; margin-bottom: 0px; margin-top: 0px; line-height: 16px !important; width: 97%; border-radius: 5px; outline: none; } #all_answers .ques_code_style_margins { border: 2px solid #c4c4c4; background: #112435; font-family: "Courier New"; font-size: 12px; margin-bottom: 0px; margin-top: 0px; border-radius: 5px; width: 740px; } .answer_to_ques a { color: #3179bd; } .answer_to_ques a:hover { text-decoration: underline; } #ques_info_name_date { font-family: "Helvetica"; border-top: 1px solid #a7a7a7; border-bottom: 1px solid #a7a7a7; padding-bottom: 5px; font-size: 13px; padding-top: 5px; overflow: auto; background: #f1f7fa; } #ques_info_name_date img { float: left; border: 1px solid #414141; } #ques_info_name_date div { float: left; margin-top: 11px; margin-left: 7px; } #tags_for_ques { } #tags_for_ques span a { color: #5f7e8d; } /* ANSWERS */ #all_ans_title { font-family: "Helvetica"; font-size: 16px; text-align: center; margin-top: 13px; } #all_answers { overflow: auto; margin-top: 13px; border-bottom: 1px solid #878787; padding-bottom: 7px; } .each_indiv_answer { margin-bottom: 25px; overflow: auto; margin-left: 60px; } .answer_to_ques { background: #f7f7f7; font-family: "Helvetica"; font-size: 14px; border: 2px solid #b7b7b7; padding: 12px 12px 9px 12px; width: 830px; float: left; border-radius: 3px; } .answer_to_ques .preWrapNormalText { white-space: pre-line; } .answer_to_ques { color: black; } .answer_to_ques .answer_user_info { overflow: auto; margin-top: 12px; border-top: 1px solid #a7a7a7; padding-top: 10px; } .answer_to_ques .answer_user_info img { float: left; border: 1px solid #414141 } .answer_to_ques .answer_user_info p { float: left; padding-top: 4px; /*10px*/ margin-left: 7px; font-size: 12px; color: #313131; } .answer_to_ques .answer_user_info p a { text-decoration: underline; color: #356fa7; } .answer_to_ques .answer_user_info p a:hover { color: #c27624; } .answer_votes { background: white; border: 0px solid #dddddd; border-right: 0px; width: 43px; float: left; } .pos_vote_sign, .neg_vote_sign { font-family: "Franklin Gothic Medium"; font-size: 15px; cursor: pointer; border: 1px solid #cccccc; background: #f7f7f7; -moz-border-radius: 13px; border-radius: 13px; -webkit-border-radius: 13px; -moz-box-shadow: 1px 1px 1px #000; -webkit-box-shadow: 1px 1px 1px #000; box-shadow: 1px 1px 1px #000; width: 30px; text-align: center; color: black; padding: 3px 0px; padding-top: 3px; } .chosenButtonVote { background: #fee7a0; } .pos_vote_sign:hover { /*background: #bdecb5;*/ background: white; } .neg_vote_sign:hover { /*background: #e4b1b1;*/ background: white; } .answer_votes div { font-family: "Arial"; font-size: 18px; width: 32px; text-align: center; margin-top: 8px; margin-bottom: 7px; } /* WRITE ANSWER */ #all_ans_title_yours { font-family: "Helvetica"; font-size: 16px; text-align: left; margin-left: 42px; margin-top: 17px; } #write_own_answer { margin-top: 11px; overflow: auto; } #write_own_answer textarea { width: 600px; max-width: 600px; min-width: 600px; height: 160px; max-height: 300px; border: 2px solid #c0c0c0; font-family: "Helvetica"; padding: 5px; } #write_own_answer form { margin-left: 42px; } #submit_ques_ans { background: #229a33; color: white; padding: 8px 23px; border: 2px solid #d8d8d8; cursor: pointer; font-family: "Helvetica"; font-size: 15px; -moz-border-radius: 4px; border-radius: 4px; -webkit-border-radius: 4px; text-shadow: 1px 1px 2px #5b5b5b; margin-top: 8px; display: none; } #submit_ques_ans:hover { background: #d18522; } #write_own_answer #info_for_ans { font-family: "Helvetica"; color: #4e4e4e; font-size: 13px; margin-bottom: 5px; } #info_for_ans span { font-weight: bold; } /* WRITE QUESTION */ #write_ques { margin-top: 20px; margin-left: 20px; } #write_ques textarea { width: 600px; max-width: 600px; min-width: 600px; height: 160px; max-height: 300px; border: 2px solid #c0c0c0; font-family: "Helvetica"; padding: 5px; -moz-border-radius: 3px; border-radius: 3px; -webkit-border-radius: 3px; } #write_ques input { width: 400px; font-family: "Helvetica"; padding: 9px 5px; -moz-border-radius: 3px; border-radius: 3px; -webkit-border-radius: 3px; margin-bottom: 8px; } #write_ques input#submit_ques_tags { color: #254a95; } #write_ques input#submit_ques { background: #229a33; color: white; padding: 8px 23px; border: 2px solid #d8d8d8; cursor: pointer; font-family: "Helvetica"; font-size: 15px; -moz-border-radius: 4px; border-radius: 4px; -webkit-border-radius: 4px; text-shadow: 1px 1px 2px #5b5b5b; margin-top: 8px; width: 200px; } #write_ques input#submit_ques:hover { background: #d18522; } .after_ques_post { color: darkgreen; font-family: "Helvetica"; } /* ********************************** SOLUTIONS PAGE ********************************** */ #sol_header { font-size: 34px; font-family: "Franklin Gothic Book"; color: #292929; text-align: center; border-bottom: 1px solid #ededed; padding-bottom: 32px; } #sol_header span { color: #ce6d25; } #sol_body pre.prettyprint { width: 98% !important; font-family: "Courier New" !important; border: 1px solid #c4c4c4 !important; border-radius: 6px; } #sol_body select { float: left; margin-bottom: 6px; font-size: 25px; } #sol_body a.backToChal { margin-left: 20px; } #sol_body p { line-height: 18px; } #sol_body p:first-of-type { margin-top: 8px; } #sol_body { margin-top: -10px; } #sol_body p span, #sol_body p b { font-family: monospace; } .hljs { padding: 0.7rem !important; border-radius: 6px; } /* ********************************** MEMBER PAGE ********************************** */ #member_both_options { overflow: auto; margin: 0 auto; margin-top: 40px; } #member_both_options a:hover { text-decoration: underline; } #member_both_options a.noHover:hover { text-decoration: none; } #member_features, #member_features_2 { font-family: "Helvetica"; background: #ebf3f7; border-radius: 8px; padding: 17px 29px; width: 400px; margin-top: 30px; border: 1px solid #e8f4fa; color: #262626; position: relative; } #member_features_2 { margin: 0 auto; width: 640px; } #member_features h2, #member_features_2 h2 { font-family: "Franklin Gothic Book"; margin-bottom: 23px; text-align: center; border-bottom: 1px solid #cfd8dd; padding-bottom: 18px; padding-top: 2px; font-size: 25px; font-weight: 500; } #member_features p, #member_features_2 p { margin-bottom: 16px; font-size: 16px; line-height: 21px; color: #212121; font-family: "Franklin Gothic Book"; } #member_features span, #member_features_2 span { font-size: 12px; font-style: italic; display: block; margin-top: 8px; color: #a2b3ba; text-align: left; } #member_features span a, #member_features_2 span a { color: #a2b3ba; } #member_features span:hover, #member_features_2 span:hover { text-decoration: underline; } #member_features_2 .circleB, #member_features_2 .circle { border-radius: 50%; background: #5bb347; display: block; float: left; margin-top: 0px; margin-right: 32px; margin-bottom: 10px; background: url(images/homepage_icons/checkmark.png) center center no-repeat; width: 22px; height: 22px; background-size: 22px 22px; margin-left: 15px; } #member_features_2 .circleB { background: url(images/homepage_icons/checkmark_blue.png) center center no-repeat; width: 20px; height: 20px; background-size: 20px 20px; } .paypalclick, .paypalslide { font-family: "Franklin Gothic Book"; font-size: 13px; font-style: italic; display: block; margin-top: 8px; color: #c0c0c0; text-align: left; margin-left: 138px; margin-top: 16px; cursor: pointer; } .paypalslide { display: none; } .paypalslide a { color: #a5cee5; } .paypalslide a:nth-child(2) { margin-left: 10px; } .paypalclick:hover { text-decoration: underline; } #member_features form, #member_features_2 form { margin-top: 25px; margin-bottom: 10px; overflow: auto; border-top: 1px solid #cfd8dd; padding-top: 22px; } .buybutton1 { width: 310px; border-radius: 4px; float: left; } .buybutton2 { width: 310px; border-radius: 4px; float: right; } #member_features_2 img { width: 50px; height: 50px; vertical-align: middle; margin-right: 18px; opacity: 0.9; } #member_features_2 img.discount { width: 160px; height: 160px; position: absolute; bottom: 20px; right: -80px; opacity: 0.9; } #member_features_2 p:nth-child(6) { border-bottom: 1px solid #dee3e6; padding-bottom: 14px; } #member_features_2 p:nth-child(7) { padding-top: 7px; } #member_features_2 p:nth-child(7), #member_features_2 p:nth-child(8), #member_features_2 p:nth-child(9), #member_features_2 p:nth-child(10) { margin-bottom: 26px; font-size: 15px; color: #424242; } #member_features_2 span.couponClickOuter { text-align: right; display: block; margin-top: 16px; font-size: 13px; color: #a9b7bd; margin-right: 34px;} #member_features_2 span.couponClickOuter:hover { text-decoration: none; } #member_features_2 span.couponClickOuter a { color: #83b6e5; } #memDiscount { background: #7dd6a0; margin: 0 auto; width: 640px; padding: 10px 29px; text-align: center; font-family: "Franklin Gothic Book"; color: white; margin-top: 20px; margin-bottom: -14px; font-size: 15px; border-radius: 5px; } /* ********************************** SHOUTOUT PAGE ********************************** */ #shoutout_title { font-family: "Helv Ne"; font-size: 36px; color: black; text-align: center; padding-top: 40px; padding-bottom: 40px; } #shoutout_table { font-family: "Franklin Gothic Book"; font-size: 18px; } #shoutout_table tr td { padding: 10px; border-bottom: 1px solid #676767; } #shoutout_table tr td span { font-family: "Franklin Gothic Medium"; color: #3e822e; } #shoutout_table tr td a { color: #4285be; } /* ********************************** API PAGE ********************************** */ .api_header { font-family: "Franklin Gothic Medium"; color: #1e1e7b; font-size: 20px; border-bottom: 1px solid #d7d7d7; text-shadow: 1px 1px 2px #f4f4f4; padding-bottom: 4px; margin-left: 10px; margin-right: 10px; } .api_text { color: #1e1e1e; font-family: "Franklin Gothic Book"; font-size: 15px; margin-top: 10px; margin-left: 10px; } .api_part { color: #1e1e1e; font-family: "Franklin Gothic Book"; font-size: 15px; margin-top: 13px; margin-bottom: 11px; margin-left: 10px; } .api_part_2 { color: #1e1e1e; font-family: "Franklin Gothic Book"; font-size: 15px; margin-top: 16px; margin-bottom: 11px; margin-left: 10px; } .api_code { color: black; font-family: "Courier New"; font-size: 14px; margin-left: 10px; background: #f3f3f3; padding: 4px 9px; border: 1px solid #e4e4e4; -moz-border-radius: 4px; border-radius: 4px; -webkit-border-radius: 4px; } .show_auth_key { color: #1e1e1e; font-family: "Franklin Gothic Book"; font-size: 15px; margin-top: 15px; margin-left: 10px; } .show_auth_key span { font-family: "Courier New"; background: #f3f3f3; padding: 4px 9px; border: 1px solid #e4e4e4; -moz-border-radius: 4px; border-radius: 4px; -webkit-border-radius: 4px; } /* CREATE CHALLENGE */ #api_chals_area { margin-left: 30px; margin-top: 25px; margin-right: 20px; } #create_button, #create_button_more { background: #f4f4f4; border: 1px solid #afafaf; padding: 7px 20px; color: #1d1d1d; font-size: 14px; display: inline; -moz-border-radius: 4px; border-radius: 4px; -webkit-border-radius: 4px; font-family: "Franklin Gothic Medium"; } #create_button:hover, #create_button_more:hover { cursor: pointer; background: #549e2b; color: white; text-shadow: 1px 1px 2px #232323; border: 1px solid #2f2f2f; } #how_many_left { color: #767676; font-family: "Helvetica"; font-size: 13px; padding-left: 7px; } .this_api_chal, .this_api_chal_first { background: #f7f7f7; border: 1px solid #d4d4d4; font-family: "Helvetica"; font-size: 14px; padding: 9px 12px; color: #1a1a1a; -moz-border-radius: 4px; border-radius: 4px; -webkit-border-radius: 4px; margin-top: 10px; } .this_api_chal_first { margin-top: 32px; } /* CHALLENGE EDITOR */ #input_output_API { width: 960px; margin: 0 auto; margin-top: 12px; margin-left: 4px; overflow: auto; } #input_output_API input { width: 455px; height: 30px; max-width: 455px; min-width: 455px; padding: 6px; font-family: "Helvetica"; font-size: 13px; color: white; background: #111111; -moz-border-radius: 2px; border-radius: 2px; -webkit-border-radius: 2px; border: 3px solid #b1b1b1; } .output_group { margin-left: 9px; } /* CHALLENGE DETAILS */ .chal_dets { float: right; } .chal_dets input { border: 1px solid #e4e4e4; padding: 4px 6px; color: #4d4d4d; font-size: 12px; width: 350px; margin-top: -4px; font-family: "Courier New"; -moz-border-radius: 3px; border-radius: 3px; -webkit-border-radius: 3px; } .view_det { margin-right: 14px; margin-left: 14px; } .del_det { margin-right: 3px; } .view_det, .del_det { font-family: "Helvetica"; font-size: 12px; cursor: pointer; } .del_det { color: #aa2323; } .view_det:hover { color: #1e2d8a; } .view_user_details { background: #f1f1f1; border: 2px solid #dbdbdb; padding: 8px 9px; display: none; } .view_user_details p { font-size: 13px; font-family: "Helvetica"; margin-bottom: 14px; font-weight: bold; color: #414141; font-style: italic; } .view_user_details li { font-size: 14px; font-family: "Helvetica"; margin-bottom: 8px; cursor: pointer; } .view_user_details li span { color: #ca6921; } .view_user_details li:hover { color: #ca6921; } .delete_yes_no { display: none; font-family: "Helvetica"; padding: 8px 9px; font-size: 12px; } .delete_yes_no input { padding: 2px 5px; margin-left: 5px; }