/*========= reset values for ETC =========*/ body { font-size: 1em; line-height: 1.2; margin: 0 0 0 0; padding: 0; border: 0; outline: 0; font-family: Georgia, Palatino, Baskerville, "Times New Roman", serif; } /*========= fonts and font colors =========*/ @font-face { font-family: BizzleChizzle; font-style: normal; font-weight: normal; src: url(fonts/BizzleChizzleOTFSolo.otf); } @font-face { font-family: Klepto; font-style: normal; font-weight: normal; src: url(fonts/KleptoITCStd.otf); } @font-face { font-family: ShortStack; font-style: normal; font-weight: normal; src: url(fonts/ShortStack-Regular.ttf); } @font-face { font-family: TrendHMSlabFive; font-style: normal; font-weight: normal; src: url(fonts/TrendHandMadeSlabFive.otf); } @font-face { font-family: TrendHMSlabFive; font-style: italic; font-weight: normal; src: url(fonts/TrendHandMadeSlabFiveItalic.otf); } .bizzle { font-family: BizzleChizzle; } .klepto { font-family: Klepto; } .trend { font-family: TrendHMSlabFive; } .short_stack { font-family: ShortStack; } body.etc { font-size: 1em; line-height: 1.2; margin: 0 0 0 0; padding: 0; border: 0; outline: 0; font-family: Georgia, Palatino, Baskerville, "Times New Roman", serif; } .custom_list > p.spaceabove { margin-bottom: 0.2em; margin-top: 1.2em; text-align: left; } /*========= colors =========*/ body.toc > a { color: inherit; -webkit-text-fill-color: inherit; } div.chapter1_border { border: 20px solid rgb(0, 174, 193); } div.chapter1_body { padding: 0 2%; } span.chapter1, div.chapter1 { color: rgb(0, 174, 193); } div.chapter2_border { border: 20px solid rgb(246, 137, 31); padding: 0 2%; } span.chapter2, div.chapter2 { color: rgb(246, 137, 31); } div.chapter3_border { border: 20px solid rgb(95, 58, 150); padding: 0 2%; } span.chapter3, div.chapter3 { color: rgb(95, 58, 150); } div.chapter4_border { border: 20px solid rgb(254, 194, 15); } div.chapter4_body { padding: 0 2%; } span.chapter4, div.chapter4 { color: rgb(254, 194, 15); } span.chapter5, div.chapter5 { color: rgb(87, 186, 93); } div.chapter7_border { border: 20px solid rgb(0, 120, 194); padding: 0 2%; } span.chapter7, div.chapter7 { color: rgb(0, 120, 194); } .chapter1_dark { color: rgb(0, 119, 137); } .chapter2_dark { color: rgb(190, 35, 27); } .chapter3_dark { color: rgb(22, 12, 84); } .chapter4_dark { color: rgb(192, 73, 25); } .chapter5_dark { color: rgb(0, 143, 61); } .red { color: rgb(238, 28, 37); } .blue { color: rgb(52, 137, 201); } .blue2 { color: rgb(0, 85, 166); } .dark_blue { color: rgb(75, 104, 177); } .orange { color: rgb(243, 115, 76); } .orange2 { color: rgb(242, 103, 33); } .teal { color: rgb(0, 174, 193); } .pink { color: rgb(239, 87, 159); } .gray { /* color:rgb(35, 31, 32);*/ color: #808080; } .green { color: rgb(36, 179, 75); } .purple { color: rgb(96, 58, 150); } /*========= background-color classes =========*/ .light_blue_background { background-color: rgb(230, 244, 244); padding: 2%; margin: 1em 0; } .blue_background { background-color: rgb(211, 223, 242); padding: 2%; margin: 1em 0; } /*========= sidebar and textboxbox classes =========*/ div.game_time { background-color: #97d7e3; } div.game_time_body { background-color: white; padding: 2% 5%; margin: 0 3%; } div.game_time img.inline { vertical-align: -0.4em; } p.game_time { font-family: ShortStack; text-align: left; /* font-size:1.1em;*/ } div.whats_it_called { /* page-break-before:always;*/ /* border:5px solid rgb(233,236,154);*/ border: 5px solid rgb(178, 208, 62); background-color: rgb(255, 245, 172); padding: 2%; margin: 1em 3%; } div.whats_it_called > p { text-align: left; } div.quick_note { /* page-break-before:always;*/ border: 5px solid rgb(124, 40, 125); background-color: rgb(255, 240, 225); padding: 2%; margin: 1em 3%; } div.quick_note > p { text-align: left; } div.lightbulb { /* page-break-before:always;*/ border: 5px solid rgb(239, 87, 159); background-color: rgb(218, 240, 244); padding: 2%; margin: 1em 3%; font-size: 1em; } div.lightbulb > p { text-align: left; } h1.lightbulb { font-family: TrendHMSlabFive; color: rgb(239, 87, 159); font-size: 1em; } div.try_this { page-break-inside: avoid; /*border-top:5px solid rgb(168, 204, 64); border-bottom:5px solid rgb(168, 204, 64);*/ background-color: rgb(233, 246, 237); padding: 0; margin: 1em 3%; } div.try_this > p { margin: 0 1em; } div.thinking_cap { border: 3px solid rgb(238, 28, 37); background-color: rgb(224, 242, 243); padding: 2%; margin: 1em 3%; } div.thinking_cap > p { text-align: left; } div.thinking_cap > h1.section { margin-top: 0.2em; margin-bottom: 0.2em; } div.shortcut_alert { page-break-before: always; margin: 1.5em 3%; padding: 0; border-top: 5px dashed rgb(96, 58, 150); border-left: 5px dashed rgb(96, 58, 150); border-right: 5px dashed rgb(96, 58, 150); } div.shortcut_alert_white { margin: 0; padding: 2%; border-bottom: 5px dashed rgb(96, 58, 150); } div.shortcut_alert_white > p { text-align: left; } div.shortcut_alert_blue { margin: 0; padding: 2%; background-color: rgb(211, 223, 242); border-bottom: 5px dashed rgb(96, 58, 150); } div.shortcut_alert_blue > h2 { color: white; } div.shortcut_alert_blue > p { text-align: left; } div.red_box { page-break-inside: avoid; background-color: rgb(250, 239, 233); } div.red_box > p { font-family: Klepto; text-align: center; color: rgb(0, 174, 193); font-size: 1.5em; } div.cha_ching { /* page-break-before:always;*/ /* background-color:rgb(243, 249, 242);*/ background-color: rgb(236, 244, 221); padding: 2%; margin: 1em 3%; } div.green_oval { page-break-inside: avoid; background-color: rgb(251, 251, 232); border: 7px solid rgb(235, 234, 102); border-radius: 220px; padding: 2% 7%; margin: 1em 3%; } div.watch_out { padding: 0 0 1% 0; margin: 1em 3%; background-color: rgb(254, 241, 235); border: 5px solid black; } div.watch_out > blockquote > h2 { font-family: Klepto; color: rgb(238, 28, 37); font-size: 1.5em; margin-top: 0; } div.brain_box { page-break-inside: avoid; font-family: Klepto; font-size: 1.5em; padding: 0 2%; margin: 1em 3%; color: rgb(0, 85, 166); } .chapter1 > a { color: inherit; -webkit-text-fill-color: inherit; } span.inline_answer_key { vertical-align: -0.15em; } div.chapter1_answers { border: 5px solid rgb(0, 174, 193); padding: 2%; } div.textbox_yellow { margin-top: 2em; margin-bottom: 2em; margin-left: 4%; margin-right: 4%; padding: 4%; background-color: rgb(255, 234, 62); } /*========= text classes =========*/ div.toc_chap { font-family: Helvetica, HelveticaNeue, "Helvetica Neue LT", Verdana, Futura, sans-serif; } h1.section { font-family: Klepto; font-size: 2em; } h1.section_nomargin_top { font-family: Klepto; font-size: 2em; margin-top: 0; } /*========= image classes =========*/ .figure { text-align: center; page-break-inside: avoid; margin: 1em 4%; } .figure_full { text-align: center; page-break-inside: avoid; margin: 1em 0; } .figure_nomargin { text-align: center; page-break-inside: avoid; margin: 0; } .figure_nomargin_bottom { text-align: center; page-break-inside: avoid; margin-bottom: 0; margin-top: 1em; } .figure_float_right { margin: 1em; float: right; clear: both; } .figure_float_left { margin: 1em; float: left; clear: both; } .figure_header { page-break-inside: avoid; margin: 1em 0; text-align: center; } .figure_chapter_2_header { page-break-inside: avoid; margin: 0%; padding: 0%; text-align: center; border: 3px solid rgb(246, 137, 31); line-height: 0; } .figure_chapter_2_header img { page-break-inside: avoid; margin: 0%; padding: 0%; text-align: center; border: 1px solid rgb(246, 137, 31); line-height: 0; } .figure_chapter_3_header { page-break-inside: avoid; margin: 0%; padding: 0%; text-align: center; border: 3px solid rgb(95, 58, 150); line-height: 0; } .figure_chapter_3_header img { page-break-inside: avoid; margin: 0%; padding: 0%; text-align: center; border: 1px solid rgb(95, 58, 150); line-height: 0; } .figure_chapter_4_header { page-break-inside: avoid; margin: 0%; padding: 0%; text-align: center; border: 3px solid rgb(254, 194, 15); line-height: 0; } .figure_chapter_4_header img { page-break-inside: avoid; margin: 0%; padding: 0%; text-align: center; border: 1px solid rgb(254, 194, 15); line-height: 0; } .figure_chapter_5_header { page-break-inside: avoid; margin: 0%; padding: 0%; text-align: center; border: 3px solid rgb(87, 186, 93); line-height: 0; } .figure_chapter_5_header img { page-break-inside: avoid; margin: 0%; padding: 0%; text-align: center; border: 1px solid rgb(87, 186, 93); line-height: 0; } .figure_chapter_6_header { page-break-inside: avoid; margin: 0%; padding: 0%; text-align: center; border: 3px solid rgb(239, 87, 159); line-height: 0; } .figure_chapter_6_header img { page-break-inside: avoid; margin: 0%; padding: 0%; text-align: center; border: 1px solid rgb(239, 87, 159); line-height: 0; } .figure_chapter_7_header { page-break-inside: avoid; margin: 0%; padding: 0%; text-align: center; border: 3px solid rgb(0, 120, 194); line-height: 0; } .figure_chapter_7_header img { page-break-inside: avoid; margin: 0%; padding: 0%; text-align: center; border: 1px solid rgb(0, 120, 194); line-height: 0; } .figure_chapter_8_header { page-break-inside: avoid; margin: 0%; padding: 0%; text-align: center; border: 3px solid rgb(240, 65, 74); line-height: 0; } .figure_chapter_8_header img { page-break-inside: avoid; margin: 0%; padding: 0%; text-align: center; border: 1px solid rgb(240, 65, 74); line-height: 0; } .figure_chapter_9_header { page-break-inside: avoid; margin: 0%; padding: 0%; text-align: center; border: 3px solid rgb(152, 201, 60); line-height: 0; } .figure_chapter_9_header img { page-break-inside: avoid; margin: 0%; padding: 0%; text-align: center; border: 1px solid rgb(152, 201, 60); line-height: 0; } .figure_chapter_10_header { page-break-inside: avoid; margin: 0%; padding: 0%; text-align: center; border: 3px solid rgb(152, 35, 125); line-height: 0; } .figure_chapter_10_header img { page-break-inside: avoid; margin: 0%; padding: 0%; text-align: center; border: 1px solid rgb(152, 35, 125); line-height: 0; } .figure_box_header { page-break-inside: avoid; margin: 0 0 1em 0; text-align: center; } .figure_box_footer { page-break-inside: avoid; margin: 1em 0 0 0; text-align: center; } div.custom_list > div.figure { margin-left: 10%; } .squeeze_100 { margin: 0%; } .squeeze_90 { margin: 0 5%; } .squeeze_90_right { margin: 0 0 0 10%; } .squeeze_85_left { margin: 0 15% 0 0; } .squeeze_85 { margin: 0 7.5%; } .squeeze_80 { margin: 0 10%; } .squeeze_75 { margin: 0 12.5%; } .squeeze_70 { margin: 0 15%; } .squeeze_70_left { margin: 0 30% 0 0; } .squeeze_70_right { margin: 0 0 0 30%; } .squeeze_65 { margin: 0 17.5%; } .squeeze_65_right { margin: 0 0 0 35%; } .squeeze_60 { margin: 0 20%; } .squeeze_60_right { margin: 0 0 0 40%; } .squeeze_60_left { margin: 0 40% 0 0; } .squeeze_55_left { margin: 0 45% 0 0; } .squeeze_55 { margin: 0 22.5%; } .squeeze_50_left { margin: 0 50% 0 0; } .squeeze_50 { margin: 0 25%; } .squeeze_45_left { margin: 0 55% 0 0; } .squeeze_40 { margin: 0 30%; } .squeeze_40_left { margin: 0 60% 0 0; } .squeeze_35 { margin: 0 32.5%; } .squeeze_30 { margin: 0 35%; } .squeeze_30_right { margin: 0 0 0 70%; } .squeeze_25 { margin: 0 37.5%; } .squeeze_20 { margin: 0 40%; } .squeeze_18 { margin: 0 41%; } .squeeze_15 { margin: 0 42.5%; } .squeeze_12 { margin: 0 44%; } .squeeze_10 { margin: 0 45%; } .inline_2_5 { height: 1.8em; } .inline_3_5 { height: 3.5em; } .inline_1_8 { height: 1.8em; } .inline_1_7 { height: 1.7em; } .inline_1_6 { height: 1.6em; } .inline_1_5 { height: 1.5em; } .inline_1_4 { height: 1.4em; } .inline_1_0 { height: 1em; } figure_inline_large img { vertical-align: middle; } /*========= aptara styles =========*/ span.chapter6, div.chapter6 { color: rgb(239, 87, 159); -webkit-text-fill-color: rgb(239, 87, 159); } .chapter6_dark { color: rgb(239, 87, 159); -webkit-text-fill-color: rgb(239, 87, 159); } .chapter6b_dark { color: rgb(200, 6, 94); -webkit-text-fill-color: rgb(200, 6, 94); } .chapter6b_dark a { color: rgb(200, 6, 94); -webkit-text-fill-color: rgb(200, 6, 94); } span.chapter7a, div.chapter7a { color: rgb(52, 137, 201); -webkit-text-fill-color: rgb(52, 137, 201); } .chapter7_dark { color: rgb(0, 85, 166); -webkit-text-fill-color: rgb(0, 85, 166); } .chapter7_dark a { color: rgb(0, 85, 166); -webkit-text-fill-color: rgb(0, 85, 166); } span.chapter8, div.chapter8 { color: rgb(243, 115, 76); -webkit-text-fill-color: rgb(243, 115, 76); } span.chapter9, div.chapter9 { color: rgb(152, 201, 60); -webkit-text-fill-color: rgb(152, 201, 60); } .chapter9_dark { color: rgb(42, 130, 49); -webkit-text-fill-color: rgb(42, 130, 49); } span.chapter10, div.chapter10 { color: rgb(152, 35, 125); -webkit-text-fill-color: rgb(152, 35, 125); } .chapter10_dark { color: rgb(66, 28, 107); -webkit-text-fill-color: rgb(66, 28, 107); } .black { color: rgb(0, 0, 0); -webkit-text-fill-color: rgb(0, 0, 0); } .teal-web { -webkit-text-fill-color: rgb(0, 174, 193); } .chapter1_dark a { color: rgb(0, 119, 137); -webkit-text-fill-color: rgb(0, 119, 137); } .orange4 { color: rgb(246, 137, 31); -webkit-text-fill-color: rgb(246, 137, 31); } .chapter2_dark a { color: rgb(190, 35, 27); -webkit-text-fill-color: rgb(190, 35, 27); } .purple-web { -webkit-text-fill-color: rgb(95, 58, 150); color: rgb(95, 58, 150); } .purple-d { -webkit-text-fill-color: rgb(22, 11, 84); color: rgb(22, 11, 84); } .purple-d-body { color: rgb(22, 11, 84); } .purple1 { color: rgb(152, 35, 125); } .purple1-web { -webkit-text-fill-color: rgb(152, 35, 125); color: rgb(152, 35, 125); } .orange1 { -webkit-text-fill-color: rgb(249, 157, 29); } .chapter4_dark a { color: rgb(192, 73, 25); -webkit-text-fill-color: rgb(192, 73, 25); } .green1 { -webkit-text-fill-color: rgb(87, 186, 93); } .chapter5_dark a { -webkit-text-fill-color: rgb(0, 143, 61); color: rgb(0, 143, 61); } .pink-web { -webkit-text-fill-color: rgb(239, 87, 159); } .blue-web { -webkit-text-fill-color: rgb(52, 137, 201); } .orange3 { -webkit-text-fill-color: rgb(240, 65, 74); color: rgb(240, 65, 74); } .green2 { color: rgb(152, 201, 60); } .green2-web { -webkit-text-fill-color: rgb(152, 201, 60); } .green3-web { -webkit-text-fill-color: rgb(87, 186, 93); } .chapter9_dark a { -webkit-text-fill-color: rgb(42, 130, 49); } .chapter10_dark a { color: rgb(66, 28, 107); -webkit-text-fill-color: rgb(66, 28, 107); } .isqueeze2_05 { width: 2.5em; } /*.squeeze_30_right_1{ margin: 0 0 0 70%; }*/ .squeeze_35_left { margin: 0 65% 0 0; } .squeeze_30_left { margin: 0 70% 0 0; } .squeeze_25_left { margin: 0 75% 0 0; } .squeeze_20_left { margin: 0 80% 0 0; } div.chapter2_body { padding: 0 2%; } div.quick_note1 > p { line-height: 1.2em; } div.quick_note1 { /* page-break-before:always;*/ border: 5px solid rgb(124, 40, 125); background-color: rgb(255, 240, 225); padding: 2%; margin: 1em 3%; } .squeeze_80_left { margin: 0 20% 0 0; } .squeeze_85_left { margin: 0 15% 0 0; } .squeeze_90_left { margin: 0 10% 0 0; } div.shortcut_alert_purple { margin: 0; padding: 2%; background-color: rgb(199, 204, 233); border-bottom: 5px dashed rgb(96, 58, 150); } div.shortcut_alert_purple > h2 { color: white; } div.shortcut_alert_purple > p { text-align: left; } div.chapter8_border { border: 20px solid rgb(240, 65, 74); } div.chapter8_border_alt { border-top: 0; border-right: 20px solid rgb(240, 65, 74); border-bottom: 20px solid rgb(240, 65, 74); border-left: 20px solid rgb(240, 65, 74); } .squeeze_55_right-alt { margin: 0 7.5% 0 37.5%; } div.chapter5_border { border: 20px solid rgb(87, 186, 93); } div.chapter5_body { padding: 0 2%; } div.chapter6_border { border: 20px solid rgb(239, 87, 159); } div.chapter6_body { padding: 0 2%; } .yellow { color: rgb(255, 204, 51); } div.red_box > div > p { text-align: center; color: rgb(0, 174, 193); margin-top: 0.5em; } div.chapter2_answers { border: 5px solid rgb(246, 137, 31); padding: 2%; } div.chapter4_answers { border: 5px solid rgb(249, 157, 29); padding: 2%; } div.chapter3_answers { border: 5px solid rgb(96, 58, 150); padding: 2%; } div.chapter5_answers { border: 5px solid rgb(87, 186, 93); padding: 2%; } div.chapter6_answers { border: 5px solid rgb(239, 87, 159); padding: 2%; } div.chapter7_answers { border: 5px solid rgb(52, 137, 201); padding: 2%; } div.chapter8_answers { border: 5px solid rgb(240, 65, 74); padding: 2%; } div.chapter9_answers { border: 5px solid rgb(152, 201, 60); padding: 2%; } div.chapter10_answers { border: 5px solid rgb(152, 35, 125); padding: 2%; } div.chapter9_border { border: 20px solid rgb(152, 201, 60); } div.chapter9_body { padding: 0 2%; } div.chapter9_body_bottom { padding: 0 0; } div.chapter10_border { border: 20px solid rgb(152, 35, 125); } div.chapter10_body { padding: 0 2%; } div.lightbulb_y { /* page-break-before:always;*/ border: 5px solid rgb(239, 87, 159); background-color: rgb(255, 255, 215); padding: 2%; margin: 1em 3%; font-size: 1em; } div.lightbulb_y > p { text-align: left; } .purple2 { color: rgb(153, 51, 153); } h1.section1 { font-family: Klepto; font-size: 2.5em; } h2.ind-sec { font-family: Klepto; font-size: 1.5em; color: rgb(52, 137, 201); text-align: left; margin-bottom: 0; } img.vert { vertical-align: top; } div.chapter2_border1 { border: 20px solid rgb(246, 137, 31); } div.chapter3_body { padding: 0 2%; } div.chapter7_body { padding: 0 2%; } div.chapter8_body { padding: 0 2%; } div.chapter7_border1 { border: 20px solid rgb(0, 120, 194); } div.chapter3_border1 { border: 20px solid rgb(95, 58, 150); } .back { background-color: rgb(255, 209, 0); border-radius: 5px; padding: 2px; } div.shortcut_alert1 { margin: 1.5em 3%; padding: 0; border-top: 5px dashed rgb(96, 58, 150); border-left: 5px dashed rgb(96, 58, 150); border-right: 5px dashed rgb(96, 58, 150); } span.list_ornament_ETC { /* display: inline-block;*/ margin: 0 0.25em 0 0; text-align: right; }