/**************************************************************************************************************************************************************** CGP UI - Output - Scholar Theme ****************************************************************************************************************************************************************/ /* ------------------------------------------- BASE Use: Applies to the HTML output and as the base for the standard print/pdf. Accomidates: Project Summary, Single Version, Multiple Versions, Reviews ------------------------------------------- */ #output { background: #CCC; padding: 0 40px 40px 40px; } #output img.promo { position: absolute; top: 100px; right: 70px; z-index: 100; } #output .breaker { border-top: 1px dotted #FFF; margin: 60px 0; } #output .breaker.solid { border-top: 1px solid #FFF; } #output .breaker.separate_page { page-break-before: always; } #output .breaker h1 { font-size: 16px; line-height: 18px; font-weight: bold; color: #3F7F13; background: #CCC; padding: 0 10px; margin: -10px 0 0 0; display: inline-block; /* CSS3 */ text-shadow: 1px 1px 1px #EEE; } #output .breaker.solid h1 { font-size: 18px; line-height: 22px; color: #1F4166; margin: -12px 0 0 0; } #output .wrapper { text-align: left; background: #FFF; padding: 10px 30px; position: relative; /* CSS3 */ -moz-box-shadow: 0 0 5px #999; -webkit-box-shadow: 0 0 5px #999; box-shadow: 0 0 5px #999; } #output .wrapper.version { margin: 40px 0 0 0; } #output .wrapper.feedback { margin: 3px 0 0 0; background: #FFF7F2; } #output .wrapper.project { margin: 40px 0 0 0; background: #F6FBFC; } #output .wrapper.member_activity { margin: 40px 0 0 0; background: #EFF7E9; } #output .wrapper.learning_module { margin: 40px 0 0 0; background: #FCF7E9; } #output .metadata { border-bottom: 1px solid #CCC; padding: 30px 200px 30px 0; overflow: hidden; } #output .feedback .metadata { padding: 20px 0; } #output .member_activity .metadata { border-bottom: none; } #output .version .metadata, #output .learning_module .metadata { padding-left: 120px; } #output .metadata h1 { font-size: 24px; line-height: 28px; font-weight: bold; color: #1F4166; margin: 0 0 6px 0; } #output .metadata h2 { font-size: 18px; line-height: 22px; font-weight: normal; color: #1F4166; margin: 0 0 6px 0; } #output .metadata h1~h2 { margin-top: -4px; } #output .metadata h3 { font-size: 14px; line-height: 16px; font-weight: bold; background: #999; color: #FFF; padding: 6px 10px; position: absolute; top: 0px; right: 0px; } #output .version .metadata h3 { background: #169AD8; } #output .feedback .metadata h3 { background: #FF6400; } #output .project .metadata h3 { background: #1F4166; } #output .member_activity .metadata h3 { background: #5FB323; } #output .learning_module .metadata h3 { background: #E5AC1B; } #output .metadata p { font-size: 11px; line-height: 14px; color: #777; } #output .metadata ul { } #output .metadata li { font-size: 11px; line-height: 14px; color: #777; margin-bottom: 2px; } #output .metadata img.work_icon { max-width: 100px; max-height: 100px; margin-left: -120px; float: left; } #output .overview h4 { font-size: 14px; line-height: 18px; font-weight: bold; color: #1F4166; margin: 18px 0 8px 0; } #output .overview h5 { font-size: 11px; line-height: 14px; font-weight: bold; color: #1F4166; margin: 18px 0 4px 0; } #output .overview h6 { font-size: 11px; line-height: 14px; font-weight: bold; color: #333333; margin: 16px 0 4px 0; } #output .overview p { font-size: 11px; line-height: 14px; color: #000; margin: 0 0 16px 0; } #output .overview ol { font-size: 11px; line-height: 14px; list-style-type: decimal; margin: 0 0 26px 0; } #output .overview ol li { margin: 0 0 0 1.5em; } #output .biographies { border-top: 1px solid #CCC; padding: 30px 0; overflow: hidden; } #output .biographies h4 { font-size: 14px; line-height: 18px; font-weight: bold; color: #1F4166; margin: 18px 0 8px 0; } #output .biographies p { font-size: 11px; line-height: 14px; color: #000; margin: 0 0 16px 0; } #output .work { margin: 40px 0; } #output .work h1 { font-size: 20px; line-height: 26px; font-weight: bold; color: #1F4166; margin: 20px 0 15px 0; } #output .work h2 { font-size: 18px; line-height: 24px; font-weight: bold; color: #1F4166; margin: 20px 0 15px 0; } #output .work h3 { font-size: 16px; line-height: 22px; font-weight: bold; color: #1F4166; margin: 20px 0 15px 0; } #output .work h4 { font-size: 14px; line-height: 20px; font-weight: bold; color: #1F4166; margin: 20px 0 15px 0; } #output .work h5 { font-size: 12px; line-height: 16px; font-weight: bold; color: #1F4166; margin: 20px 0 15px 0; } #output .work p { font-size: 12px; line-height: 16px; margin: 0 0 16px 0; } #output .work ol { list-style-type: decimal; padding: 0 20px; margin: 0 0 18px 0; } #output .work ul { list-style-type: disc; padding: 0 20px; margin: 0 0 18px 0; } #output .work ul li, #output .work ol li { font-size: 12px; line-height: 16px; margin: 0 0 6px 0; } #output .work li ul, #output .work li ol { margin: 10px 0; } #output .work blockquote { font-size: 12px; line-height: 16px; margin: 20px 0; padding: 0 25px; } #output .work a { text-decoration: none; color: #169AD8; } #output .work a:hover { text-decoration: underline; } #output .work div.figure { text-align: center; margin: 40px 0; } #output .work div.figure .media_container { margin: 0 auto; } #output .work div.figure.small .media_container { max-width: 200px; } #output .work div.figure.medium .media_container { max-width: 400px; } #output .work div.figure.large .media_container { max-width: 600px; } #output .work div.figure .media_container img { border: 1px solid #EEE; max-width: 100%; margin: 0 auto; } #output .work div.figure .media_container object { border: 1px solid #EEE; margin: 0 auto; } #output .work div.figure .media_container .file_icon { border: none; } #output .work div.figure .caption { font-size: 11px; line-height: 14px; color: #999; margin: 10px 0 0 0; } #output .work table { font-size: 12px; line-height: 16px; margin: 25px auto 40px auto; width: 90%; } #output .work table caption { font-size: 12px; line-height: 16px; font-weight: bold; font-style: normal; color: #1F4166; padding: 10px 0; } #output .work table th { font-weight: bold; padding: 8px; border: 1px solid #CCC; } #output .work table td { padding: 8px; border: 1px solid #CCC; } #output .work span.annotation.highlight { background: #FFDECC; padding: 0 2px; } #output .work span.annotation a.annotation_marker { font-size: 10px; color: #FF6400; margin: 0 0 2px 4px; } #output .work span.annotation a.annotation_marker:hover { text-decoration: none; } #output .work hr { border: none; border-bottom: 1px solid #CCC; margin: 30px 0; display: block; } #output .student_teacher_element { overflow: hidden; } #output .student_teacher_element .student_element { background: #F6FBFC; border-right: 5px solid #FFF; width: 50%; padding: 60px 20px 20px 20px; float: left; position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-bottom: -50000px; padding-bottom: 50000px; } #output .student_teacher_element .teacher_element { background: #FFF7F2; border-right: 5px solid #FFF; width: 50%; padding: 60px 20px 20px 20px; float: right; position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-bottom: -50000px; padding-bottom: 50000px; } #output .student_teacher_element h2 { font-size: 14px; line-height: 16px; font-weight: bold; background: #999; color: #FFF; padding: 6px 10px; position: absolute; top: -20px; left: 0px; } #output .student_teacher_element .student_element h2 { background: #169AD8; } #output .student_teacher_element .teacher_element h2 { background: #FF6400; } #output .student_teacher_element .options { max-width: 260px; margin: 40px auto; } #output .student_teacher_element .options a.button { font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 18px; text-decoration: none; text-align: center; color:#444; background: #EEE; width: 100%; padding: 5px 0; margin: 10px 0 0 0; border: 1px solid #CCC; display: block; /*CSS3*/ background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.1, rgb(230,230,230)), color-stop(0.7, rgb(246,246,246))); background-image: -moz-linear-gradient(center bottom, rgb(230,230,230) 10%, rgb(246,246,246) 70%); text-shadow: 1px 1px 1px #FFF; } #output .student_teacher_element .options a.button:hover { color: #FFF; background: #169AD8; /* CSS3 */ text-shadow: none; } #output .student_teacher_element .options .toggle_content { display: none; } #output .student_teacher_element .options .toggle_content .item { margin: 0 0 4px 0; width: auto; clear: both; } #output .student_teacher_element .options .toggle_content .controls { margin: 8px 0 0 0; width: auto; clear: both; } #output .student_teacher_element .options .toggle_content label { display: none; } #output .student_teacher_element .options .toggle_content select { font-family: Arial, Helvetica, sans-serif; font-size: 11px; padding: 2px 0; width: 100%; max-height: 110px; } #output .student_teacher_element .options .toggle_content button { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color:#333; background: #F6F6F6; width: 60px; height: 20px; padding: 0 0 2px 0; border: 1px solid #CCC; /*CSS3*/ background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.1, rgb(230,230,230)), color-stop(0.7, rgb(246,246,246))); background-image: -moz-linear-gradient(center bottom, rgb(230,230,230) 10%, rgb(246,246,246) 70%); } #output .student_teacher_element .options .toggle_content button:hover { color: #000; background: #DDD; } #output .student_teacher_element .options .toggle_content button[type=reset] { color: #777 } #output .review h4 { font-size: 12px; line-height: 16px; font-weight: bold; color: #1F4166; margin: 20px 0 10px; } #output .review h5 { font-size: 11px; line-height: 15px; font-weight: bold; color: #000; margin: 20px 0 8px 0; } #output .review .bar_chart { width: 100%; max-width: 400px; margin: 0 0 8px 0; } #output .review .bar_chart .bar { background: #B9E1F4; height: 10px; } #output .review .bar_chart .fill { background: #FF6400; height: 10px; border-right: 2px solid #FFF; } #output .review p { font-size: 11px; line-height: 14px; color: #000; margin: 0 0 16px 0; } #output .annotations h4 { font-size: 12px; line-height: 16px; font-weight: bold; color: #1F4166; margin: 20px 0; } #output .annotations ul { margin: 0 0 20px 0; } #output .annotations li { font-size: 11px; line-height: 14px; font-weight: bold; text-indent: -12px; color: #000; margin: 0 0 10px 0; padding: 0 0 0 12px; } #output .annotations li em { font-weight: normal; } #output .annotations li ul.dialogue { list-style-type: disc; padding: 0 20px; margin: 10px 0; } #output .annotations li ul.dialogue li { font-weight: normal; text-indent: 0px; margin: 5px 0; padding: 0; } /* ------------------------------------------- STANDARD PRINT/PDF Use: To override styles applied to the base when the user prints from the HTML view or creates a standard .pdf (Prince). Accomidates: Project Summary, Single Version, Multiple Versions, Reviews ------------------------------------------- */ @media print { @page { margin: 50pt; padding: 0pt; } #output { background: #FFF; padding: 0; } #output img.promo { position: absolute; top: 70px; right: 0; width: 100px; z-index: 100; } #output .breaker { border-bottom: 1px solid #CCC; margin: 0; /* CSS3 */ border-break: 0px dotted; } #output .breaker h1 { font-size: 16px; line-height: 18px; font-weight: bold; background: #FFF; padding: 20px 0; margin: 0; /* CSS3 */ text-shadow: none; } #output .wrapper { margin: 40px 0 0 0; padding: 0 0 30px 0; /* CSS3 */ -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; border-break: 1px solid; box-decoration-break: slice; } #output .wrapper.version { margin: 40px 0 0 0; padding: 0 0 10px 0; border-bottom: 1px solid #CCC; /* CSS3 */ border-break: 0px solid; box-decoration-break: slice; } #output .wrapper.feedback { margin: 40px 0 0 0; border-bottom: 1px solid #CCC; background: #FFF; /* CSS3 */ border-break: 0px solid; box-decoration-break: slice; } #output .wrapper.project { margin: 40px 0 0 0; border-bottom: 1px solid #CCC; background: #FFF; /* CSS3 */ border-break: 0px solid; box-decoration-break: slice; } #output .wrapper.member_activity { margin: 40px 0 0 0; border-bottom: 1px solid #CCC; background: #FFF; /* CSS3 */ border-break: 0px solid; box-decoration-break: slice } #output .wrapper.learning_module { margin: 40px 0 0 0; border-bottom: 1px solid #CCC; background: #FFF; /* CSS3 */ border-break: 0px solid; box-decoration-break: slice; } #output .metadata { border-bottom: none; padding: 0 200px 0 0; } #output .review .metadata { padding: 0; } #output .metadata h1 { font-size: 20px; line-height: 26px; } #output .metadata h2 { font-size: 16px; line-height: 20px; } #output .metadata h3 { background: none; font-size: 13px; line-height: 16px; padding: 0; } #output .version .metadata h3 { background: none; color: #169AD8; } #output .feedback .metadata h3 { background: none; color: #FF6400; } #output .project .metadata h3 { background: none; color: #1F4166; } #output .member_activity .metadata h3 { background: none; color: #5FB323; } #output .learning_module .metadata h3 { background: none; color: #E5AC1B; } #output .metadata p, #output .metadata li { color: #000; } #output .metadata img.work_icon { display: block; } #output .overview h4 { font-size: 14px; line-height: 18px; font-weight: bold; color: #1F4166; margin: 18px 0 8px 0; } #output .overview h5 { font-size: 11px; line-height: 14px; font-weight: bold; color: #1F4166; margin: 18px 0 4px 0; } #output .overview p { font-size: 11px; line-height: 14px; color: #000; margin: 0 0 16px 0; } #output .work { margin: 40px 0; } #output .work h1 { font-size: 18px; line-height: 24px; } #output .work h2 { font-size: 16px; line-height: 20px; } #output .work h3 { font-size: 14px; line-height: 16px; } #output .work h4 { font-size: 12px; line-height: 16px; } #output .work h5 { font-size: 11px; line-height: 14px; } #output .work p { font-size: 11px; line-height: 14px; margin: 0 0 14px 0; } #output .work ul li, #output .work ol li { font-size: 11px; line-height: 14px; margin: 0 0 4px 0; } #output .work blockquote { font-size: 11px; line-height: 14px; } #output .work div.figure.small .media_container { max-width: 2in; } #output .work div.figure.medium .media_container { max-width: 3.5in; } #output .work div.figure.large .media_container { max-width: 5in; } #output .work div.figure .media_container object { display: none; } #output .work table { font-size: 11px; line-height: 14px; } #output .work table caption { font-size: 11px; line-height: 14px; } #output .work table th { padding: 6px; } #output .work table td { padding: 6px; } #output .work hr { display: none; } #output .student_teacher_element .student_element { background: transparent; border-right: none; width: 100%; padding: 0; margin: 0; float: none; } #output .student_teacher_element .teacher_element { background: transparent; border-right: none; width: 100%; padding: 0; margin: 0; float: none; } #output .student_teacher_element h2 { font-size: 14px; line-height: 20px; text-transform: uppercase; background: transparent; color: #1F4166; padding: 0; margin: 15px 0; position: relative; top: auto; left: auto; } #output .student_teacher_element .student_element h2 { background: transparent; } #output .student_teacher_element .teacher_element h2 { background: transparent; } #output .student_teacher_element .options { display: none; } #output .work span.annotation { border-bottom: 1px dotted #FF6400; padding: 0; } #output .work span.annotation a.annotation_marker { font-size: 6px; vertical-align: super; margin: 0; } #output .review h4 { font-size: 11px; line-height: 14px; font-weight: bold; color: #1F4166; margin: 18px 0 4px 0; } #output .review .bar_chart { display: none; } }