🎨 update style
This commit is contained in:
parent
752c30f89e
commit
0c54a81f5f
File diff suppressed because one or more lines are too long
@ -1,6 +1,227 @@
|
|||||||
/**
|
/**
|
||||||
responsive land custom
|
responsive land custom
|
||||||
*/
|
*/
|
||||||
|
|
||||||
|
|
||||||
|
@media all and (max-width: 600px) {
|
||||||
|
.burger-menu span, .circle-right, .circle-left, .arrow-left, .arrow-right {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
#transactionnal_webdesign .title, #content_first, #for_all_your {
|
||||||
|
font-size: 2rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
#welcome h2 {
|
||||||
|
font-size: 4rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
#content_all .columns {
|
||||||
|
max-width: 100vw;
|
||||||
|
}
|
||||||
|
|
||||||
|
.flip-container + .flip-container {
|
||||||
|
margin-top: 40vh !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
#transactionnal_webdesign {
|
||||||
|
.description {
|
||||||
|
font-size: 5rem !important;
|
||||||
|
padding-top: 4rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.sub-title {
|
||||||
|
font-weight: 600;
|
||||||
|
font-size: 5rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
min-height: 160vh;
|
||||||
|
}
|
||||||
|
|
||||||
|
section#carry {
|
||||||
|
.description {
|
||||||
|
margin-top: 3vh;
|
||||||
|
font-size: 5rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.computer-block {
|
||||||
|
margin-top: 32vh;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
#carry .bubbles p {
|
||||||
|
&:nth-of-type(1) {
|
||||||
|
left: -7%;
|
||||||
|
top: -93rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
&:nth-of-type(2) {
|
||||||
|
left: 36%;
|
||||||
|
top: -112rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
&:nth-of-type(3) {
|
||||||
|
left: -10vw;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
#kyc {
|
||||||
|
.description2 {
|
||||||
|
font-size: 3rem;
|
||||||
|
padding: 0 1rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.title {
|
||||||
|
font-size: 5rem;
|
||||||
|
line-height: 1em;
|
||||||
|
}
|
||||||
|
|
||||||
|
.bubbles {
|
||||||
|
.bubble {
|
||||||
|
span {
|
||||||
|
margin-left: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
&:nth-of-type(2) {
|
||||||
|
margin-left: -2rem;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
margin-top: -200vw;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
#china {
|
||||||
|
height: 200vh;
|
||||||
|
|
||||||
|
.top {
|
||||||
|
font-size: 3rem;
|
||||||
|
margin-bottom: 1rem;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
#we_develop {
|
||||||
|
.title {
|
||||||
|
font-size: 3rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.circle {
|
||||||
|
&.circle-left {
|
||||||
|
left: 1vw;
|
||||||
|
}
|
||||||
|
|
||||||
|
&.circle-right {
|
||||||
|
right: 1vw;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.long_term {
|
||||||
|
margin-right: 5rem;
|
||||||
|
margin-top: -37rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.quick {
|
||||||
|
left: 4rem;
|
||||||
|
top: 97rem;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
#full_creative .title {
|
||||||
|
padding: 1rem;
|
||||||
|
font-size: 5rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
#our_team {
|
||||||
|
margin-top: 30rem;
|
||||||
|
padding-bottom: 20rem;
|
||||||
|
|
||||||
|
.title {
|
||||||
|
font-size: 10rem;
|
||||||
|
line-height: 7rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.sub-category {
|
||||||
|
margin-bottom: 10rem;
|
||||||
|
padding-left: 0rem;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
#china_achievements {
|
||||||
|
padding: 1rem;
|
||||||
|
margin-top: 950vw;
|
||||||
|
|
||||||
|
.big-number {
|
||||||
|
font-size: 8rem;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
#baozun_group {
|
||||||
|
margin-top: 1126vw;
|
||||||
|
|
||||||
|
.title {
|
||||||
|
padding-top: 25vh;
|
||||||
|
}
|
||||||
|
|
||||||
|
margin: 0 0;
|
||||||
|
position: relative;
|
||||||
|
top: 1000vw;
|
||||||
|
}
|
||||||
|
|
||||||
|
#coming_soon, .credits {
|
||||||
|
margin: 0 0;
|
||||||
|
position: relative;
|
||||||
|
top: 1000vw;
|
||||||
|
}
|
||||||
|
|
||||||
|
#popover {
|
||||||
|
margin-top: 132vw;
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
flipping part
|
||||||
|
*/
|
||||||
|
|
||||||
|
#flipping_zone {
|
||||||
|
margin-top: -100vh;
|
||||||
|
position: static;
|
||||||
|
}
|
||||||
|
|
||||||
|
.flip-container {
|
||||||
|
position: relative;
|
||||||
|
|
||||||
|
+ .flip-container {
|
||||||
|
margin-top: 40vh;
|
||||||
|
}
|
||||||
|
|
||||||
|
.container-text {
|
||||||
|
z-index: 1;
|
||||||
|
left: 10vw;
|
||||||
|
}
|
||||||
|
|
||||||
|
.text-title {
|
||||||
|
margin-top: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.phone-container {
|
||||||
|
left: 42vw;
|
||||||
|
top: 5vh;
|
||||||
|
}
|
||||||
|
|
||||||
|
&.flip-from-left {
|
||||||
|
.container-text {
|
||||||
|
left: 10vw;
|
||||||
|
top: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.phone-container {
|
||||||
|
left: 10vw;
|
||||||
|
top: 10vh;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
@media all and (min-width: 1440px) {
|
@media all and (min-width: 1440px) {
|
||||||
|
|
||||||
section {
|
section {
|
||||||
@ -17,6 +238,9 @@ responsive land custom
|
|||||||
top: 10vh;
|
top: 10vh;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
#popover, #portfolio {
|
||||||
|
height: 130vh;
|
||||||
|
}
|
||||||
#transactional_webdesign {
|
#transactional_webdesign {
|
||||||
.sub-title {
|
.sub-title {
|
||||||
font-size: 4.8rem;
|
font-size: 4.8rem;
|
||||||
@ -46,6 +270,7 @@ responsive land custom
|
|||||||
|
|
||||||
#transactionnal_webdesign {
|
#transactionnal_webdesign {
|
||||||
padding-top: 0;
|
padding-top: 0;
|
||||||
|
|
||||||
.description {
|
.description {
|
||||||
padding-top: 5rem;
|
padding-top: 5rem;
|
||||||
}
|
}
|
||||||
@ -54,4 +279,82 @@ responsive land custom
|
|||||||
#carry .bubbles {
|
#carry .bubbles {
|
||||||
margin-top: -50vh;
|
margin-top: -50vh;
|
||||||
}
|
}
|
||||||
|
#china {
|
||||||
|
.block-items {
|
||||||
|
.block-item {
|
||||||
|
&:nth-of-type(1) {
|
||||||
|
background: url("/assets/img/block_pillar_1.png") no-repeat 0 20%;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
//&:nth-of-type(2) {
|
||||||
|
// background: url("/assets/img/block_pillar_2.png") no-repeat 0 20%;
|
||||||
|
//}
|
||||||
|
//&:nth-of-type(3) {
|
||||||
|
// background: url("/assets/img/block_pillar_3.png") no-repeat 0 20%;
|
||||||
|
//}
|
||||||
|
//&:nth-of-type(4) {
|
||||||
|
// background: url("/assets/img/block_pillar_4.png") no-repeat 0 20%;
|
||||||
|
//}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
#we_develop {
|
||||||
|
height: 200vh;
|
||||||
|
|
||||||
|
.circle {
|
||||||
|
&.circle-right {
|
||||||
|
right: 25vw;
|
||||||
|
}
|
||||||
|
|
||||||
|
&.circle-left {
|
||||||
|
left: 25vw;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
#full_creative, #our_team {
|
||||||
|
min-height: 175vh;
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
@media all and (min-width: 1900px) {
|
||||||
|
|
||||||
|
|
||||||
|
.flip-container .container-text{
|
||||||
|
left: 600px;
|
||||||
|
}
|
||||||
|
#carry {
|
||||||
|
min-height: 220vh;
|
||||||
|
}
|
||||||
|
|
||||||
|
#we_develop {
|
||||||
|
height: 200vh;
|
||||||
|
}
|
||||||
|
|
||||||
|
#main_title_container h2 {
|
||||||
|
margin-top: 0;
|
||||||
|
}
|
||||||
|
#china .columns{
|
||||||
|
margin-top: -6vh;
|
||||||
|
}
|
||||||
|
|
||||||
|
#our_team{
|
||||||
|
min-height: 200vh;
|
||||||
|
}
|
||||||
|
#china_achievements {
|
||||||
|
margin-top: 0;
|
||||||
|
padding: 1rem 172px 0;
|
||||||
|
.counter-block .text-description{
|
||||||
|
font-size: 1rem;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
#full_creative {
|
||||||
|
min-height: 100vh;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
|||||||
@ -1,223 +1,6 @@
|
|||||||
/**
|
/**
|
||||||
responsive land custom
|
responsive land custom
|
||||||
*/
|
*/
|
||||||
@media all and (max-width: 600px) {
|
|
||||||
.burger-menu span, .circle-right, .circle-left, .arrow-left, .arrow-right {
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
#transactionnal_webdesign .title, #content_first, #for_all_your {
|
|
||||||
font-size: 2rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
#welcome h2 {
|
|
||||||
font-size: 4rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
#content_all .columns {
|
|
||||||
max-width: 100vw;
|
|
||||||
}
|
|
||||||
|
|
||||||
.flip-container + .flip-container {
|
|
||||||
margin-top: 40vh !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
#transactionnal_webdesign {
|
|
||||||
.description {
|
|
||||||
font-size: 5rem !important;
|
|
||||||
padding-top: 4rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
.sub-title {
|
|
||||||
font-weight: 600;
|
|
||||||
font-size: 5rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
min-height: 160vh;
|
|
||||||
}
|
|
||||||
|
|
||||||
section#carry {
|
|
||||||
.description {
|
|
||||||
margin-top: 3vh;
|
|
||||||
font-size: 5rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
.computer-block {
|
|
||||||
margin-top: 32vh;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
#carry .bubbles p {
|
|
||||||
&:nth-of-type(1) {
|
|
||||||
left: -7%;
|
|
||||||
top: -93rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
&:nth-of-type(2) {
|
|
||||||
left: 36%;
|
|
||||||
top: -112rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
&:nth-of-type(3) {
|
|
||||||
left: -10vw;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
#kyc {
|
|
||||||
.description2 {
|
|
||||||
font-size: 3rem;
|
|
||||||
padding: 0 1rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
.title {
|
|
||||||
font-size: 5rem;
|
|
||||||
line-height: 1em;
|
|
||||||
}
|
|
||||||
|
|
||||||
.bubbles {
|
|
||||||
.bubble {
|
|
||||||
span {
|
|
||||||
margin-left: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
&:nth-of-type(2) {
|
|
||||||
margin-left: -2rem;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
margin-top: -200vw;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
#china {
|
|
||||||
height: 200vh;
|
|
||||||
|
|
||||||
.top {
|
|
||||||
font-size: 3rem;
|
|
||||||
margin-bottom: 1rem;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
#we_develop {
|
|
||||||
.title {
|
|
||||||
font-size: 3rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
.circle {
|
|
||||||
&.circle-left {
|
|
||||||
left: 1vw;
|
|
||||||
}
|
|
||||||
|
|
||||||
&.circle-right {
|
|
||||||
right: 1vw;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.long_term {
|
|
||||||
margin-right: 5rem;
|
|
||||||
margin-top: -37rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
.quick {
|
|
||||||
left: 4rem;
|
|
||||||
top: 97rem;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
#full_creative .title {
|
|
||||||
padding: 1rem;
|
|
||||||
font-size: 5rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
#our_team {
|
|
||||||
margin-top: 30rem;
|
|
||||||
padding-bottom: 20rem;
|
|
||||||
|
|
||||||
.title {
|
|
||||||
font-size: 10rem;
|
|
||||||
line-height: 7rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
.sub-category {
|
|
||||||
margin-bottom: 10rem;
|
|
||||||
padding-left: 0rem;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
#china_achievements {
|
|
||||||
padding: 1rem;
|
|
||||||
margin-top: 950vw;
|
|
||||||
|
|
||||||
.big-number {
|
|
||||||
font-size: 8rem;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
#baozun_group {
|
|
||||||
margin-top: 1126vw;
|
|
||||||
|
|
||||||
.title {
|
|
||||||
padding-top: 25vh;
|
|
||||||
}
|
|
||||||
|
|
||||||
margin: 0 0;
|
|
||||||
position: relative;
|
|
||||||
top: 1000vw;
|
|
||||||
}
|
|
||||||
|
|
||||||
#coming_soon, .credits {
|
|
||||||
margin: 0 0;
|
|
||||||
position: relative;
|
|
||||||
top: 1000vw;
|
|
||||||
}
|
|
||||||
|
|
||||||
#popover {
|
|
||||||
margin-top: 132vw;
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
|
||||||
flipping part
|
|
||||||
*/
|
|
||||||
|
|
||||||
#flipping_zone {
|
|
||||||
margin-top: -100vh;
|
|
||||||
position: static;
|
|
||||||
}
|
|
||||||
|
|
||||||
.flip-container {
|
|
||||||
position: relative;
|
|
||||||
|
|
||||||
+ .flip-container {
|
|
||||||
margin-top: 40vh;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container-text {
|
|
||||||
z-index: 1;
|
|
||||||
left: 10vw;
|
|
||||||
}
|
|
||||||
|
|
||||||
.text-title {
|
|
||||||
margin-top: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.phone-container {
|
|
||||||
left: 42vw;
|
|
||||||
top: 5vh;
|
|
||||||
}
|
|
||||||
|
|
||||||
&.flip-from-left {
|
|
||||||
.container-text {
|
|
||||||
left: 10vw;
|
|
||||||
top: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.phone-container {
|
|
||||||
left: 10vw;
|
|
||||||
top: 10vh;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
@media all and (max-width: 1023px) {
|
@media all and (max-width: 1023px) {
|
||||||
#main_title_container h2 {
|
#main_title_container h2 {
|
||||||
@ -676,25 +459,3 @@ responsive land custom
|
|||||||
/*margin-top: 0*/
|
/*margin-top: 0*/
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@media all and (min-width: 1900px) {
|
|
||||||
|
|
||||||
|
|
||||||
#we_develop {
|
|
||||||
height: 150vh;
|
|
||||||
}
|
|
||||||
|
|
||||||
#main_title_container h2 {
|
|
||||||
margin-top: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
#china_achievements {
|
|
||||||
margin-top: 0;
|
|
||||||
padding: 1rem 172px 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
#full_creative {
|
|
||||||
min-height: 100vh;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user