티스토리 수익 글 보기
@charset “UTF-8”;
/* media queries */
.screen-readers-only {
position: absolute;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0;
}
.group:after {
content: “”;
display: table;
clear: both;
}
/* nav style */
.nav-stacked > li {
border-top: 1px solid #808080 !important;
padding: 0 !important;
line-height: 1.2;
}
.nav-stacked > li:last-child {
border-bottom: 1px solid #808080 !important;
}
.nav-stacked > li > a {
padding: 7px 0 !important;
font-weight: normal !important;
display: block;
}
.nav-stacked > li.active > a {
font-weight: bold !important;
}
.nav-stacked > li > .list-group {
border: 1px solid red;
font-size: 11px;
display: none;
}
.nav-stacked .nav-stacked li {
border-color: transparent !important;
}
body {
font-size: 14px;
font-family: “Open Sans”, Arial, Helvetica, sans-serif;
line-height: 1.5;
color: #242424;
}
/* link style */
a {
color: #0076AD;
}
hr {
border-color: #808080;
}
/* heading style */
h1 {
font-family: “Roboto Slab”, Arial, Helvetica, sans-serif;
font-weight: 700;
font-size: 24px !important;
margin-bottom: 1rem !important;
line-height: 1.2;
}
h1.page-title {
font-size: 36px !important;
margin-top: 0;
margin-bottom: 2rem !important;
}
/* description */
#s-lg-guide-desc-container {
padding-bottom: 16px;
}
h2, h3, h4, h5, h6,
.h2, .h3, .h4, .h5, .h6 {
font-family: “Open Sans”, Arial, Helvetica, sans-serif;
font-weight: 700 !important;
line-height: 1.2;
color: #242424;
margin: 0 0 14px;
}
a h2, a h3, a h4, a h5, a h6,
a .h2, a .h3, a .h4, a .h5, a .h6 {
color: inherit !important;
}
h2, .h2 {
font-size: 21px;
}
h3, .h3 {
font-size: 20px;
margin: 0 0 10px;
}
h4, .h4 {
font-size: 14px;
margin: 0 0 7px;
}
h5, .h5 {
font-size: 14px;
margin: 0 0 7px;
}
h6, .h6 {
font-size: 14px;
margin: 0 0 7px;
}
/* mark style */
mark,
.marker {
background: #ff0;
color: #242424;
}
/* blockquote */
blockquote {
font-size: 14px;
}
/* special container */
.special-container {
margin: 0 0 20px;
}
.btn {
border-radius: 0 !important;
}
.btn-info,
.btn-primary {
color: #fff;
background-color: #0076AD !important;
border-color: #0076AD;
background-image: none;
}
.btn-info:hover, .btn-info:focus,
.btn-primary:hover,
.btn-primary:focus {
background-color: #0076AD;
border-color: #0076AD;
}
.btn-link {
color: #0076AD;
}
/* nested list */
.s-lg-link-list-5 ul {
list-style-type: disc;
}
.s-lg-link-list-5 ul li {
list-style-position: inside;
}
.s-lg-link-list-5 ul.dropdown-menu li {
list-style-position: outside;
}
/* box style h2 and etc */
.s-lib-box {
border-radius: 0;
box-shadow: none;
}
.s-lib-box .s-lib-box-title {
background-color: transparent;
border-bottom: none;
border-radius: 0;
font-family: “Roboto Slab”, Arial, Helvetica, sans-serif;
font-size: 20px;
padding: 0 0 5px;
margin-bottom: 18px;
text-transform: uppercase;
border-bottom: 1px solid #808080;
}
.s-lib-box.s-lib-box-std {
border: 0;
}
.s-lib-box-content {
padding: 0;
}
/* ask a lib box */
.ask-a-librarian-box {
background-color: #f5fcff;
border: 1px solid #bfbfbf;
padding: 10px;
}
.ask-a-librarian-title {
font-size: 18px;
font-weight: 700;
margin: 0 0 10px;
color: #242424;
}
.ask-a-librarian-logo-wrapper {
text-align: center;
padding: 6px 0 12px;
}
/* authorship box */
.authorship-box {
background-color: #f5fcff;
border: 1px solid #bfbfbf;
padding: 10px;
}
.authorship-box > h3 {
font-size: 14px;
margin: 18px 0 2px;
}
.authorship-box > ul {
list-style: none;
padding: 0;
}
.authorship-title {
font-size: 18px;
font-weight: 700;
margin: 0 0 10px;
color: #242424;
}
/*****
copied from admin
*****/
/* external link
.fa-external-link-alt:before {
content: “\f08e”;
}
.fa-external-link {
font-size: inherit !important;
color: inherit;
}
*/
/* help icon link */
.s-ui-helptip .btn-link {
padding: 0 6px;
line-height: inherit;
vertical-align: inherit;
font-size: inherit;
border: none;
}
/* sticky footer */
body {
display: flex;
flex-direction: column;
min-height: 100vh;
}
#s-lib-public-main,
body > #s-lg-side-nav-content {
flex: 1 1 0%;
}
/* fix for auto margin conflict with slickslider */
@media (max-width: 820px) {
#s-lib-public-main,
body > #s-lg-side-nav-content {
margin-left: 0;
margin-right: 0;
}
}
iframe[allowfullscreen] {
height: 550px;
}
#s-lg-tabs-container .nav-pills > li > a.s-lg-tab-top-link {
padding-right: 15px !important;
}
.ask-a-librarian-logo-container {
display: block;
text-align: center;
padding: 14px 0 10px;
}
.ask-a-librarian-logo-container > img {
width: 152px;
height: 63px;
}
/* footnote */
.footnote-number {
font-size: 100%;
top: auto;
position: static;
}
.footnote-number > a {
background-color: #0076AD;
color: white !important;
font-weight: bold;
padding: 0 4px;
margin-left: 1px;
}
.footnotes {
list-style-position: inside;
padding-left: 0;
}
.footnotes li {
margin-top: 10px;
margin-bottom: 10px;
position: relative;
}
.footnotes li:target {
background-color: #F6F6F6;
outline: 7px solid #F6F6F6;
}
#s-lib-footer-public {
background-color: #fff;
position: relative;
}
#s-lib-footer-public #s-lg-guide-header-attributes {
display: none;
}
#s-lib-footer-public #s-lg-guide-header-meta {
box-sizing: border-box;
width: 100%;
text-align: center;
position: absolute;
height: 30px;
right: 0;
bottom: -45px;
z-index: 5;
}
#s-lib-footer-public #s-lg-guide-header-meta #s-lib-footer-login-link {
float: none !important;
}
@media (min-width: 50.625em) {
#s-lib-footer-public #s-lg-guide-header-meta {
width: auto;
}
}
#s-lib-footer-public #s-lib-footer-brand,
#s-lib-footer-public #s-lib-footer-rights {
display: none;
}
#s-lg-guide-header-subjects .s-lg-small.bold,
#s-lg-guide-header-tags .s-lg-small.bold {
font-weight: normal;
font-size: 14px;
}
.loc-libguides-subject-container {
border-top: 1px solid #808080;
padding-top: 20px;
padding-bottom: 20px;
}
#s-lib-footer-login-link {
padding: 0;
display: block;
}
#s-lib-footer-login-link a {
color: #0076AD;
font-weight: bold;
}
.loc-libguides-footer-wrapper {
background-color: #F6F6F6;
position: relative;
padding-bottom: 32px;
}
.loc-libguides-footer-wrapper:before, .loc-libguides-footer-wrapper:after {
content: “”;
position: absolute;
width: 15px;
height: 100%;
background-color: #F6F6F6;
top: 0;
left: -15px;
}
.loc-libguides-footer-wrapper:after {
left: auto;
right: -15px;
}
.loc-libguides-footer-container {
background-color: #F6F6F6;
padding-top: 50px;
padding-bottom: 20px;
font-size: 13px;
color: #242424;
}
@media (min-width: 50.625em) {
.loc-libguides-footer-container {
padding-top: 20px;
}
}
@media (min-width: 50.625em) {
.loc-libguides-footer {
display: flex;
}
}
.loc-libguides-footer-left,
.loc-libguides-footer-right {
text-align: center;
}
@media (min-width: 50.625em) {
.loc-libguides-footer-left,
.loc-libguides-footer-right {
text-align: left;
width: 150px;
}
}
.loc-libguides-footer-center {
text-align: center;
}
@media (min-width: 50.625em) {
.loc-libguides-footer-center {
flex: 1;
}
}
.loc-libguides-footer-center > a {
display: inline-block;
line-height: 1;
}
.loc-libguides-footer-center > a:not(:first-child) {
padding-left: 10px;
padding-right: 10px;
margin-left: 0;
}
@media (min-width: 50.625em) {
.loc-libguides-footer-center > a:not(:first-child) {
padding-right: 0;
padding-left: 20px;
margin-left: 20px;
border-left: 1px solid #808080;
}
}
/* breadcrumb */
.breadcrumb {
margin-bottom: 30px !important;
font-weight: normal !important;
}
/* search */
.loc-lib-header-search {
float: none !important;
padding: 0 0 5px;
}
@media (min-width: 62em) {
.loc-lib-header-search {
padding: 0;
height: 0;
}
}
.loc-lib-header-search #s-lg-guide-search-box {
margin: 0;
}
@media (min-width: 62em) {
.loc-lib-header-search #s-lg-guide-search-box {
float: right;
margin-top: -70px;
}
}
/* header */
.loc-header-wrapper {
border-top: 4px solid #F05129;
margin: 0 -15px 15px;
}
.loc-header {
box-sizing: border-box;
overflow: hidden;
padding: 20px 15px 0;
margin: 0 auto;
}
@media (min-width: 48em) {
.loc-header {
padding: 20px 9px 0;
max-width: 768px;
}
}
@media (min-width: 62em) {
.loc-header {
padding: 20px 11px 0;
max-width: 992px;
}
}
@media (min-width: 75em) {
.loc-header {
padding: 20px 15px 0;
max-width: 1200px;
}
}
.loc-header > .logo-loc- {
clear: both;
}
.loc-header > .logo-loc- > a {
display: block;
padding: 0;
float: left;
}
.loc-header > .logo-loc- > a > span {
position: absolute;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0;
}
.loc-header > .logo-loc- > a > svg {
float: left;
max-width: 100%;
}
@media (max-width: 33.5em) {
.loc-header > .logo-loc- > a > svg {
width: 100%;
height: auto;
}
}
.logo-container {
display: flex;
}
.logo-loc > span,
.logo-research-guides > span {
position: absolute;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0;
}
.logo-loc > img,
.logo-research-guides > img {
max-width: 100%;
height: auto;
}
.logo-research-guides {
margin-left: 20px;
padding-left: 20px;
border-left: 1px solid #606060;
}
.logo-research-guides > img {
top: 50%;
margin-top: -10px;
position: relative;
}
@media (max-width: 29.99em) {
.logo-research-guides {
margin-left: 10px;
padding-left: 10px;
}
}
#s-lg-public-skiplink,
#s-la-public-skiplink,
#s-lc-public-skiplink {
top: calc(-100%);
background-color: #F6F6F6 !important;
color: #0076AD !important;
font-weight: bold !important;
}
#s-lg-public-skiplink:focus,
#s-la-public-skiplink:focus,
#s-lc-public-skiplink:focus {
top: 0;
}
/* these classes will be retired */
.image-align-left {
margin: 0 auto 25px;
height: auto;
display: block;
}
@media (min-width: 30em) {
.image-align-left {
width: 270px;
float: left;
margin: 0 14px 14px 0;
}
}
@media (min-width: 40.625em) {
.image-align-left {
width: 400px;
}
}
.image-align-right {
margin: 0 auto 25px;
height: auto;
display: block;
}
@media (min-width: 30em) {
.image-align-right {
width: 270px;
float: right;
margin: 0 0 14px 14px;
}
}
@media (min-width: 40.625em) {
.image-align-right {
width: 400px;
}
}
.image-align-center {
margin: 0 auto 20px;
height: auto;
display: block;
}
/* figure alignment */
.figure {
width: min-content;
margin: 0 auto 25px;
font-size: 12px;
text-align: center;
/* IE fallback */
}
.figure img {
max-width: calc(100vw – 50px);
margin: 0 auto;
}
@media (min-width: 30em) {
.figure img {
max-width: 75vw;
}
}
@media (min-width: 40.625em) {
.figure img {
max-width: 564px;
}
}
.figure figcaption {
margin-top: 8px;
font-size: 13px;
line-height: 1.4;
color: #242424;
text-align: left;
/* IE fallback */
}
.figure figcaption a {
color: #0076AD;
}
@media (min-width: 30em) {
.figure.align-left, .figure.align-right {
width: 270px;
float: left;
margin: 0 14px 14px 0;
}
.figure.align-left img, .figure.align-right img {
max-width: 100%;
}
}
@media (min-width: 40.625em) {
.figure.align-left, .figure.align-right {
width: 400px;
}
}
@media (min-width: 30em) {
.figure.align-right {
float: right;
margin: 0 0 14px 14px;
}
}
.figure.align-stretch {
width: auto;
}
.figure.align-stretch img {
max-width: calc(100vw – 50px);
margin: 0 auto;
}
@media (min-width: 30em) {
.figure.align-stretch img {
max-width: 100%;
}
}
@media (min-width: 40.625em) {
.figure.align-stretch img {
max-width: 100%;
}
}
figure {
margin: 0 auto 25px;
}
figcaption {
margin-top: 8px;
font-size: 13px;
line-height: 1.4;
color: #242424;
text-align: left;
/* IE fallback */
}
figcaption a {
color: #0076AD;
}
.slick-slider {
background-color: #F6F6F6;
margin: 0 !important;
padding: 10px 40px;
}
.slick-prev {
left: 13px !important;
height: 50px !important;
}
.slick-prev::before {
content: “” !important;
font-family: “fontAwesome” !important;
font-size: 48px !important;
}
.slick-next {
right: 13px !important;
height: 50px !important;
}
.slick-next::before {
content: “” !important;
font-family: “fontAwesome” !important;
font-size: 48px !important;
}
.slick-slide {
padding: 12px !important;
}
.slick-slide img {
margin: auto !important;
background-color: #242424 !important;
}
.s-lib-cpane-caption {
padding: 10px 0 0 !important;
}
.s-lib-cpane-caption h3 {
font-size: 13px !important;
font-weight: normal !important;
}
.s-lib-cpane-caption h3 a {
color: #242424 !important;
}
.s-lib-cpane-caption p {
display: none;
}
.s-lib-jqtabs {
border-radius: initial;
border-color: #bfbfbf;
padding: 0;
font-family: “Open Sans”, Arial, Helvetica, sans-serif !important;
font-size: 14px;
}
.s-lib-jqtabs .ui-widget-header {
background-image: none;
background-color: #f6f6f6;
border-radius: initial;
border-color: #bfbfbf;
border-top: none;
border-left: none;
border-right: none;
}
.s-lib-jqtabs .ui-tabs-nav {
padding: 9px 16px 0;
}
.s-lib-jqtabs li.ui-tabs-tab {
background-image: none;
background-color: #efefef;
border-color: #bfbfbf;
border-bottom: 1px solid #bfbfbf !important;
margin: 0 0.2em 1px 0;
margin: -1px -1px 0 0;
}
.s-lib-jqtabs li.ui-tabs-tab.ui-tabs-active {
background-color: #ffffff;
border-bottom-color: #fff !important;
}
.lib-scroll-top {
font-size: 12px !important;
bottom: 10px !important;
right: 10px !important;
z-index: 2;
}
.lib-scroll-top a {
display: block;
text-align: center;
color: #fff;
text-decoration: none;
background-color: #0078ae;
background-color: rgba(0, 120, 174, 0.85);
padding: 0 12px 0 10px;
}
.lib-scroll-top a span {
display: inline-block;
height: 40px;
line-height: 40px;
}
/* top level page */
.navbar {
border-radius: 0;
}
.navbar-default {
background-color: #F6F6F6;
border-color: #bfbfbf;
}
.top-level-page-header#s-lib-public-header {
padding: 0;
}
.pad-bottom-md {
padding-bottom: 14px;
}
.top-level-pages .panel-group .panel {
border-radius: 0;
box-shadow: none;
border-color: #bfbfbf;
}
.top-level-pages .panel-group .panel .panel-heading > a {
color: #242424;
position: relative;
display: block;
font-size: 16px;
}
.top-level-pages .panel-group .panel .panel-heading > a:focus {
outline: none;
}
.top-level-pages .panel-group .panel .panel-heading > a::before {
display: inline-block;
font-style: normal;
font-variant: normal;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
font-family: “fontAwesome”;
font-weight: 900;
content: “”;
color: #0076AD;
position: absolute;
top: 0;
left: 0;
}
.top-level-pages .panel-group .panel .panel-heading > a[aria-expanded=true]::before {
content: “”;
}
.top-level-pages .panel-group .panel .panel-heading > a.collapsed::before {
content: “”;
}
.top-level-pages .panel-group .panel .panel-heading > a .bold {
padding-left: 24px;
line-height: 22px;
}
.top-level-pages .panel-group .panel .panel-heading > a .badge {
margin-top: 2px;
}
.alert {
border-radius: 0;
}
.alert-info {
color: #242424;
background-color: #F6F6F6;
border-color: #bfbfbf;
}
.s-lib-public-side-header h2 {
color: #242424;
font-size: 18px;
border: none;
}
.s-lib-public-side-header .pad-bottom-sm {
padding-bottom: 0;
}
.s-lib-public-side-header + .txt.pad-top-sm {
margin-bottom: 14px;
}
.nav-pills > li.active > button,
.nav-pills > li.active > button:focus,
.nav-pills > li.active > button:hover,
.nav-pills > li.active > a,
.nav-pills > li.active > a:focus,
.nav-pills > li.active > a:hover {
background-color: #0076AD;
color: #fff;
border-radius: 0 !important;
}
.nav .s-lg-index-nav-btn > button {
color: #0076AD;
}
#s-lg-hp-nav {
border-radius: 0 !important;
}
#s-lg-hp-nav > ul,
#s-lg-hp-nav > ul > li,
#s-lg-hp-nav > ul > li .nav-pills .btn {
border-radius: 0 !important;
}
#s-lg-guide-list-controls {
overflow: hidden;
margin-bottom: 20px;
}
#s-lg-index-list {
margin-bottom: 25px;
}
.s-lib-box-er-course-list,
.s-lib-box-idx-blog-post-list,
.s-lib-box-idx-er-course-list,
.s-lib-box-idx-guide-list {
margin-bottom: -1px;
border-color: #bfbfbf;
}
.top-level-pages .s-lib-box-content {
padding: 10px;
display: flex;
flex-direction: column;
}
@media (min-width: 40.625em) {
.top-level-pages .s-lib-box-content {
flex-direction: row;
}
}
.top-level-pages .s-lib-box-content .s-lg-gmeta {
order: 2;
font-size: 13px;
}
.top-level-pages .s-lib-box-content .s-lg-gmeta .s-lib-color-lt-grey i {
display: none;
}
@media (min-width: 40.625em) {
.top-level-pages .s-lib-box-content .s-lg-gmeta .s-lib-color-lt-grey {
text-align: right;
}
}
.top-level-pages .s-lib-box-content .s-lg-gmeta .hitst {
width: 75px;
display: inline-block;
}
@media (min-width: 40.625em) {
.top-level-pages .s-lib-box-content .s-lg-gmeta .hitst {
text-align: right;
}
}
.top-level-pages .s-lib-box-content .s-lg-gtitle {
order: 1;
flex: 1;
}
.top-level-pages .s-lib-box-content .s-lg-gtitle .btn {
padding: 0;
}
/*# sourceMappingURL=libguide.css.map */