html, body {
width:100%;
white-space:nowrap;
margin:0;
overflow:auto;
}
.quotation_wrapper, .email_preview_wrapper {
background:white;
border: 1.5px solid black;
}
/* For these two the margin-top has to be different to look visually similar.*/
#input-form { margin-top:15px; }
.intro_questions_table { margin-top:10px; }
.quotation_wrapper {
padding:15px;
}
.email_preview_wrapper {
box-sizing: border-box;
padding-left: 15px;
padding-right: 15px;
padding-top: 10px;
}
.list_after_paragraph, .paragraph_after_list {
margin-top:8px;
}
.video_container {
width:100%;
border: 1.5px solid black;
border-radius: 8px;
}
.youtube_container {
position: relative;
padding-bottom: 56.25%; /* 16:9 */
height: 0;
border: 1.5px solid black;
border-top:none;
border-bottom-left-radius:8px;
border-bottom-right-radius:8px;
}
.youtube_container iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.email_preview_column_title {
font-weight:600;
width:0px;
padding-right:12px;
}
.email_preview_subject_column {
border-bottom: 1px solid black;
padding-bottom: 10px;
}
.email_preview_column_title_value {
width:100%;
}
.quotation {
font-style:italic;
margin-bottom:5px;
font-size: 18px;
font-family: serif;
}
.quotation_mark {
font-size: 30px;
position: relative;
top: 5px;
line-height: 16px;
margin:5px;
}
.third_party_text, .code {
background-color:#e3e3e3;
border-radius:4px;
padding-left:4px;
padding-right:4px;
padding-top:1px;
padding-bottom:1px;
}
.quotation_author {
margin-left:20px;
}
body, .text_area, .toc_credit_string {
font: 14px/1.5 "Noto Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-weight: 400;
}
.blog_toc_margin_top {
margin-top:8px;
}
.shop_list_title {
font-weight:500;
display:inline;
text-decoration:underline;
}
.shop_list_text {
display:inline;
}
.shop_list_title:hover {
text-decoration: underline;
}
.shop_list_text, .shop_list_price, body {
color: #111111;
}
.shop_list_price {
font-weight: 500;
}
body {
margin: 0px;
text-align:center;
background-color: RGBA(193,238,254,1.0);
box-sizing:border-box;
padding-left:120px;
}
.title_img, .hidden_title_img {
width: 45px;
height: 45px;
vertical-align: bottom;
position: absolute;
top: -8px;
margin-left: 4px;
}
.back_button_row {
width:100%;
margin-left: -7px;
margin-top: -6px;
}
.nav_link, .section_link, .subsection_link, .blog_toc_row, .blog_title_link {
font-size:18px;
margin-top:3px;
display:block;
}
.blog_toc_row {
list-style:none;
vertical-align: text-top;
}
.published_by {
display:block;
margin-top:20px;
}
.published_by_on_list_page {
display:inline;
margin-top:3px;
}
.blog_title_link {
display:inline-block;
position:relative;
top:-15px;
}
.blog_toc_row_centered {
position:relative;
top:-15px;
text-align:center;
}
.blog_article_subscribe_ask {
text-align:center;
margin-top:25px;
margin-bottom:25px;
font-weight:600;
}
.blog_numbered_appendix_thingy {
font-weight:600;
}
.nav_link {
text-decoration:underline;
}
.center_strip_wrapper, .social_sign_in_link {
padding-top:15px;
}
.social_sign_in_link {
display:block;
}
.center_strip_wrapper, .center_strip_wrapper_2 {
padding-bottom:15px;
padding-right:15px;
box-sizing:border-box;
white-space:normal;
text-align:left;
}
.question_mark_title_img {
display:inline-block;
}
.question_mark_title_img, .back_button {
background-size: contain;
background-image:url('data:image/png;base64,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');
}
.dialog_text {
text-align:center;
display:block;
}
.sql {
overflow-x: scroll;
white-space: nowrap;
/* background: white; */
/* padding: 5px; */
/* border: 1px solid black; */
font-size: 12px;
margin-top:-15px;
text-align:left;
display:inline-block;
}
.hidden_title_img {
visibility:hidden;
position:relative;
height:0px;
}
.dropdown_wrapper {
display:table;
width:100%;
}
.dropdown {
display:table-cell;
}
.question_mark {
font-size:30px;
display:block;
position:absolute;
margin-top:-20px;
}
.question_mark_cell {
display:table-cell;
width:80px;
}
.question_mark_wrapper {
display: block;
width: 0px;
height: 10px;
max-height: 10px;
margin-left: auto;
margin-right: auto;
}
ul, ol {
padding-left:24px;
margin-bottom:0px;
margin-top:0px;
}
ul.embedded_list {
margin-top:10px;
margin-bottom:10px;
margin-left:10px;
}
.error_arrow {
background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAACFElEQVRoge2ZMVLbQBSG/2cGaoYZ5EIufANzAzgCN8C+QaQLQEoawRHEDTgCnCD4BKGwCtsFUCRd8qdQ1hNZsqxdrbRhZr/Oz9b6/3ZWq/Uz4PF4PjWie8E6Hl0TuPl78c1psvhqPZUGWgKrKLyCSFooktPgLnuwGUqHxgKV4RUOJRoJ1IZXOJLYK9AovMKBRK2AVnhFzxI7BYzCK3qUGFQVd4YnXxrVRNJVFF61j7efksDumWcqkC/b1bzG8ud7kigI1IUPkmy2a5D8PTcSG4F1NDo3Ca+ok1hHo/NWKWvYCJzeLZ7LAZqFV1RLMM3H7obCEioG0AtvcwwdSjdxkGQzkNM2X2xjjKZUbqM29nCnz4HPhBdwjRdwjRdwjRcgOLaQwxgtgYOjHxU/XnBmLY0BWgInt28fJF//rZG4tJpIE+0lJIKn4msZd3ne34e2wIB83K6pVqMLtHujALCMwu8iMi4UHTW2jHYhqZxxuV/G4aRlHpMsZqyi8BtEijsQ8U7hxTDJ5q2TNcT4OUDBFMR7oSg4FshLXz0hoIVAPsss9YkA5J2IeHRtnEoD4yWkqGtBknwdiKS/wceullVrAQBYxuFEKE8QHNsYbx9BstjktnKYGybZnMKL7ad0H1g7jQ6TbH549POssjvXIVaP0ye3bx9Bks0O5dcYYFrapTrAyj1QxzIOJwOI1QOf639GPZ7/iT98mufJr087OAAAAABJRU5ErkJggg==');
top: -3px;
left: -2px;
}
.more_info_arrow {
background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAABT0lEQVRoge2X0U3DMBCGP7NA2aBskG6QbtARChMgJugI7QawASPABi0TwAbABMeDSR9cG4XmnGuk+yS/NNXd/0XOJQbH0UZaEElWa52qxJV1gKG4gDUuYI0LWOMC1riANS5gjQtY4wLW5AS+Mr/dVM5xNhmB8Jb536JeBJnXKLpPzsTvFZoA0oB8gjxqF97WP9gfw3f1NSWkyQi8KNafJeGrSKTbSEA2ivXXmfqaErIqNFgrNWAMiedCg3ulBlSWkFmcQNkG23hdg7oS6bRIxqvWljpPIvQsPgdeKb+RP4AdcOgbt8Dt70p5gnA3sLY0hck01lJ7JnIvubHWyfD459do+IbwACyJW2psrpXrSfvHqNVe+9zU6/kQ95JpGH6HFsRhkHIAlnEHXCzFcZ298xeGh7fCw1tRPNBMIXzHycfblMJ3HCWmGL5DVhMO7/ADVFf3Ki24qc4AAAAASUVORK5CYII=');
top: -1px;
left: -2px;
}
.error_arrow, .more_info_arrow {
width:16px;
height:16px;
position:relative;
display:inline-block;
background-size:cover;
}
.input_field[readonly="readonly"], .email_addy, .hashtag, .thought_message, .username, select:disabled {
color:#008000;
font-weight:500;
}
.noscript_input_field {
display:block;
margin-top:3px;
height:100%;
vertical-align:middle;
}
.StripeElement {
background-color: white;
padding: 8px 12px;
border-radius: 4px;
border: 1px solid transparent;
box-shadow: 0 1px 3px 0 #e6ebf1;
-webkit-transition: box-shadow 150ms ease;
transition: box-shadow 150ms ease;
}
.StripeElement--focus {
box-shadow: 0 1px 3px 0 #cfd7df;
}
.StripeElement--invalid {
border-color: #fa755a;
}
.StripeElement--webkit-autofill {
background-color: #fefde5 !important;
}
.input_field, .input_field_with_error, .text_area, .payment_info_saved {
display: block;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
}
.payment_info_saved {
text-align:right;
}
.input_field, .input_field_with_error, .text_area, select {
background-color:white;
}
.error_text_wrapper {
width:100%;
font-size:16px;
margin-bottom:12px;
margin-top:2px;
}
.error_text, .beta_warning {
color:#ea721c;
}
.section_text, .center_strip, .center_strip_2, .toc_credit_string {
font-size:18px;
}
.page_title, .about_section_title_with_children {
font-size:24px;
}
.page_title, .about_section_title_with_children, .section_link, .subsection_link {
width:100%;
margin-bottom:10px;
text-align:center;
}
.page_title, .about_section_title_with_children, .section_header, .first_section_header, .section_link, .subsection_link, .nav_link, .blog_toc_row, .blog_prev_next_bar {
font-weight:400;
/* font-family: 'AytwitHeaderFontEmbedded', 'AytwitHeaderFontFromUrl', Comic Sans MS, Comic sans-serif; */
color:black;
}
.section_header, .first_section_header {
text-decoration:underline;
text-underline-position:under;
font-size:20px;
font-weight:400;
display: block;
padding-bottom: 5px;
padding-right: 10px;
padding-left: 10px;
margin-left: -10px;
margin-top:14px;
}
.first_section_header {
margin-top:-10px;
}
.page_title, .section_header, .first_section_header {
font-weight: 500;
}
.blog_prev, .blog_next {
display:inline-block;
}
.blog_prev {
width:50%;
}
.blog_next {
width:50%;
text-align:right;
}
.about_section_title_with_children {
margin-bottom:0px;
}
.section_header, .first_section_header, .section_link, .subsection_link, .bullet_point, .subsection_bullet_point {
text-align:left;
}
.subsection_link {
margin-left:25px;
}
.bullet_def {
font-weight:500;
}
.frag_id_target_0:target, .frag_id_target_1:target, .listing_anchor:target {
outline: none;
}
@keyframes target_animation {
100% { background-color: rgba(0,0,0,.1); }
}
/*
.frag_id_target_0:target, .frag_id_target_1:target {
animation: listing_anchor_target_animation .8s steps(10) 3;
}*/
/*@keyframes listing_anchor_target_animation {
0% { left:0px; }
50% { left:10px; }
100% { left:0px; }
}*/
@keyframes listing_anchor_target_animation {
0% { left:50%; opacity: .5; }
100% { left:0px; opacity: 1;}
}
.listing_anchor:target > *, .frag_id_target_0:target, .frag_id_target_1:target {
position:relative;
/* last "1" here means repeat one time.*/
animation: listing_anchor_target_animation .5s steps(50) 1;
animation-timing-function: ease;
}
.section_paragraph {
/* text-indent: 20px; */
}
.about_section_for_sql {
text-align:center;
}
.section_link, .subsection_link {
margin-bottom:0px;
}
.subsection_bullet_point {
margin-left:25px;
}
.bullet_point, .subsection_bullet_point {
display:inline;
}
.input_field, .text_area, .input_field_with_error, .submit_button, .dropdown {
font-size:16px;
width:100%;
border-style:solid;
height:30px;
}
.text_area {
height: unset;
}
.remember_payment_info_checkbox {
cursor:pointer;
display: block;
text-align: right;
}
.actual_checkbox {
cursor:pointer;
width:24px;
height:24px;
vertical-align:middle;
margin-top: -1px;
}
.input_field, .text_area, .submit_button, .dropdown {
border-color:rgba(128, 128, 128, 1);
padding-right:5px;
padding-top:2px;
padding-bottom:2px;
}
.input_field, .submit_button {
padding-left:8px;
}
.center_strip {
word-wrap: break-word;
}
.side_bar_column {
position:fixed;
/* These are part of efforts to keep this element from jumping around and affecting scrolling.
Don't know if it worked too well but keeping just in case.
*/
-webkit-transform: translate3d(0,0,0);
-webkit-backface-visibility:hidden;
-webkit-perspective: 1000;
height:100%;
/* Note: If you change the width here, you must also change a padding-left on body,
and width minus this.padding-right for .side_bar_inner*/
width:120px;
overflow-y:auto;
padding-top: 15px;
box-sizing: border-box;
text-align:left;
padding-right:15px;
/* Firefox doesn't respect the bottom padding when the side bar is maximally squished vertically. See .side_bar_column_bottom_padder for solution to this.*/
/* padding-bottom:15px; */
left:0px;
}
.side_bar_column_bottom_padder {
height:15px;
}
.email_preview_wrapper, .input_field, .text_area, .submit_button, .dropdown, .center_strip, .center_strip_sql, .center_strip_2, .profile_pic, .side_bar_inner {
border-radius: 8px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-width:1px;
}
.qr_code {
border-radius: 8px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
}
.input_field, .text_area {
padding-left:8px;
}
.input_field_with_dropdown {
position:relative;
display:inline-block;
border-radius: 8px 0px 0px 8px;
-webkit-border-radius: 8px 0px 0px 8px;
-moz-border-radius: 8px 0px 0px 8px;
}
.dropdown_with_input_field {
position:relative;
border-left:0px;
display:inline-block;
border-radius: 0px 8px 8px 0px;
-webkit-border-radius: 0px 8px 8px 0px;
-moz-border-radius: 0px 8px 8px 0px;
}
.center_strip_sql, .center_strip, .center_strip_2, .side_bar_inner {
background-color: #ffffda;
border-color:black;
border-style:solid;
border-width:1.5px;
padding:15px;
box-sizing:border-box;
}
.center_strip_warning {
background-color: #ffdcd9;
}
.center_strip_2 {
padding-top:5px;
}
.side_bar_inner {
/* This needs to be explicitly .side_bar_column.width minus .side_bar_column.padding-left
so windows scroll bars don't squish the menu. */
width:105px;
height:100%;
padding-right:0px;
border-left:none;
border-top-left-radius:0px;
border-bottom-left-radius:0px;
padding-top:8px;
padding-bottom:12px;
padding-left:10px;
}
/* .side_bar_inner_wrapper {
width:100%;
height:100%;
padding-bottom:15px;
padding-right:15px;
} */
.side_bar_bottom_spacer {
height:15px;
}
.side_bar_site_links {
vertical-align: top;
}
.side_bar_social_links {
vertical-align: bottom;
}
.content_column {
white-space:normal;
position:relative;
min-width:290px;
max-width:750px;
display:inline-block;
}
.content_scroller, .content_scroller_with_side_bar_padding_offset {
height:100%;
overflow:auto;
}
.content_scroller_with_side_bar_padding_offset {
padding-left:130px;
}
.profile_pic, .profile_pic_placeholder {
border:1.5px solid black;
}
.emphasized_text, .emphasized {
font-style:italic;
}
.blog_image, .bordered_blog_image, .shop_image {
max-width:100%;
margin-top:14px;
margin-bottom:4px;
}
.listing_media_wrapper {
margin-top:14px;
width:100%;
border-bottom:none;
}
.listing_media_with_description {
max-width:100%;
display:block;
box-sizing:border-box;
border-bottom-left-radius: 8px;
border-bottom-right-radius: 8px;
background: white;
}
.listing_media_description_wrapper {
/*background: #666666;*/
/*background-color: rgba(0,0,0,.1);*/
background:white;
border:1.5px solid black;
border-bottom:none;
width:100%;
border-top-left-radius: 8px;
border-top-right-radius: 8px;
}
.listing_media_description {
color:white;
text-align:left;
padding:10px;
}
.shop_image {
margin-bottom:0px;
margin-top:0px;
display:block;
}
.shop_list_image {
float:left;
width:35%;
margin-right:12px;
height:auto;
/* background:#ececec; */
/* background:#c1eefe; */
background:#ffffff;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
box-sizing: border-box;
}
.shop_listing_price {
}
.listing_anchor:hover {
background:rgba(0,0,0,.1);
}
.listing_anchor {
border: none;
}
.listing_anchor {
padding-left:15px;
margin-left:-15px;
padding-right:15px;
margin-right:-15px;
margin-top:-7.5px;
padding-top:7.5px;
margin-bottom:-7.5px;
padding-bottom:7.5px;
position:relative;
}
.qr_code {
margin-left:auto;
margin-right:auto;
display:block;
margin-top:8px;
width:256px;
height:256px;
}
.bordered_blog_image, .shop_image, .shop_list_image, .qr_code, .listing_media_with_description {
border: 1.5px solid black;
}
.general_image {
max-width:100%;
}
.coinsulting_icon {
width:48px;
height:48px;
display:block;
}
.intro_questions_table {
width:100%;
}
.intro_questions_td {
padding-bottom:12px;
}
.intro_questions_table tr .checkmark_wrapper {
/* padding-right:24px;
padding-left:12px; */
vertical-align:top;
padding-right:4px;
}
.checkmark {
width:32px;
height:32px;
background-image:url('/images/checkmark.gif');
background-size: contain;
}
.coin_question_mark {
width:32px;
height:32px;
background-image:url('/images/coinsulting_icon.png');
background-size: contain;
}
.intro_questions_table tr td {
vertical-align:middle;
/* text-align:right; */
font-weight: 500;
font-size:18px;
}
.center_strip_sql {
/* padding-left:15px;
padding-right:15px; */
}
.submit_button
{
cursor:pointer;
/* background: #4ee378; */
background: #A1DE93;
color:black;
border: solid 1.5px black;
margin-bottom:4px;
font-weight:500;
}
.submit_button:hover
{
background: #90C883;
}
.submit_button:active
{
background: #A1DE93;
}
a, a:link, a:hover, a:hover, a:visited, a:active {
color: blue;
/* text-decoration: underline; */
}
a, a:visited, a:active {
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
blockquote {
border-left: 1px solid #e5e5e5;
margin: 0;
padding: 0 0 0 20px;
font-style: italic;
}
code, pre {
font-family: Monaco, Bitstream Vera Sans Mono, Lucida Console, Terminal,
Consolas, Liberation Mono, DejaVu Sans Mono, Courier New, monospace;
color: #333;
font-size: 12px;
}
a {
cursor:pointer;
}
.bold_italic_text {
font-weight: 500;
font-style:italic;
}
/* Adapted from https://www.filamentgroup.com/lab/select-css.html - "Styling a Select Like It’s 2019". */
select {
cursor:pointer;
display: block;
font-size: 16px;
/* font-family: sans-serif; */
/* font-weight: 700; */
/* color: #444; */
line-height: 1.3;
padding: .6em 1.4em .5em .8em;
width: 100%;
max-width: 100%;
box-sizing: border-box;
margin: 0;
border: 1px solid #aaa;
box-shadow: 0 1px 0 1px rgba(0,0,0,.04);
border-radius: .5em;
-moz-appearance: none;
-webkit-appearance: none;
appearance: none;
background-color: #fff;
background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23000000%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E'),
linear-gradient(to bottom, #ffffff 0%,#e5e5e5 100%);
background-repeat: no-repeat, repeat;
background-position: right .4em top 55%, 0 0;
background-size: .65em auto, 100%;
padding-left:.5em;
}
select::-ms-expand {
display: none;
}
select:hover {
border-color: #888;
}
select:focus {
border-color: #aaa;
box-shadow: 0 0 1px 3px rgba(59, 153, 252, .7);
box-shadow: 0 0 0 3px -moz-mac-focusring;
color: #222;
outline: none;
}
select option {
font-weight:normal;
}
option {
-webkit-appearance:none;
-moz-appearance:none;
appearance:none;
}
.input_field[readonly="readonly"], select:disabled {
cursor:default;
}
/*
Supposedly removes default table styling, source: https://stackoverflow.com/a/968922/4248895
*/
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
/* Had to add these two, so guess SO answer wasn't right and/or applicable */
border-spacing:0px;
}