---TEXTO---
Line 44: | Line 44: | ||
} | } | ||
− | /* Box Model */ | + | /* Box Model--------------------------------------------------------------------------------- */ |
+ | /* Type */ | ||
− | /* Post */ | + | |
+ | body, input, select, textarea { | ||
+ | color: #646464; | ||
+ | font-family: "Source Sans Pro", Helvetica, sans-serif; | ||
+ | font-size: 14pt; | ||
+ | font-weight: 400; | ||
+ | line-height: 1.75; | ||
+ | } | ||
+ | |||
+ | |||
+ | a { | ||
+ | -moz-transition: color 0.2s ease, border-bottom-color 0.2s ease; | ||
+ | -webkit-transition: color 0.2s ease, border-bottom-color 0.2s ease; | ||
+ | -ms-transition: color 0.2s ease, border-bottom-color 0.2s ease; | ||
+ | transition: color 0.2s ease, border-bottom-color 0.2s ease; | ||
+ | border-bottom: dotted 1px rgba(160, 160, 160, 0.65); | ||
+ | color: inherit; | ||
+ | text-decoration: none; | ||
+ | } | ||
+ | |||
+ | a:before { | ||
+ | -moz-transition: color 0.2s ease; | ||
+ | -webkit-transition: color 0.2s ease; | ||
+ | -ms-transition: color 0.2s ease; | ||
+ | transition: color 0.2s ease; | ||
+ | } | ||
+ | |||
+ | a:hover { | ||
+ | border-bottom-color: transparent; | ||
+ | color: #2ebaae !important; | ||
+ | } | ||
+ | |||
+ | a:hover:before { | ||
+ | color: #2ebaae !important; | ||
+ | } | ||
+ | |||
+ | strong, b { | ||
+ | color: #3c3b3b; | ||
+ | font-weight: 700; | ||
+ | } | ||
+ | |||
+ | em, i { | ||
+ | font-style: italic; | ||
+ | } | ||
+ | |||
+ | p { | ||
+ | margin: 0 0 2em 0; | ||
+ | } | ||
+ | |||
+ | h1, h2, h3, h4, h5, h6 { | ||
+ | color: #3c3b3b; | ||
+ | font-family: "Raleway", Helvetica, sans-serif; | ||
+ | font-weight: 800; | ||
+ | letter-spacing: 0.25em; | ||
+ | line-height: 1.65; | ||
+ | margin: 0 0 1em 0; | ||
+ | text-transform: uppercase; | ||
+ | } | ||
+ | |||
+ | h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { | ||
+ | color: inherit; | ||
+ | border-bottom: 0; | ||
+ | } | ||
+ | |||
+ | h2 { | ||
+ | font-size: 1.1em; | ||
+ | } | ||
+ | |||
+ | h3 { | ||
+ | font-size: 0.9em; | ||
+ | } | ||
+ | |||
+ | h4 { | ||
+ | font-size: 0.7em; | ||
+ | } | ||
+ | |||
+ | h5 { | ||
+ | font-size: 0.7em; | ||
+ | } | ||
+ | |||
+ | h6 { | ||
+ | font-size: 0.7em; | ||
+ | } | ||
+ | |||
+ | sub { | ||
+ | font-size: 0.8em; | ||
+ | position: relative; | ||
+ | top: 0.5em; | ||
+ | } | ||
+ | |||
+ | sup { | ||
+ | font-size: 0.8em; | ||
+ | position: relative; | ||
+ | top: -0.5em; | ||
+ | } | ||
+ | |||
+ | blockquote { | ||
+ | border-left: solid 4px rgba(160, 160, 160, 0.3); | ||
+ | font-style: italic; | ||
+ | margin: 0 0 2em 0; | ||
+ | padding: 0.5em 0 0.5em 2em; | ||
+ | } | ||
+ | |||
+ | pre { | ||
+ | -webkit-overflow-scrolling: touch; | ||
+ | font-family: "Courier New", monospace; | ||
+ | font-size: 0.9em; | ||
+ | margin: 0 0 2em 0; | ||
+ | } | ||
+ | |||
+ | pre code { | ||
+ | display: block; | ||
+ | line-height: 1.75em; | ||
+ | padding: 1em 1.5em; | ||
+ | overflow-x: auto; | ||
+ | } | ||
+ | |||
+ | hr { | ||
+ | border: 0; | ||
+ | border-bottom: solid 1px rgba(160, 160, 160, 0.3); | ||
+ | margin: 2em 0; | ||
+ | } | ||
+ | |||
+ | hr.major { | ||
+ | margin: 3em 0; | ||
+ | } | ||
+ | |||
+ | .align-left { | ||
+ | text-align: left; | ||
+ | } | ||
+ | |||
+ | .align-center { | ||
+ | text-align: center; | ||
+ | } | ||
+ | |||
+ | .align-right { | ||
+ | text-align: right; | ||
+ | } | ||
+ | @media screen and (max-width: 1680px) { | ||
+ | |||
+ | body, input, select, textarea { | ||
+ | font-size: 12pt; | ||
+ | } | ||
+ | |||
+ | } | ||
+ | |||
+ | @media screen and (max-width: 1280px) { | ||
+ | |||
+ | body, input, select, textarea { | ||
+ | font-size: 12pt; | ||
+ | } | ||
+ | |||
+ | } | ||
+ | |||
+ | @media screen and (max-width: 980px) { | ||
+ | |||
+ | body, input, select, textarea { | ||
+ | font-size: 12pt; | ||
+ | } | ||
+ | |||
+ | } | ||
+ | |||
+ | @media screen and (max-width: 736px) { | ||
+ | |||
+ | body, input, select, textarea { | ||
+ | font-size: 12pt; | ||
+ | } | ||
+ | |||
+ | } | ||
+ | |||
+ | @media screen and (max-width: 480px) { | ||
+ | |||
+ | body, input, select, textarea { | ||
+ | font-size: 12pt; | ||
+ | } | ||
+ | |||
+ | } | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | /* Blurb */ | ||
+ | |||
+ | .blurb h2 { | ||
+ | font-size: 0.8em; | ||
+ | margin: 0 0 1.5em 0; | ||
+ | } | ||
+ | |||
+ | .blurb h3 { | ||
+ | font-size: 0.7em; | ||
+ | } | ||
+ | |||
+ | .blurb p { | ||
+ | font-size: 0.9em; | ||
+ | } | ||
+ | |||
+ | |||
+ | /* List */ | ||
+ | |||
+ | ol { | ||
+ | list-style: decimal; | ||
+ | margin: 0 0 2em 0; | ||
+ | padding-left: 1.25em; | ||
+ | } | ||
+ | |||
+ | ol li { | ||
+ | padding-left: 0.25em; | ||
+ | } | ||
+ | |||
+ | ul { | ||
+ | list-style: disc; | ||
+ | margin: 0 0 2em 0; | ||
+ | padding-left: 1em; | ||
+ | } | ||
+ | |||
+ | ul li { | ||
+ | padding-left: 0.5em; | ||
+ | } | ||
+ | |||
+ | ul.alt { | ||
+ | list-style: none; | ||
+ | padding-left: 0; | ||
+ | } | ||
+ | |||
+ | ul.alt li { | ||
+ | border-top: solid 1px rgba(160, 160, 160, 0.3); | ||
+ | padding: 0.5em 0; | ||
+ | } | ||
+ | |||
+ | ul.alt li:first-child { | ||
+ | border-top: 0; | ||
+ | padding-top: 0; | ||
+ | } | ||
+ | |||
+ | ul.icons { | ||
+ | cursor: default; | ||
+ | list-style: none; | ||
+ | padding-left: 0; | ||
+ | } | ||
+ | |||
+ | ul.icons li { | ||
+ | display: inline-block; | ||
+ | padding: 0 1em 0 0; | ||
+ | } | ||
+ | |||
+ | ul.icons li:last-child { | ||
+ | padding-right: 0; | ||
+ | } | ||
+ | |||
+ | ul.icons li > * { | ||
+ | text-decoration: none; | ||
+ | border: 0; | ||
+ | } | ||
+ | |||
+ | ul.icons li > *:before { | ||
+ | -moz-osx-font-smoothing: grayscale; | ||
+ | -webkit-font-smoothing: antialiased; | ||
+ | font-family: FontAwesome; | ||
+ | font-style: normal; | ||
+ | font-weight: normal; | ||
+ | text-transform: none !important; | ||
+ | } | ||
+ | |||
+ | ul.icons li > * .label { | ||
+ | display: none; | ||
+ | } | ||
+ | |||
+ | ul.actions { | ||
+ | cursor: default; | ||
+ | list-style: none; | ||
+ | padding-left: 0; | ||
+ | } | ||
+ | |||
+ | ul.actions li { | ||
+ | display: inline-block; | ||
+ | padding: 0 1.5em 0 0; | ||
+ | vertical-align: middle; | ||
+ | } | ||
+ | |||
+ | ul.actions li:last-child { | ||
+ | padding-right: 0; | ||
+ | } | ||
+ | |||
+ | ul.actions.pagination .next { | ||
+ | text-decoration: none; | ||
+ | } | ||
+ | |||
+ | ul.actions.pagination .next:after { | ||
+ | content: ""; | ||
+ | -moz-osx-font-smoothing: grayscale; | ||
+ | -webkit-font-smoothing: antialiased; | ||
+ | font-family: FontAwesome; | ||
+ | font-style: normal; | ||
+ | font-weight: normal; | ||
+ | text-transform: none !important; | ||
+ | } | ||
+ | |||
+ | ul.actions.pagination .next:after { | ||
+ | content: '\f054'; | ||
+ | } | ||
+ | |||
+ | ul.actions.pagination .previous { | ||
+ | text-decoration: none; | ||
+ | } | ||
+ | |||
+ | ul.actions.pagination .previous:before { | ||
+ | content: ""; | ||
+ | -moz-osx-font-smoothing: grayscale; | ||
+ | -webkit-font-smoothing: antialiased; | ||
+ | font-family: FontAwesome; | ||
+ | font-style: normal; | ||
+ | font-weight: normal; | ||
+ | text-transform: none !important; | ||
+ | } | ||
+ | |||
+ | ul.actions.pagination .previous:before { | ||
+ | content: '\f053'; | ||
+ | } | ||
+ | |||
+ | @media screen and (max-width: 1280px) { | ||
+ | |||
+ | ul.actions.pagination { | ||
+ | text-align: center; | ||
+ | } | ||
+ | |||
+ | ul.actions.pagination .next, ul.actions.pagination .previous { | ||
+ | min-width: 20em; | ||
+ | } | ||
+ | |||
+ | } | ||
+ | |||
+ | @media screen and (max-width: 736px) { | ||
+ | |||
+ | ul.actions.pagination .next, ul.actions.pagination .previous { | ||
+ | min-width: 18em; | ||
+ | } | ||
+ | |||
+ | } | ||
+ | |||
+ | ul.actions.small li { | ||
+ | padding: 0 1em 0 0; | ||
+ | } | ||
+ | |||
+ | ul.actions.vertical li { | ||
+ | display: block; | ||
+ | padding: 1.5em 0 0 0; | ||
+ | } | ||
+ | |||
+ | ul.actions.vertical li:first-child { | ||
+ | padding-top: 0; | ||
+ | } | ||
+ | |||
+ | ul.actions.vertical li > * { | ||
+ | margin-bottom: 0; | ||
+ | } | ||
+ | |||
+ | ul.actions.vertical.small li { | ||
+ | padding: 1em 0 0 0; | ||
+ | } | ||
+ | |||
+ | ul.actions.vertical.small li:first-child { | ||
+ | padding-top: 0; | ||
+ | } | ||
+ | |||
+ | ul.actions.fit { | ||
+ | display: table; | ||
+ | margin-left: -1em; | ||
+ | padding: 0; | ||
+ | table-layout: fixed; | ||
+ | width: calc(100% + 1em); | ||
+ | } | ||
+ | |||
+ | ul.actions.fit li { | ||
+ | display: table-cell; | ||
+ | padding: 0 0 0 1em; | ||
+ | } | ||
+ | |||
+ | ul.actions.fit li > * { | ||
+ | margin-bottom: 0; | ||
+ | } | ||
+ | |||
+ | ul.actions.fit.small { | ||
+ | margin-left: -0.5em; | ||
+ | width: calc(100% + 0.5em); | ||
+ | } | ||
+ | |||
+ | ul.actions.fit.small li { | ||
+ | padding: 0 0 0 0.5em; | ||
+ | } | ||
+ | |||
+ | @media screen and (max-width: 480px) { | ||
+ | |||
+ | ul.actions { | ||
+ | margin: 0 0 2em 0; | ||
+ | } | ||
+ | |||
+ | ul.actions li { | ||
+ | padding: 1em 0 0 0; | ||
+ | display: block; | ||
+ | text-align: center; | ||
+ | width: 100%; | ||
+ | } | ||
+ | |||
+ | ul.actions li:first-child { | ||
+ | padding-top: 0; | ||
+ | } | ||
+ | |||
+ | ul.actions li > * { | ||
+ | width: 100%; | ||
+ | margin: 0 !important; | ||
+ | } | ||
+ | |||
+ | ul.actions.small li { | ||
+ | padding: 0.5em 0 0 0; | ||
+ | } | ||
+ | |||
+ | ul.actions.small li:first-child { | ||
+ | padding-top: 0; | ||
+ | } | ||
+ | |||
+ | } | ||
+ | |||
+ | |||
+ | dl { | ||
+ | margin: 0 0 2em 0; | ||
+ | } | ||
+ | |||
+ | dl dt { | ||
+ | display: block; | ||
+ | font-weight: 700; | ||
+ | margin: 0 0 1em 0; | ||
+ | } | ||
+ | |||
+ | dl dd { | ||
+ | margin-left: 2em; | ||
+ | } | ||
+ | |||
+ | |||
+ | |||
+ | /* Post-------------------------------------------------------------------------------------------- */ | ||
.post { | .post { |
Revision as of 09:38, 19 October 2016