Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- /*
- TXT by HTML5 UP
- html5up.net | @n33co
- Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
- */
- /*********************************************************************************/
- /* Basic */
- /*********************************************************************************/
- h1, h2, h3, h4, h5, h6
- {
- margin: 0 0 0.5em 0;
- }
- h2
- {
- font-size: 1.65em;
- }
- h2.major
- {
- font-size: 1.65em;
- text-align: center;
- margin: 0 0 3em 0;
- }
- h2.major span
- {
- top: -0.775em;
- padding: 0 1.5em 0 1.5em;
- }
- h3
- {
- font-size: 1.25em;
- }
- h4
- {
- font-size: 1.25em;
- }
- /* Button */
- input[type="button"],
- input[type="submit"],
- input[type="reset"],
- .button
- {
- font-size: 1.25em;
- padding: 0.85em 1.85em;
- }
- input[type="button"].big,
- input[type="submit"].big,
- input[type="reset"].big,
- .button.big
- {
- font-size: 1.65em;
- padding: 0.85em 1.85em;
- }
- /* List */
- ul
- {
- }
- ul.actions
- {
- text-align: center;
- margin: 2em 0 0 0;
- }
- /* Box */
- .box
- {
- }
- .box.highlight
- {
- }
- .box.highlight .special
- {
- margin: 0 0 4em 0;
- }
- .box.highlight h2
- {
- font-size: 3em;
- margin: 0 0 0.75em 0;
- }
- .box.highlight header > p
- {
- font-size: 1.65em;
- margin: 0 0 1.5em 0;
- }
- .box.feature
- {
- text-align: center;
- }
- .box.post
- {
- }
- .box.post header
- {
- margin: 0 0 2.5em 0;
- }
- .box.post h3
- {
- font-size: 3em;
- margin: 0 0 0.5em 0;
- }
- .box.post header > p
- {
- font-size: 1.65em;
- margin: 0 0 0.5em 0;
- }
- .box.post ul.meta
- {
- margin: 0 0 0.5em 0;
- }
- .box.post-summary
- {
- }
- .box.post-summary h3
- {
- line-height: 1em;
- margin: 0 0 0.75em 0;
- }
- .box.post-summary .meta
- {
- margin: 0;
- line-height: 1em;
- }
- .box.page-content
- {
- }
- .box.page-content header
- {
- margin: 0 0 2.5em 0;
- }
- .box.page-content h2
- {
- font-size: 3em;
- margin: 0 0 0.5em 0;
- }
- .box.page-content header > p
- {
- font-size: 1.65em;
- margin: 0 0 0.5em 0;
- }
- .box.page-content ul.meta
- {
- margin: 0 0 0.5em 0;
- }
- /*********************************************************************************/
- /* Sidebar + Content */
- /*********************************************************************************/
- .sidebar
- {
- padding-top: 0.5em;
- }
- .homepage .sidebar
- {
- padding-top: 0;
- }
- .sidebar h2.major
- {
- text-align: left;
- margin: 0 0 1em 0;
- }
- .sidebar h2.major span
- {
- padding-left: 0;
- }
- .content
- {
- }
- .content-left
- {
- padding-right: 2em;
- }
- .content-right
- {
- padding-left: 2em;
- }
- /*********************************************************************************/
- /* Wrappers */
- /*********************************************************************************/
- #banner-wrapper
- {
- padding: 11em 0;
- }
- #main-wrapper
- {
- border-top-width: 35px;
- border-bottom-width: 10px;
- }
- /*********************************************************************************/
- /* Header */
- /*********************************************************************************/
- #header
- {
- text-align: center;
- font-size: 2em;
- font-family: 'Open Sans Condensed', sans-serif;
- font-weight: 700;
- text-transform: uppercase;
- padding: 5em 0 2em 0;
- background: #fff;
- margin: 0 auto;
- }
- #header .logo
- {
- position: relative;
- text-align: center;
- border-top: solid 5px #e7eae8;
- }
- #header .logo div
- {
- background: #fff;
- position: relative;
- display: inline-block;
- padding: 0 1.5em 0 1.5em;
- top: -0.65em;
- }
- #header .logo h1,
- #header .logo p
- {
- display: inline;
- }
- #header .logo p
- {
- color: #C1CAC5;
- }
- /*********************************************************************************/
- /* Nav */
- /*********************************************************************************/
- #nav
- {
- position: fixed;
- top: 0;
- left: 0;
- z-index: 1000;
- background-color: rgba(255,255,255,0.95);
- background-image: url('images/overlay.png');
- width: 100%;
- height: 3.25em;
- line-height: 3.25em;
- text-align: center;
- font-family: 'Open Sans Condensed', sans-serif;
- font-weight: 700;
- text-transform: uppercase;
- cursor: default;
- }
- #nav ul
- {
- position: relative;
- z-index: 1001;
- }
- #nav li
- {
- display: inline-block;
- margin: 0 0.5em 0 0.5em;
- top: 0;
- position: relative;
- -moz-transition: top .15s ease-in-out;
- -webkit-transition: top .15s ease-in-out;
- -o-transition: top .15s ease-in-out;
- -ms-transition: top .15s ease-in-out;
- transition: top .15s ease-in-out;
- }
- #nav li > ul
- {
- display: none;
- }
- #nav li a,
- #nav li span
- {
- position: relative;
- display: block;
- text-decoration: none;
- color: #6b7770;
- top: -6px;
- padding: 6px 1.5em 0.25em 1.5em;
- border-bottom-left-radius: 6px;
- border-bottom-right-radius: 6px;
- outline: 0;
- -moz-transition: background-color .075s ease-in-out, color .075s ease-in-out;
- -webkit-transition: background-color .075s ease-in-out, color .075s ease-in-out;
- -o-transition: background-color .075s ease-in-out, color .075s ease-in-out;
- -ms-transition: background-color .075s ease-in-out, color .075s ease-in-out;
- transition: background-color .075s ease-in-out, color .075s ease-in-out;
- }
- #nav li:hover,
- #nav li.active
- {
- top: 3px;
- }
- #nav li:hover a,
- #nav li:hover span,
- #nav li.active a,
- #nav li.active span
- {
- background: #C1CAC5;
- color: #fff;
- }
- #nav li.current
- {
- }
- #nav li.current a
- {
- background: #b1ddab;
- color: #fff;
- }
- .dropotron
- {
- background: #6B7770;
- color: #fff;
- border-radius: 6px;
- line-height: 2.75em;
- text-align: center;
- font-family: 'Open Sans Condensed', sans-serif;
- font-weight: 700;
- text-transform: uppercase;
- padding: 1em 0;
- text-align: left;
- min-width: 14em;
- margin-top: -1em;
- box-shadow: 0 1em 2em 0 rgba(0,0,0,0.1);
- }
- .dropotron li
- {
- }
- .dropotron li > a,
- .dropotron li > span
- {
- display: block;
- color: #D7DAD8;
- text-decoration: none;
- padding: 0 1.25em;
- }
- .dropotron li:hover > a,
- .dropotron li:hover > span,
- .dropotron li.active > a,
- .dropotron li.active > span
- {
- color: #fff;
- background: #7B8780;
- }
- .dropotron li:first-child
- {
- border-top: 0;
- }
- .dropotron.level-0
- {
- margin-top: 1em;
- font-size: 0.9em;
- }
- .dropotron.level-0:before
- {
- content: '';
- position: absolute;
- left: 50%;
- margin-left: -1em;
- top: -0.65em;
- border-bottom: solid 1em #6B7770;
- border-left: solid 1em transparent;
- border-right: solid 1em transparent;
- }
- /*********************************************************************************/
- /* Banner */
- /*********************************************************************************/
- #banner
- {
- padding: 4em 0 3.5em 0;
- }
- #banner h2
- {
- font-size: 2.75em;
- margin: 0 0 0.75em 0;
- }
- #banner p
- {
- font-size: 1.35em;
- margin: 0 0 1.25em 0;
- }
- #banner .button
- {
- font-size: 1.5em;
- }
- /*********************************************************************************/
- /* Main */
- /*********************************************************************************/
- #main
- {
- padding: 6em 0 6em 0;
- }
- /*********************************************************************************/
- /* Footer */
- /*********************************************************************************/
- #footer
- {
- text-align: center;
- padding: 8em 0 8em 0;
- }
- #footer h2.major
- {
- margin: 0 0 1em 0;
- }
- /*********************************************************************************/
- /* Copyright */
- /*********************************************************************************/
- #copyright
- {
- margin: 4em 0 0 0;
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement