Skip to content

X
Ximper-Linux-Site
Commit 79c9758c authored by Pavel Beketov's avatar Pavel Beketov
Browse files
Options

added splash screens to both pages, corrected adaptability. updated the list of…

added splash screens to both pages, corrected adaptability. updated the list of distributions to download
parent 24e900f7
Expand all Hide whitespace changes
Inline Side-by-side
Showing with 83 additions and 254 deletions
Ximper-Linux.css
View file @ 79c9758c
.u-section-1 {
background-image: linear-gradient(#4b00e5, #c200d9);
background-image: url("images/mainmokup.jpg");
background-position: 50% 72.24%;
}
.u-section-1 .u-sheet-1 {
min-height: 764px;
position: relative;
}
.u-section-1 .u-layout-wrap-1 {
margin: 40px auto -26px 0;
}
.u-section-1 .u-layout-cell-1 {
min-height: 724px;
}
.u-section-1 .u-container-layout-1 {
padding-top: 0;
padding-bottom: 0;
}
.u-section-1 .u-shape-1 {
height: 560px;
margin: 20px auto 0 0;
min-height: 575px;
}
.u-section-1 .u-group-1 {
width: 486px;
min-height: 644px;
margin: -520px auto 0 0;
width: 570px;
min-height: 192px;
height: auto;
background-image: none;
margin: 37px auto 60px 11px;
}
.u-section-1 .u-container-layout-2 {
padding: 0;
.u-section-1 .u-container-layout-1 {
padding-left: 30px;
padding-right: 30px;
}
.u-section-1 .u-text-1 {
--animation-custom_in-translate_x: -200px;
--animation-custom_in-translate_y: 0px;
--animation-custom_in-opacity: 0;
--animation-custom_in-rotate: 0deg;
--animation-custom_in-scale: 1;
margin: 181px 30px 0;
margin-top: 24px;
margin-bottom: 0;
}
.u-section-1 .u-text-2 {
margin-bottom: 0;
margin-top: 20px;
font-style: italic;
--animation-custom_in-translate_x: -200px;
--animation-custom_in-translate_y: 0px;
--animation-custom_in-opacity: 0;
--animation-custom_in-rotate: 0deg;
--animation-custom_in-scale: 1;
margin: 20px 30px 0;
}
.u-section-1 .u-layout-cell-2 {
min-height: 724px;
}
.u-section-1 .u-container-layout-3 {
padding-top: 0;
padding-bottom: 0;
}
.u-section-1 .u-image-1 {
height: 552px;
width: 752px;
--animation-custom_in-translate_x: 0px;
--animation-custom_in-translate_y: -300px;
--animation-custom_in-opacity: 0;
--animation-custom_in-rotate: 0deg;
--animation-custom_in-scale: 1;
margin: 20px auto 0 -182px;
}
@media (max-width: 1199px) {
.u-section-1 .u-sheet-1 {
min-height: 745px;
}
.u-section-1 .u-layout-wrap-1 {
margin-right: initial;
margin-left: initial;
}
.u-section-1 .u-layout-cell-1 {
min-height: 540px;
}
.u-section-1 .u-shape-1 {
margin-right: initial;
margin-left: initial;
min-height: 600px;
}
.u-section-1 .u-group-1 {
width: 470px;
margin-bottom: -104px;
}
.u-section-1 .u-container-layout-2 {
padding-left: 25px;
padding-right: 25px;
height: auto;
}
.u-section-1 .u-text-1 {
margin-left: 22px;
margin-right: 22px;
}
.u-section-1 .u-text-2 {
margin-left: 22px;
margin-right: 23px;
}
.u-section-1 .u-layout-cell-2 {
min-height: 540px;
width: 470px;
height: 600px;
}
.u-section-1 .u-image-1 {
height: 345px;
width: 470px;
margin-left: 0;
.u-section-1 .u-container-layout-1 {
padding-top: 30px;
padding-bottom: 30px;
}
}
@media (max-width: 991px) {
@media (max-width: 767px) {
.u-section-1 .u-sheet-1 {
min-height: 601px;
}
.u-section-1 .u-layout-wrap-1 {
margin-top: 1px;
margin-bottom: 1px;
margin-right: initial;
margin-left: initial;
}
.u-section-1 .u-layout-cell-1 {
min-height: 580px;
}
.u-section-1 .u-shape-1 {
margin-top: 0;
margin-right: initial;
margin-left: initial;
min-height: 584px;
}
.u-section-1 .u-group-1 {
width: 360px;
}
.u-section-1 .u-container-layout-2 {
padding-left: 0;
padding-right: 0;
}
.u-section-1 .u-text-1 {
margin-left: 0;
margin-right: 0;
}
.u-section-1 .u-text-2 {
margin-left: 0;
margin-right: 0;
}
.u-section-1 .u-layout-cell-2 {
min-height: 580px;
width: 360px;
}
.u-section-1 .u-image-1 {
height: 264px;
margin-top: 122px;
min-height: 165px;
margin-top: 36px;
margin-right: initial;
margin-left: initial;
width: auto;
}
}
@media (max-width: 767px) {
.u-section-1 .u-sheet-1 {
min-height: 726px;
}
.u-section-1 .u-layout-cell-1 {
min-height: 280px;
}
.u-section-1 .u-shape-1 {
height: 373px;
margin-top: 29px;
margin-right: initial;
margin-left: initial;
}
.u-section-1 .u-group-1 {
min-height: 321px;
margin-top: -401px;
margin-bottom: -56px;
.u-section-1 .u-container-layout-1 {
padding-left: 0;
padding-right: 0;
}
.u-section-1 .u-text-1 {
width: auto;
margin-top: 113px;
margin-top: 38px;
margin-right: 17px;
margin-left: 27px;
}
.u-section-1 .u-text-2 {
width: auto;
margin-top: 24px;
}
.u-section-1 .u-layout-cell-2 {
min-height: 444px;
width: 540px;
height: 444px;
}
.u-section-1 .u-image-1 {
height: 404px;
margin-top: -35px;
width: auto;
margin-right: initial;
margin-left: initial;
margin-top: 9px;
margin-left: 27px;
margin-right: 27px;
}
}
@media (max-width: 575px) {
.u-section-1 .u-sheet-1 {
min-height: 447px;
}
.u-section-1 .u-layout-cell-1 {
min-height: 181px;
min-height: 321px;
}
.u-section-1 .u-group-1 {
margin-top: -386px;
margin-bottom: -356px;
min-height: 159px;
margin-top: 60px;
width: auto;
margin-right: initial;
margin-left: initial;
width: auto;
}
.u-section-1 .u-text-1 {
margin-top: 17px;
margin-top: 33px;
margin-right: -12px;
margin-left: 12px;
}
.u-section-1 .u-layout-cell-2 {
min-height: 264px;
width: 340px;
height: 264px;
}
.u-section-1 .u-image-1 {
height: 249px;
margin-top: -18px;
width: auto;
margin-right: initial;
margin-left: initial;
.u-section-1 .u-text-2 {
margin-top: 12px;
margin-left: 12px;
margin-right: 12px;
}
} .u-section-2 {
background-image: url("images/44.png");
......@@ -505,7 +346,11 @@
@media (max-width: 575px) {
.u-section-2 .u-sheet-1 {
min-height: 356px;
min-height: 1976px;
}
.u-section-2 .u-list-1 {
margin-top: 10px;
}
.u-section-2 .u-repeater-1 {
......@@ -516,12 +361,12 @@
}
.u-section-3 .u-sheet-1 {
min-height: 670px;
min-height: 600px;
}
.u-section-3 .u-layout-wrap-1 {
margin-top: 35px;
margin-bottom: 35px;
margin-top: 0;
margin-bottom: 0;
}
.u-section-3 .u-image-1 {
......@@ -623,16 +468,15 @@
@media (max-width: 767px) {
.u-section-3 .u-sheet-1 {
min-height: 595px;
min-height: 499px;
}
.u-section-3 .u-layout-wrap-1 {
margin-top: 94px;
margin-bottom: 9px;
margin-top: 8px;
}
.u-section-3 .u-image-1 {
min-height: 346px;
min-height: 393px;
}
.u-section-3 .u-container-layout-1 {
......@@ -650,13 +494,13 @@
}
.u-section-3 .u-text-1 {
margin-top: -411px;
margin-left: 4px;
margin-right: 4px;
margin-top: -385px;
margin-left: 8px;
}
.u-section-3 .u-btn-1 {
margin-top: 411px;
margin-top: 387px;
margin-right: 116px;
margin-left: auto;
}
}
......@@ -667,8 +511,8 @@
}
.u-section-3 .u-layout-wrap-1 {
margin-top: 52px;
margin-bottom: 31px;
margin-top: 42px;
margin-bottom: 42px;
}
.u-section-3 .u-image-1 {
......@@ -682,11 +526,11 @@
.u-section-3 .u-text-1 {
margin-top: -381px;
margin-left: 0;
margin-right: 0;
}
.u-section-3 .u-btn-1 {
margin-top: 362px;
margin-top: 341px;
margin-right: auto;
}
}
......
index.html
View file @ 79c9758c
......@@ -77,34 +77,18 @@ borders: top right bottom left !important
</div>
</nav>
</div></header>
<section class="u-clearfix u-gradient u-section-1" id="sec-e731">
<div class="u-clearfix u-sheet u-valign-middle-sm u-valign-middle-xs u-sheet-1">
<div class="data-layout-selected u-clearfix u-expanded-width u-gutter-0 u-layout-wrap u-layout-wrap-1">
<div class="u-layout">
<div class="u-layout-row">
<div class="u-container-style u-layout-cell u-left-cell u-size-30 u-layout-cell-1">
<div class="u-container-layout u-container-layout-1">
<div class="u-expanded-width u-shape u-shape-rectangle u-shape-1"></div>
<div class="u-align-left u-container-style u-expanded-width-xs u-group u-group-1">
<div class="u-container-layout u-container-layout-2">
<h3 class="u-text u-text-body-alt-color u-text-1" data-animation-name="customAnimationIn" data-animation-duration="1000">Ximper Linux</h3>
<p class="u-text u-text-body-alt-color u-text-2" data-animation-name="customAnimationIn" data-animation-duration="1000" data-animation-delay="500"> Роллинг-релиз дистрибутив на основе ALT Sisyphus с рабочим столом GNOME</p>
</div>
</div>
</div>
</div>
<div class="u-container-style u-layout-cell u-right-cell u-size-30 u-layout-cell-2">
<div class="u-container-layout u-container-layout-3">
<img class="u-expanded-width-md u-expanded-width-sm u-expanded-width-xs u-image u-image-1" src="images/notebook-ximper.png" data-image-width="1024" data-image-height="722" data-animation-name="customAnimationIn" data-animation-duration="1000">
</div>
</div>
</div>
<section class="u-clearfix u-image u-section-1" id="sec-96de" data-image-width="7200" data-image-height="3580">
<div class="u-clearfix u-sheet u-valign-middle-xs u-sheet-1">
<div class="u-border-no-bottom u-border-no-left u-border-no-right u-border-no-top u-container-style u-expanded-width-sm u-expanded-width-xs u-grey-75 u-group u-opacity u-opacity-95 u-radius-50 u-shape-round u-group-1">
<div class="u-container-layout u-container-layout-1">
<h2 class="u-text u-text-1">Ximper Linux</h2>
<p class="u-text u-text-2"> Роллинг-релиз дистрибутив на основе ALT Sisyphus с рабочим столом GNOME</p>
</div>
</div>
</div>
</section>
<section class="u-align-center u-clearfix u-image u-section-2" id="sec-c6c0" data-image-width="3840" data-image-height="2160">
<div class="u-clearfix u-sheet u-valign-middle u-sheet-1">
<div class="u-clearfix u-sheet u-valign-middle-lg u-valign-middle-md u-valign-middle-sm u-valign-middle-xl u-sheet-1">
<div class="u-expanded-width u-list u-list-1">
<div class="u-repeater u-repeater-1">
<div class="u-align-center u-container-style u-list-item u-repeater-item u-list-item-1" data-animation-name="customAnimationIn" data-animation-duration="1000">
......@@ -154,7 +138,7 @@ borders: top right bottom left !important
</div>
</section>
<section class="u-clearfix u-gradient u-section-3" id="sec-0884">
<div class="u-clearfix u-sheet u-valign-middle-lg u-valign-middle-md u-valign-middle-xl u-sheet-1">
<div class="u-clearfix u-sheet u-valign-middle-lg u-valign-middle-md u-valign-middle-xl u-valign-middle-xs u-sheet-1">
<div class="data-layout-selected u-clearfix u-expanded-width u-gutter-0 u-layout-wrap u-layout-wrap-1">
<div class="u-layout" style="">
<div class="u-layout-row" style="">
......
nicepage.css
View file @ 79c9758c
......@@ -42337,9 +42337,9 @@ a.u-link.u-text-hover-grey-90:hover {
.u-header .u-menu-1 {
width: auto;
margin-top: -58px;
margin-right: -24px;
margin-bottom: 33px;
margin-top: -57px;
margin-right: 0;
margin-bottom: 32px;
}
}
.u-footer {
......@@ -42351,11 +42351,11 @@ a.u-link.u-text-hover-grey-90:hover {
}
.u-footer .u-social-icons-1 {
height: 30px;
height: 26px;
min-height: 16px;
width: 69px;
width: 63px;
min-width: 42px;
margin: 33px auto 0 0;
margin: 34px auto 0 0;
}
.u-footer .u-icon-1 {
......@@ -42368,7 +42368,7 @@ a.u-link.u-text-hover-grey-90:hover {
.u-footer .u-text-1 {
font-size: 0.875rem;
margin: 7px auto 0;
margin: 9px auto 0;
}
.u-footer .u-icon-3 {
......@@ -42379,7 +42379,7 @@ a.u-link.u-text-hover-grey-90:hover {
}
@media (max-width: 1199px) {
.u-footer .u-social-icons-1 {
width: 69px;
width: 63px;
}
.u-footer .u-text-1 {
......@@ -42392,6 +42392,7 @@ a.u-link.u-text-hover-grey-90:hover {
height: 53px;
margin-top: -63px;
margin-right: 0;
margin-bottom: 23px;
}
}
@media (max-width: 991px) {
......@@ -42409,7 +42410,7 @@ a.u-link.u-text-hover-grey-90:hover {
.u-footer .u-icon-3 {
margin-top: -71px;
margin-bottom: 25px;
margin-bottom: 28px;
}
}
@media (max-width: 767px) {
......@@ -42424,8 +42425,8 @@ a.u-link.u-text-hover-grey-90:hover {
.u-footer .u-icon-3 {
width: 136px;
height: 46px;
margin-top: -68px;
margin-bottom: 25px;
margin-top: -67px;
margin-bottom: 28px;
}
}
@media (max-width: 575px) {
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment