mirror of
https://github.com/ikechan8370/chatgpt-plugin.git
synced 2025-12-16 21:37:11 +00:00
429 lines
6.7 KiB
CSS
429 lines
6.7 KiB
CSS
@charset "UTF-8";
|
|
/*-----------------------------------------------------------------------------------
|
|
|
|
Template Name: Aiden - Creative Portfolio HTML5 Template
|
|
Template URI: site.com
|
|
Description: Aiden - Creative Portfolio HTML5 Template
|
|
Author: Rs_Theme
|
|
Version: 1.0
|
|
|
|
-----------------------------------------------------------------------------------
|
|
|
|
CSS INDEX
|
|
===================
|
|
01. Theme default css
|
|
02. header css
|
|
03. Navigation css
|
|
04. hero css
|
|
05. about css
|
|
06. service css
|
|
07. work CSS
|
|
08. testimonial css
|
|
09. brand css
|
|
10. blog css
|
|
11. contact css
|
|
12. breadcrumb css
|
|
13. cta css
|
|
14. contact-page css
|
|
15. blog-page css
|
|
16. footer css
|
|
|
|
-----------------------------------------------------------------------------------*/
|
|
/* reset css start */
|
|
@import url("644b614f82934cd2a7833c108ceb941b.css");
|
|
@import url("a0020bf6401d4e99884e2be5f5402f24.css");
|
|
html {
|
|
scroll-behavior: smooth;
|
|
}
|
|
|
|
body {
|
|
font-family: "Microsoft YaHei", "微软雅黑", "Josefin Sans", sans-serif;
|
|
font-size: 18px;
|
|
padding: 0;
|
|
margin: 0;
|
|
font-weight: 400;
|
|
position: relative;
|
|
line-height: 26px;
|
|
background: #f5feff;
|
|
}
|
|
|
|
img {
|
|
max-width: 100%;
|
|
height: auto;
|
|
}
|
|
|
|
ul, ol {
|
|
padding: 0;
|
|
margin: 0;
|
|
list-style: none;
|
|
}
|
|
|
|
button {
|
|
cursor: pointer;
|
|
}
|
|
|
|
*:focus {
|
|
outline: none;
|
|
}
|
|
|
|
button {
|
|
border: none;
|
|
-webkit-transition: 0.3s;
|
|
-o-transition: 0.3s;
|
|
transition: 0.3s;
|
|
}
|
|
|
|
button:focus {
|
|
outline: none;
|
|
}
|
|
|
|
a {
|
|
-webkit-transition: 0.3s;
|
|
-o-transition: 0.3s;
|
|
transition: 0.3s;
|
|
}
|
|
a:hover {
|
|
text-decoration: none;
|
|
color: #242B58;
|
|
}
|
|
|
|
table {
|
|
width: 100%;
|
|
}
|
|
|
|
p, li, span {
|
|
color: #242B58;
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
/* reset css end */
|
|
/* global css start */
|
|
|
|
/* global css end */
|
|
|
|
.height-50 {
|
|
height: 40px;
|
|
display: block;
|
|
}
|
|
|
|
.pt-232 {
|
|
padding-top: 232px;
|
|
}
|
|
|
|
.section-heading {
|
|
position: relative;
|
|
}
|
|
.section-heading h2 {
|
|
font-size: 42px;
|
|
line-height: 51px;
|
|
display: inline-block;
|
|
position: relative;
|
|
padding-right: 15px;
|
|
color: rgb(255 115 0 / 25%);
|
|
text-transform: uppercase;
|
|
}
|
|
@media (max-width: 767px) {
|
|
.section-heading h2 {
|
|
font-size: 36px;
|
|
line-height: 45px;
|
|
}
|
|
}
|
|
@media only screen and (min-width: 576px) and (max-width: 767px) {
|
|
.section-heading h2 {
|
|
font-size: 42px;
|
|
line-height: 51px;
|
|
}
|
|
}
|
|
.section-heading h2::after {
|
|
width: 160px;
|
|
height: 100px;
|
|
right: 0px;
|
|
content: "";
|
|
position: absolute;
|
|
bottom: 0px;
|
|
background: #b8dee094;
|
|
z-index: -1;
|
|
}
|
|
|
|
/*--
|
|
- Margin & Padding
|
|
-----------------------------------------*/
|
|
/*-- Margin Top --*/
|
|
|
|
/*-- Margin Top --*/
|
|
|
|
.mt-175 {
|
|
margin-top: 175px;
|
|
}
|
|
|
|
/*-- Margin Bottom --*/
|
|
|
|
/*-- Margin Left --*/
|
|
|
|
/*-- Margin Right --*/
|
|
|
|
/*-- Padding Top --*/
|
|
|
|
/*-- Padding Bottom --*/
|
|
|
|
/*-- Padding Left --*/
|
|
|
|
/*-- Padding Right --*/
|
|
|
|
/* typography css start */
|
|
h1, h2, h3, h4, h5, h6 {
|
|
font-weight: 700;
|
|
color: #242B58;
|
|
margin: 0;
|
|
line-height: 1.4;
|
|
font-family: "Microsoft YaHei", "微软雅黑", "Josefin Sans", sans-serif;
|
|
}
|
|
|
|
h2 {
|
|
font-size: 32px;
|
|
}
|
|
|
|
h3 {
|
|
font-size: 22px;
|
|
}
|
|
|
|
h4 {
|
|
font-size: 20px;
|
|
}
|
|
|
|
h5 {
|
|
font-size: 18px;
|
|
}
|
|
|
|
h6 {
|
|
font-size: 16px;
|
|
}
|
|
|
|
/* typography css end */
|
|
/*--
|
|
- Overlay
|
|
------------------------------------------*/
|
|
|
|
/*-- Overlay Color --*/
|
|
|
|
/*-- Overlay Opacity --*/
|
|
|
|
/* Heder css start*/
|
|
.site-header {
|
|
margin-top: 15px;
|
|
padding: 25px 0px;
|
|
position: absolute;
|
|
width: 100%;
|
|
z-index: 2;
|
|
}
|
|
|
|
/* Navigation css */
|
|
|
|
/* form css start */
|
|
label {
|
|
font-size: fsize("14px");
|
|
}
|
|
|
|
input:not([type=radio]),
|
|
textarea {
|
|
padding: 10px 20px;
|
|
border-radius: 5px;
|
|
-webkit-border-radius: 5px;
|
|
-moz-border-radius: 5px;
|
|
-ms-border-radius: 5px;
|
|
-o-border-radius: 5px;
|
|
background-color: transparent;
|
|
font-size: fsize("14px") !important;
|
|
}
|
|
input:not([type=radio])::-webkit-input-placeholder,
|
|
textarea::-webkit-input-placeholder {
|
|
color: #c9c9c9 !important;
|
|
opacity: 1;
|
|
}
|
|
input:not([type=radio])::-moz-placeholder,
|
|
textarea::-moz-placeholder {
|
|
color: #c9c9c9 !important;
|
|
opacity: 1;
|
|
}
|
|
input:not([type=radio]):-ms-input-placeholder,
|
|
textarea:-ms-input-placeholder {
|
|
color: #c9c9c9 !important;
|
|
opacity: 1;
|
|
}
|
|
input:not([type=radio]):-moz-placeholder,
|
|
textarea:-moz-placeholder {
|
|
color: #c9c9c9 !important;
|
|
opacity: 1;
|
|
}
|
|
|
|
select {
|
|
padding: 8px 10px;
|
|
cursor: pointer;
|
|
color: #242B58;
|
|
background-color: transparent;
|
|
border-radius: 0;
|
|
-webkit-border-radius: 0;
|
|
-moz-border-radius: 0;
|
|
-ms-border-radius: 0;
|
|
-o-border-radius: 0;
|
|
}
|
|
|
|
textarea {
|
|
min-height: 100px;
|
|
width: 100%;
|
|
}
|
|
|
|
input[type=radio],
|
|
input[type=range],
|
|
input[type=checkbox] {
|
|
height: auto !important;
|
|
padding: 0;
|
|
}
|
|
|
|
/* form css end */
|
|
/* hero area css*/
|
|
|
|
.hero-content {
|
|
position: relative;
|
|
margin-top: 30px;
|
|
margin-bottom: 25px;
|
|
}
|
|
.hero-content h4 {
|
|
position: relative;
|
|
font-size: 24px;
|
|
font-weight: 600;
|
|
color: #12152f;
|
|
padding-left: 65px;
|
|
line-height: 29px;
|
|
}
|
|
@media (max-width: 1199px) {
|
|
.hero-content h4 {
|
|
font-size: 18px;
|
|
line-height: 23px;
|
|
}
|
|
}
|
|
@media (max-width: 767px) {
|
|
.hero-content h4 {
|
|
font-size: 16px;
|
|
line-height: 21px;
|
|
}
|
|
}
|
|
.hero-content h4::after {
|
|
width: 50px;
|
|
height: 2px;
|
|
background: #5beeb1;
|
|
left: 0px;
|
|
top: 50%;
|
|
-webkit-transition: translateY(-50%);
|
|
-o-transition: translateY(-50%);
|
|
transition: translateY(-50%);
|
|
content: "";
|
|
position: absolute;
|
|
}
|
|
.hero-content h1 {
|
|
margin-top: 20px;
|
|
font-size: 82px;
|
|
line-height: 99px;
|
|
font-weight: 700;
|
|
color: #ffffff;
|
|
margin-bottom: 30px;
|
|
position: relative;
|
|
z-index: 2;
|
|
}
|
|
@media (max-width: 1650px) {
|
|
.hero-content h1 {
|
|
font-size: 70px;
|
|
line-height: 87px;
|
|
}
|
|
}
|
|
@media (max-width: 1199px) {
|
|
.hero-content h1 {
|
|
font-size: 45px;
|
|
line-height: 62px;
|
|
}
|
|
}
|
|
@media (max-width: 767px) {
|
|
.hero-content h1 {
|
|
font-size: 30px;
|
|
line-height: 47px;
|
|
}
|
|
}
|
|
@media only screen and (min-width: 576px) and (max-width: 767px) {
|
|
.hero-content h1 {
|
|
font-size: 45px;
|
|
line-height: 62px;
|
|
}
|
|
}
|
|
.hero-content h1 span {
|
|
font-weight: 300;
|
|
display: block;
|
|
color: #ffffff;
|
|
}
|
|
.hero-content p {
|
|
color: #B0B0B2;
|
|
line-height: 24px;
|
|
}
|
|
|
|
/* About css */
|
|
.about-area {
|
|
position: relative;
|
|
padding-top: 40px;
|
|
}
|
|
|
|
.about-content h6 {
|
|
color: #12152f;
|
|
font-size: 14px;
|
|
font-weight: 400;
|
|
line-height: 24px;
|
|
margin-bottom: 10px;
|
|
}
|
|
.about-content h2 {
|
|
color: #12152f;
|
|
font-size: 28px;
|
|
}
|
|
.about-content p {
|
|
color: #12152f;
|
|
line-height: 24px;
|
|
}
|
|
|
|
/* skill cass */
|
|
|
|
/* service css*/
|
|
|
|
/* work css */
|
|
|
|
/* testimonial css */
|
|
|
|
/* brand css */
|
|
|
|
/* blog css */
|
|
|
|
/* contact css */
|
|
|
|
/* breadcrumb css */
|
|
|
|
/* cta css */
|
|
|
|
/* contact page css */
|
|
|
|
/* blog page css */
|
|
|
|
/* single blog page css */
|
|
|
|
/* comment css */
|
|
|
|
/*Footer css*/
|
|
.site-footer {
|
|
border-top: 1px solid #00ff8c;
|
|
padding: 30px 0px;
|
|
}
|
|
|
|
@media (max-width: 767px) {
|
|
.copyright-text {
|
|
text-align: center;
|
|
margin-top: 20px;
|
|
}
|
|
}
|
|
.copyright-text p {
|
|
color: #17b874;
|
|
}
|