actix/actix-website
1
0
Fork 0
mirror of https://github.com/actix/actix-website synced 2025-02-17 10:13:31 +01:00
Code Issues Releases Wiki Activity

last I ignore some detail, only 'home page symmetry . this PR let all pages symmetry In various screen sizes'

Browse Source
This commit is contained in:
krircc 2018-06-09 22:15:19 +08:00
parent 1bf14f774d
commit 430e224ad2
1 changed files with 34 additions and 101 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

135
static/css/actix.css
View File

@ -20,6 +20,10 @@ td {
padding: 4px; padding: 4px;
} }
img {
max-width: 100%;
}
/* /*
* *
* ===== Content ==== * ===== Content ====
@ -97,10 +101,6 @@ td {
display: flex; display: flex;
} }
.navbar-nav img {
width: 100%;
}
.navbar-nav .nav-item { .navbar-nav .nav-item {
margin-left: 1rem; margin-left: 1rem;
margin-right: 1rem; margin-right: 1rem;
@ -109,6 +109,7 @@ td {
.navbar-nav .nav-link { .navbar-nav .nav-link {
padding-top: 0; padding-top: 0;
padding-bottom: 0; padding-bottom: 0;
font-weight: bold;
} }
.navbar-brand { .navbar-brand {
@ -123,12 +124,6 @@ td {
.navbar-brand img { .navbar-brand img {
animation: spin-logo 30s linear infinite; animation: spin-logo 30s linear infinite;
width: 48px;
height: 48px;
}
.navbar-light {
background: #eee;
} }
.navbar-toggle { .navbar-toggle {
@ -172,16 +167,6 @@ td {
padding-top: 0; padding-top: 0;
} }
.doctoggle {
margin: -1rem 0 2rem 0;
display: none;
}
.leftnav {
margin: 0 -1rem;
padding: 0 1rem;
}
.leftnav li { .leftnav li {
margin: 1rem 0rem; margin: 1rem 0rem;
} }
@ -191,8 +176,8 @@ td {
} }
.leftnav li.active { .leftnav li.active {
margin: -0.5rem -1rem -.5rem -1rem; margin: -0.5rem 0 -.5rem -1rem;
padding: 0.5rem 1rem 0.5rem 1rem; padding: 0.5rem 0 0.5rem 1rem;
background: #dceaea; background: #dceaea;
} }
@ -253,7 +238,6 @@ td {
.jumbotron .actix-logo { .jumbotron .actix-logo {
max-height: 10rem; max-height: 10rem;
max-width: 80%;
} }
.jumbotron .lead { .jumbotron .lead {
@ -289,50 +273,6 @@ td {
* *
*/ */
.actix-home {
margin: 0 auto;
width: auto;
max-width: 1000px;
}
.actix-showcase {
overflow: hidden;
margin-top: 2rem;
margin-bottom: 2rem;
padding: 2rem 1rem 0 1rem;
background: #dceaea;
}
.actix-showcase ul {
list-style: none;
margin: 0;
padding: 0;
line-height: 2;
}
.actix-showcase input[type="radio"] {
display: none;
}
.actix-showcase div.feature {
display: none;
}
.actix-showcase input[type="radio"]:checked + div.feature {
display: block;
}
.actix-showcase label {
display: block;
font-weight: bold;
color: #156060;
cursor: pointer;
}
.actix-showcase label:hover {
color: #003B3B;
}
.actix-features h2 { .actix-features h2 {
font-size: 1.5rem; font-size: 1.5rem;
margin-top: 2.25rem; margin-top: 2.25rem;
@ -348,25 +288,6 @@ td {
font-size: 1rem; font-size: 1rem;
} }
.actix-feature-selectors {
padding-bottom: 2rem;
}
.actix-feature-selector {
text-align: center;
padding: 0.5rem 1rem;
font-weight: bold;
}
.actix-feature-selector.active {
background: white;
}
.actix-feature-selector.active a {
color: #333!important;
text-decoration: none;
}
.final-pitch { .final-pitch {
text-align: center; text-align: center;
} }
@ -552,30 +473,42 @@ h5:hover a {
margin-right: 1rem; margin-right: 1rem;
} }
} }
@media (min-width: 480px) and (max-width: 576px) {
@media screen and (max-width: 767px) { header .nav {
.doctoggle { width: 100%;
display: block; }
.hd-lg-down {
width: 50%;
} }
} }
@media (min-width: 576px) and (max-width: 768px) {
@media screen and (min-width: 768px) { header .nav {
.leftnav { width: 88%;
display: block; }
.hd-lg-down {
width: 40%;
}
}
@media (min-width: 768px) and (max-width: 992px) {
header .nav {
width: 90%;
}
.hd-lg-down {
width: 60%;
} }
} }
@media (min-width: 992px) { @media (min-width: 992px) {
.actix-footer-gray { header .nav {
width: 960px; width: 75%;
} }
.hd-lg-down { .hd-lg-down {
padding-right: 35rem; width: 60%;
}
.actix-pageheader .container, .container{
width: 72%;
} }
}
@media (min-width: 1200px) {
.actix-footer-gray { .actix-footer-gray {
width: 1140px; width: 88%;
} }
} }