File manager - Edit - /home/verseaumee/123click/contacts/css/main.css
Back
@import url('https://fonts.googleapis.com/css?family=Poppins'); body { font-family: 'Poppins', sans-serif; } .ui.toggle.checkbox label { color: #fff; } .form .field { margin-bottom: 10px !important; } .document { background: #C0392B; } .doc { padding-left: 8px; } .doc i { color: #fff; font-size: 2.2em; } /* Header */ .main-header { padding: 0; letter-spacing: -1px; text-align: center; color: #fff; } .main-header h1 { font-weight: 800; font-size: 3.5em; line-height: 1; margin: 0; text-rendering: geometricPrecision; } .main-header h1 span { display: block; font-size: 35%; letter-spacing: 1px; text-rendering: geometricPrecision; padding-top: 0.75em; color: #ddd; } .main-header img { width: 150px; } @media screen and (max-width: 480px) { .main-header img { width: 80px; } .main-header h1 { font-size: 2em; } } /* Customizer */ .customizer { background: #444; position: fixed; top: 50%; left: 0; max-height: 100%; z-index: 10000; padding: 15px 10px; border-radius: 0 5px 5px 0; -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0); } .color-tool { list-style: none; margin: 0; padding: 0; display: -webkit-flex; display: flex; -webkit-flex-direction: column; flex-direction: column; } .color-tool li { width: 30px; height: 30px; display: block; margin: 5px; cursor: pointer; } .color-tool li a { display: block; width: 100%; height: 100%; } .color-1 { background: #FFF; } .color-2 { background: #FFF; } .color-3 { background: #FFF; } .color-4 { background: #FFF; } .color-5 { background: #FFF; } .color-6 { background: #FFF; } .color-7 { background: #FFF; } .color-8 { background: #FFF; } @media screen and (max-width: 50em) { .customizer { bottom: 0; width: 100%; height: 100px; padding: 30px 0; -webkit-transform: none; transform: none; border-radius: 0; top: 80%; } .color-tool { -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-justify-content: center; justify-content: center; } .color-tool li { margin: 3px; } } .input-container { text-align: left; max-width: 650px; margin: 0 auto; } .input-container--indent { padding-left: 160px; } .input-container--space { margin-top: 1em; } .input-label { font-weight: bold; display: inline-block; line-height: 80px; height: 60px; width: 150px; padding: 0 1em 0 0; text-align: right; color: #FF75AF; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } #isim { font-weight: bold; } .input-label--long { float: left; width: calc(100% - 50px); text-align: left; padding: 0 0 1em 1em; } .input-wrap { position: relative; margin: 0 auto 1em; display: inline-block; vertical-align: top; width: 100%; height: 80px; } .input-wrap--small { width: 30px; height: 30px; float: left; margin: 23px 10px 0; } .input-wrap input[type="search"] { display: block; width: 94.6%; height: 75%; border: none; position: relative; background: none; z-index: 100; outline: none; font-size: 1.5em; font-weight: bold; color: #aaa; padding: 0 0.75em; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-tap-highlight-color: transparent; /* For some Androids */ } .input-wrap input[type="text"] { display: block; width: 94.6%; height: 75%; border: none; position: relative; background: none; z-index: 100; outline: none; font-size: 1.5em; font-weight: bold; color: #aaa; left: 2.7%; top: 12.5%; padding: 0 0.75em; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-tap-highlight-color: transparent; /* For some Androids */ } .input-wrap input[type="checkbox"], .input-wrap input[type="radio"], .input-wrap .fa { display: block; width: 94.6%; height: 75%; border: none; position: relative; background: none; z-index: 100; outline: none; font-size: 1.5em; font-weight: bold; color: #FF75AF; padding: 20px 25px !important; -webkit-tap-highlight-color: #FF75AF; -webkit-tap-highlight-color: transparent; /* For some Androids */ } .input-wrap .fa { z-index: 99; line-height: 2; color: #415c71; } .input-wrap input[type="checkbox"]:checked + .fa, .input-wrap input[type="radio"]:checked + .fa { opacity: 1; } .morph-shape { position: absolute; width: 100%; height: 100%; top: 0; left: 0; pointer-events: none; } .morph-shape svg path { fill: #FFE066; } .note { text-align: left; max-width: 600px; padding: 1em 0 0.5em; font-size: 1em; color: #CBCBCB; border-bottom: 1px solid #ddd; margin: 0 auto 1em; } @media screen and (max-width: 60em) { .input-label, .input-label--long { text-align: left; padding: 0; } .input-container--indent { padding: 0; } .input-wrap:not(.input-wrap--small) { width: 100%; } } .twitter-typeahead { width: 100% !important; margin-left: 15px; margin-top: 10px; height: 80px; } .typeahead, .tt-query, .tt-hint { height: 80px; } .typeahead { } /* all */ ::-webkit-input-placeholder { word-spacing: normal; } ::-moz-placeholder { word-spacing: normal; } /* firefox 19+ */ :-ms-input-placeholder { word-spacing: normal; } /* ie */ input:-moz-placeholder { word-spacing: normal; } .tt-input { } .typeahead:focus { border: 2px solid #0097cf; } .tt-query { -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); } .tt-hint { color: #C0392B !important; } .tt-menu { width: 94.5%; margin-top: -3px; background-color: #C0392B; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .2); -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, .2); box-shadow: 0 5px 10px rgba(0, 0, 0, .2); } .tt-suggestion { padding: 3px 20px; font-size: 18px; line-height: 24px; } .tt-suggestion:hover { cursor: pointer; color: #000 !important; background-color: #ce5a4e; } .tt-suggestion.tt-cursor { color: #fff; background-color: #0097cf; } .tt-suggestion p { margin: 0; } .gist { font-size: 33px; } /* example specific styles */ /* ----------------------- */ #custom-templates .empty-message { padding: 10px 10px !important; text-align: center; } .empty-message { padding: 10px 10px !important; text-align: center; color: #fff; } #multiple-datasets .league-name { margin: 0 20px 5px 20px; padding: 3px 0; border-bottom: 1px solid #ccc; } #scrollable-dropdown-menu .tt-menu { max-height: 350px; overflow-y: auto; } #rtl-support .tt-menu { text-align: right; } .arrow_box4 { position: relative; border: 2px solid #fff; } .arrow_box4:after, .arrow_box4:before { bottom: 100%; left: 10%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } .arrow_box4:after { border-color: rgba(0, 0, 0, 0); border-bottom-color:; border-width: 12px; margin-left: -12px; } .arrow_box4:before { border-color: rgba(255, 255, 255, 0); border-bottom-color: #fff; border-width: 15px; margin-left: -15px; } .personimage { object-fit: cover; } .fff { width: 150px; height: auto; margin: 0 auto; text-align: center; object-fit: cover; } .md-birim { text-transform: capitalize; } .kisilist { text-transform: capitalize; margin: 0 !important; padding: 3px 0 !important; } .cleard { position: absolute; top: 0; right: 0; margin-top: 25px !important; margin-right: 25px !important; z-index: 999 !important; color: #C0392B; display: none; }
| ver. 1.4 |
Github
|
.
| PHP 8.5.7 | Generation time: 0 |
proxy
|
phpinfo
|
Settings