@charset "UTF-8"; @IMPORT url('/css/progress-11hqkbl.css'); .page_wordlist.view-words .viewSelector a, .page_wordlist.view-edit .viewSelector a { display: inline-block; height: 19px; line-height: 20px; border-left: 1px solid white; padding: 0 .5em; color: #999; border-radius: 6px; text-decoration: none; } .page_wordlist.view-words .viewSelector a.selected, .page_wordlist.edit .viewSelector a.selected { background-color: #eee; color: #444; text-decoration: none; cursor: default; } .page_wordlist.view-words .viewSelector, .page_wordlist.edit .viewSelector { margin-top: 20px; font-size: 11px; line-height: 2em; color: #999; text-align: right; clear: both; white-space: nowrap; } .page_wordlist.view-words .viewSelector select, .page_wordlist.edit .viewSelector select { border: 1px solid #eee; border-radius: 3px; color: #666; } .page_wordlist.view-words .viewSelector label, .page_wordlist.edit .viewSelector label { padding-right: .25em; color: #ccc; } /* progress bar stuff */ .listView#wordlist .progress { display: none; } .page_wordlist.learning .entry i.progress { position: absolute; right: 0; top: 30px; } .page_wordlist .rightpane .listprogress { font-size: 12px; color: #999; } .page_wordlist .rightpane .listprogress i.progress { position: relative; left: -5px; } .page_wordlist .rightpane { padding-top: 1.5em; } .page_wordlist .rightpane .listprogress h3 { white-space: nowrap; } .page_wordlist .rightpane .listprogress h3 > span { color: #6eaf27; font-size: 16px; font-weight: normal; line-height: 45px; display: inline-block; vertical-align: bottom; margin-left: .2em; } .page_wordlist .rightpane .listprogress.mastered h3 > span { color: #CA9400; } .page_wordlist .rightpane .listprogress .status { } .page_wordlist .rightpane .listprogress .status p { margin: 0 0 1em 0; padding: 0 0 0 50px; } .page_wordlist a.learnthislist { display: block; text-align: left; background-color: transparent; /* font-size: 20px; */ padding: 3px 0 3px 32px; background-repeat: no-repeat; line-height: 20px; margin-left: 9px; margin-bottom: .25em; background-image: url('/images/icons/learn-button-lnw0z4.png'); background-size: 28px; background-position: 0 50%; position: relative; white-space: nowrap; color: #6eaf27; left: -2px; cursor: pointer; border-radius: .25em; } .page_wordlist .morelists { clear: left; } .page_wordlist .morelists > h3 { margin: 2em 0 1em 0; } .page_wordlist .morelists .wordlist { font-size: 12px; } .page_wordlist .morelists h2.title { font-size: 1.2em; } .page_wordlist .morelists .sectionHeader { display: block; text-decoration: none; border-top: none; border-bottom: 1px solid #eee; } .page_wordlist .logintolearn { position: relative; margin: 4em auto; color: white; } .page_wordlist .logintolearn .createlogin { font-size: 13px; margin-bottom: 1em; text-align: center; float: left; width: 25%; margin-top: 22px; } .page_wordlist .logintolearn .createlogin h2 { margin: 0; font-size: 18px; font-weight: bold; } .page_wordlist .logintolearn .createlogin h3 { margin: 10px 0; font-size: 16px; } .page_wordlist .logintolearn .fbLogin { margin: 16px auto; display: block; } .page_wordlist .logintolearn .steps img { margin: 0 auto 0 auto; display: block; width: 100%; } .page_wordlist .logintolearn .steps > .grid-3 { margin: 0 auto 0 auto; width: 100%; } .page_wordlist .logintolearn .step { margin-bottom: 1em; } .logintolearn .loginoptions .button, .logintolearn .loginoptions button { outline: none; border: none; border-radius: 3px; color: white; display: inline-block; margin: .5em auto; cursor: pointer; padding: 0 2em; transition: all .5s ease 0; font-family: 'open sans', sans-serif; text-decoration: none !important; padding: 0 .5em; width: 100%; max-width: 170px; color: white; font-size: .85em; line-height: 3em; color: white; } .logintolearn img { } .logintolearn .loginoptions .facebook { background-color: #4c69ba; background-image: url('/images/icons/sso/fb-icon-12xonx2.png'); background-repeat: no-repeat; background-position: .75em center; background-size: 1.3em;padding-left: 2.5em;padding-right: 1em;min-width: 170px;} .logintolearn .loginoptions .google { background-color: #4285f4; background-image: url('/images/icons/sso/google-icon-1bbr7vc.png'); background-repeat: no-repeat; background-position: .5em center; background-size: 2.5em; font-weight: normal; padding-left: 2em; } .logintolearn { position: relative; color: white; } .logintolearn a { color: inherit; } .logintolearn .fbLogin { margin: 18px 0 10px 35px; } .logintolearn .steps { position: relative; float: right; width: 65%; margin-right: 2.5%; margin-top: 17px; font-size: .85em; } .logintolearn .steps img { width: 100%; } .logintolearn .step { float: left; width: 35%; padding: 10px 23px 0 0; } .logintolearn .step:last-child { margin-left: 2%; width: 27.5%; padding-right: 0; } .vcom_popup.copylist { width: 140px } .vcom_popup.copylist .option { display: block; padding: 0 5px 0 12px; font-size: 12px; overflow-x: hidden; text-overflow: ellipsis; white-space: nowrap; border-bottom: 1px solid #E9E9E9; background-color: #FFFFFF; background-repeat: repeat-x; color: #666; text-decoration: none; cursor: pointer; line-height: 26px; } .vcom_popup.copylist .option:hover { color: black; font-weight: bold; } html .topBanner .logo:after { content: url('/images/email/logo-9t3bgw.png'); display: inline-block; visibility: hidden; } .page_wordlist.view-words section.activities { background: none; padding-top: 0; padding-bottom: 1em; } .page_wordlist.view-words section.activities > .limited-width { width: auto; } .page_wordlist section.activities { padding-top: 1em; padding-bottom: 2em; background: #e6e6e6; background: -webkit-linear-gradient(top,#fff 0,#e6e6e6 100%); background: linear-gradient(top,#fff 0,#e6e6e6 100%); } .page_wordlist section.activities ul.applist li .card .actions { text-align: center; white-space: nowrap; margin: 0 -8px; } .page_wordlist section.activities ul.applist li .card { background-color: white; border-radius: 6px; padding: 10px 10px; box-shadow: 1px 1px 2px 0px rgba(0,0,0,.2); display: block; text-decoration: none; overflow: hidden; text-overflow: ellipsis; } .page_wordlist section.activities ul.applist li .card:hover { box-shadow: 1px 1px 2px 0px rgba(0,0,0,.5); text-decoration: none; } .page_wordlist section.activities h3 { margin-bottom: .5em; } @media print { html * {-webkit-print-color-adjust: exact;} html #page { display: block; } html .page_wordlist .tabbar { display: none; } html .page_wordlist .entry { page-break-inside: avoid; } html .page_wordlist .header { background: none; margin-bottom: 1.5em; padding-bottom: 0; } html .page_wordlist .col.rightpane, html .page_wordlist .rating, html .page_wordlist .viewSelector { display: none; } html .page_wordlist .col.leftpane { width: 100%; } .page_wordlist .titleblock .readmore { display: none; } .page_wordlist .titleblock .v-overflow.description { max-height: none; overflow: visible; } .page_wordlist .titleblock .v-overflow.v-overflowed { margin-bottom: 0; } } @media only screen and (max-width: 760px) { .page_wordlist .tabbar { font-size: .85em; } .page_wordlist .tabbar a.comments { display: none; } .page_wordlist .header .tools .button { width: 50%; float: left; margin: .5em 0; text-overflow: ellipsis; overflow-x: hidden; white-space: nowrap; } .activities ul.applist li .card i { height: 40px; width: 40px; } .activities ul.applist li blockquote {height: 4.75em;} .page_wordlist .rightpane { padding-top: 0; } .page_wordlist.view-assign .rightpane, .page_wordlist.view-assign .rating, .page_wordlist.activity-practice .rightpane, .page_wordlist.activity-practice .rating { display: none; } .logintolearn .steps { width: 100%; float: none; font-size: 12px; margin-bottom: 2em; } .page_wordlist .logintolearn .createlogin { width: 100%; margin-top: 0em; margin-bottom: 3em; float: none; } .page_wordlist .logintolearn { padding: 0; margin: 1em 0 } } @media only screen and (max-width: 400px) { .page_wordlist section.activities ul.applist li { width: 100%; max-width: 100%; min-width: 100%; } .page_wordlist section.activities ul.applist li blockquote { height: auto !important; } }