Submit
Path:
~
/
home
/
getwphos
/
public_html
/
jewel
/
multipurpose-theme
/
dist
/
css
/
File Content:
style.min.css
:root { --body-font: "DM Serif Display", serif; --font-size-base: 1.25rem; --font-size-12: 0.75rem; --font-size-14: 0.875rem; --font-size-16: 1rem; --font-size-17: 1.094rem; --font-size-18: 1.125rem; --font-size-20: 1.25rem; --font-size-22: 1.375rem; --font-size-24: 1.5rem; --font-size-25: 1.563rem; --font-size-27: 1.688rem; --font-size-32: 2rem; --font-size-35: 2.188rem; --font-size-36: 2.25rem; --font-size-38: 2.375rem; --font-size-50: 3.125rem; --font-size-64: 4rem; --font-size-80: 5rem; --line-height-body: 1.7; --line-height-heading: 1.3; --line-height-page-title: 1.1; --color-primary-default: #efaf33; --color-black: #000; --color-dark-gray: #c6c6c6; --color-gray: #39414d; --color-light-gray: #f0f0f0; --color-green: #d1e4dd; --color-blue: #d1dfe4; --color-purple: #d1d1e4; --color-red: #e4d1d1; --color-orange: #e4dad1; --color-white: #fff; --color-white-30: rgba(255, 255, 255, 0.3); --color-white-90: rgba(255, 255, 255, 0.9); --transition: all 250ms ease-out; --shadow: 2px 5px 20px rgba(0, 0, 0, 0.2); --color-background: #191919; --color-secondary-back: #cdb48c; --color-about-back: var(--color-about-back); --button--color-text: var(--color-background); --button--color-text-hover: var(--color-secondary); --button--color-text-active: var(--color-secondary); --button--color-background: var(--color-secondary); --button--color-background-active: var(--color-background); --button--font-size: --font-size-base; --button--font-weight: 500; --button--line-height: 1.5; --button--border-width: 3px; --button--border-radius: 0; --button--padding-vertical: 15px; --button--padding-horizontal: calc(2 * var(--button--padding-vertical)); } :root { --body-font: "DM Serif Display", serif; --font-size-base: 1.25rem; --font-size-12: 0.75rem; --font-size-14: 0.875rem; --font-size-16: 1rem; --font-size-17: 1.094rem; --font-size-18: 1.125rem; --font-size-20: 1.25rem; --font-size-22: 1.375rem; --font-size-24: 1.5rem; --font-size-25: 1.563rem; --font-size-27: 1.688rem; --font-size-32: 2rem; --font-size-35: 2.188rem; --font-size-36: 2.25rem; --font-size-38: 2.375rem; --font-size-50: 3.125rem; --font-size-64: 4rem; --font-size-80: 5rem; --line-height-body: 1.7; --line-height-heading: 1.3; --line-height-page-title: 1.1; --color-black: #000; --color-dark-gray: #999999; --color-gray: #39414d; --color-light-gray: #f0f0f0; --color-green: #d1e4dd; --color-blue: #d1dfe4; --color-purple: #d1d1e4; --color-red: #e4d1d1; --color-orange: #e4dad1; --color-yellow: #fced00; --color-white: #fff; --color-white-30: rgba(255, 255, 255, 0.3); --color-white-90: rgba(255, 255, 255, 0.9); --color-primary: #062a4a; --transition: all 250ms ease-out; --shadow: 2px 5px 20px rgba(0, 0, 0, 0.2); --color-background: #f0efee; --color-secondary-back: #cdb48c; --color-about-back: var(--color-about-back); --button--color-text: var(--color-background); --button--color-text-hover: var(--color-secondary); --button--color-text-active: var(--color-secondary); --button--color-background: var(--color-secondary); --button--color-background-active: var(--color-background); --button--font-size: --font-size-base; --button--font-weight: 500; --button--line-height: 1.5; --button--border-width: 3px; --button--border-radius: 0; --button--padding-vertical: 15px; --button--padding-horizontal: calc(2 * var(--button--padding-vertical)); } :root { --font-size-base: 1.25rem; --font-size-12: 0.75rem; --font-size-14: 0.875rem; --font-size-16: 1rem; --font-size-17: 1.094rem; --font-size-18: 1.125rem; --font-size-20: 1.25rem; --font-size-22: 1.375rem; --font-size-24: 1.5rem; --font-size-25: 1.563rem; --font-size-27: 1.688rem; --font-size-32: 2rem; --font-size-35: 2.188rem; --font-size-36: 2.25rem; --font-size-38: 2.375rem; --font-size-50: 3.125rem; --font-size-64: 4rem; --font-size-80: 5rem; --line-height-body: 1.7; --line-height-heading: 1.3; --line-height-page-title: 1.1; --color-black: #000; --color-dark-gray: #999999; --color-gray: #39414d; --color-light-gray: #f0f0f0; --color-green: #d1e4dd; --color-blue: #d1dfe4; --color-purple: #d1d1e4; --color-red: #e4d1d1; --color-orange: #e4dad1; --color-yellow: #fced00; --color-white: #fff; --color-white-30: rgba(255, 255, 255, 0.3); --color-white-90: rgba(255, 255, 255, 0.9); --color-primary: #062a4a; --transition: all 250ms ease-out; --shadow: 2px 5px 20px rgba(0, 0, 0, 0.2); --color-background: #191919; --color-secondary-back: #cdb48c; --color-about-back: var(--color-about-back); --button--color-text: var(--color-background); --button--color-text-hover: var(--color-secondary); --button--color-text-active: var(--color-secondary); --button--color-background: var(--color-secondary); --button--color-background-active: var(--color-background); --button--font-size: --font-size-base; --button--font-weight: 500; --button--line-height: 1.5; --button--border-width: 3px; --button--border-radius: 0; --button--padding-vertical: 15px; --button--padding-horizontal: calc(2 * var(--button--padding-vertical)); } * { -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0; padding: 0; } .alignfull, blockquote, sub, sup { position: relative; } a, abbr, acronym, address, applet, b, big, blockquote, body, caption, center, cite, code, dd, del, dfn, div, dl, dt, em, fieldset, font, form, h1, h2, h3, h4, h5, h6, html, i, iframe, ins, kbd, label, legend, li, object, ol, p, pre, q, s, samp, small, span, strike, strong, sub, sup, table, tbody, td, tfoot, th, thead, tr, tt, u, ul, var { background: 0 0; border: 0; margin: 0; outline: 0; padding: 0; vertical-align: baseline; } a img, table { border: none; } a:hover { color: #efaf33; outline: none; } ol, pre, ul { margin: 15px 0; } article, aside, details, figcaption, figure, footer, header, nav, section { display: block; } del { text-decoration: line-through; } table { border-collapse: collapse; border-spacing: 0; vertical-align: middle; width: 100%; } table th { border: 0; padding: 5px 7px; } table td { padding: 5px 10px; } img { height: auto; max-width: 100%; } .clearfix:after, .clearfix:before { content: " "; display: table; } .clearfix:after { clear: both; } .clear:after { clear: both; content: ""; display: block; } html { overflow-y: scroll !important; } h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: inherit; font-family: inherit; font-size: inherit; font-weight: inherit; font-style: inherit; line-height: inherit; letter-spacing: inherit; text-transform: inherit; } h1, h2, h3 { font-weight: 600; } a:hover, h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover, p a:hover { color: ec13; } h1 { font-size: 52px; line-height: 1em; } h2 { font-size: 40px; line-height: 1.25em; } h3 { font-size: var(--font-size-22); line-height: 1.21em; } h4 { color: #878787; font-size: var(--font-size-18); font-weight: 300; line-height: 1.77em; } h5 { font-size: var(--font-size-18); font-weight: 600; line-height: 1.18em; text-transform: uppercase; } h6 { font-size: var(--font-size-12); font-weight: 500; line-height: 1.33em; text-transform: uppercase; } a, p a { text-decoration: none; -webkit-transition: color 0.2s ease-out; transition: color 0.2s ease-out; } p { margin: 10px 0; } a { color: var(--color-primary); text-decoration: none; } a:hover { text-decoration: none; } input[type="submit"] { -webkit-appearance: none; } ol, ul { list-style-position: inside; } ol ol, ol ul, ul ol, ul ul { margin: 0; padding: 0 0 0 15px; } pre { padding: 15px; white-space: pre-wrap; word-wrap: break-word; } dt { font-size: 15px; font-weight: 700; margin-bottom: 10px; } dd { margin-bottom: 15px; } sub, sup { font-size: 75%; height: 0; line-height: 0; vertical-align: baseline; } sub { top: 0.5ex; } sup { bottom: 0.5ex; } table tbody tr, table thead tr { border: 1px solid #e1e1e1; } table tbody th { border-right: 1px solid #e1e1e1; } blockquote { display: inline-block; width: 100%; vertical-align: middle; -webkit-box-sizing: border-box; box-sizing: border-box; font-size: var(--font-size-18); font-weight: 300; line-height: 28px; margin: 10px 0; padding: 0; quotes: none; } blockquote > * { color: inherit; font-family: inherit; font-size: inherit; font-weight: inherit; font-style: inherit; line-height: inherit; letter-spacing: inherit; text-transform: inherit; margin: 0; } blockquote:after, blockquote:before { content: ""; } blockquote cite { font-style: normal; font-weight: 400; } ::-moz-selection { background: #000; color: var(--color-white); } ::selection { background: #000; color: var(--color-white); } ::-moz-selection { background: #000; color: var(--color-white); } .alignleft { float: left; margin: 0 20px 20px 0; } .alignright { float: right; margin: 0 0 20px 20px; } .aligncenter { display: block; margin: 10px auto; } .alignwide { clear: both; margin-left: auto; margin-right: auto; } @media only screen and (max-width: 1024px) { .alignwide { max-width: 100%; width: 100%; } } .alignfull { clear: both; left: -1rem; max-width: calc(100% + (2 * 1rem)); width: calc(100% + (2 * 1rem)); } @media only screen and (max-width: 1024px) { .alignfull { left: calc(-12.5% - 75px); margin-bottom: calc(2 * 1rem); margin-top: calc(2 * 1rem); max-width: calc(125% + 150px); width: calc(125% + 150px); } } .text-align-right { text-align: right; } .text-align-left { text-align: left; } .text-align-center { text-align: center; } .section-padding { padding: 60px 0; } .top-header { position: absolute; left: 0px; top: 0px; right: 0px; z-index: 100; display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; margin-right: auto; margin-left: auto; padding-right: 2%; padding-left: 2%; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: transparent; color: #fff; -webkit-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; } .logo { display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; z-index: 101; width: 12%; padding: 20px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-transition: letter-spacing 600ms ease; transition: letter-spacing 600ms ease; color: #fff; font-weight: 400; letter-spacing: 4px; padding: 0; } .logo h2 { margin-left: 20px; font-family: Lato, sans-serif; font-size: 28px; color: #ffffff; line-height: 32px; font-weight: 400; text-align: center; text-transform: lowercase; font-weight: bold; padding: 0; -webkit-transition: all 600ms ease; transition: all 600ms ease; letter-spacing: 4px; } .logo img { -webkit-filter: invert(100%); filter: invert(100%); } .nav { height: 7.2rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .menu-toggle { color: #fff; font-size: 2.2rem; position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); right: 2.5rem; cursor: pointer; z-index: 1500; } .uil-times { display: none; } .nav-list { list-style: none; position: fixed; top: 0; left: 0; width: 80%; height: 100vh; background-color: #004646; padding: 4.4rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: distribute; justify-content: space-around; z-index: 1250; -webkit-transform: translateX(-100%); transform: translateX(-100%); -webkit-transition: 0.5s; transition: 0.5s; } .nav:before { content: ""; position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; background-color: rgba(0, 70, 70, 0.5); z-index: 1000; opacity: 0; -webkit-transform: scale(0); transform: scale(0); -webkit-transition: opacity 0.5s; transition: opacity 0.5s; } .open .uil-times { display: block; } .open .uil-bars { display: none; } .open .nav-list { -webkit-transform: translateX(0); transform: translateX(0); } .open .nav:before { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } .nav-item { border-bottom: 2px solid rgba(255, 255, 255, 0.3); } .nav-item { margin: 0; border: none; } .nav-list li a { color: #fff; padding: 0; } .nav-link { font-size: 19px; font-family: "DM Serif Display", serif; display: block; margin-right: 12px; margin-left: 12px; -webkit-transition: all 600ms ease; transition: all 600ms ease; color: #ffffff; letter-spacing: 0px; text-decoration: none; line-height: 31px; } .nav-link:hover { color: #fe706b; letter-spacing: 1px; } .button-primary.large { padding: 15px 35px; border-style: solid; border-width: 2px; color: #ffffff; border-color: #fe706b; background-color: #fe706b; font-size: 20px; line-height: 22px; letter-spacing: 0px; text-transform: capitalize; background-clip: border-box; -webkit-transition: background-color 350ms ease, -webkit-transform 350ms ease; transition: background-color 350ms ease, -webkit-transform 350ms ease; transition: transform 350ms ease, background-color 350ms ease; transition: transform 350ms ease, background-color 350ms ease, -webkit-transform 350ms ease; } .button-primary.large:hover { background-color: rgba(254, 112, 107, 0); -webkit-transform: scale(0.93); transform: scale(0.93); color: #ffffff; outline: 0; } @media only screen and (max-width: 600px) { .nav-list li { padding: 15px 0; } .nav-list { display: block; } .top-header-right a { display: none; } .top-header-right { display: none; } .nav { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .logo { width: 30%; } } @media screen and (min-width: 900px) { .menu-toggle { display: none; } .nav { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .nav-list { position: initial; width: initial; height: initial; background-color: transparent; padding: 0; -webkit-box-pack: initial; -ms-flex-pack: initial; justify-content: initial; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-transform: initial; transform: initial; -webkit-transition: initial; transition: initial; } .nav-item { margin: 0; border: none; } .nav-item:last-child { margin-right: 0; } .active { position: relative; } .active:hover { content: ""; position: absolute; width: 100%; height: 100%; background-color: #fff; left: 0; bottom: -3px; } }
Submit
FILE
FOLDER
Name
Size
Permission
Action
lib
---
0755
style.min.css
15478 bytes
0644
N4ST4R_ID | Naxtarrr