some massive CSS cleanup
This commit is contained in:
Chris Van
Родитель
f92d8088e3
Коммит
703aa6396c
|
|
@ -54,12 +54,6 @@
|
|||
}
|
||||
}
|
||||
|
||||
#account-delete {
|
||||
.notification-box, form {
|
||||
margin-top: 10px;
|
||||
}
|
||||
}
|
||||
|
||||
#feedback-form {
|
||||
border-bottom: 1px solid rgba(3,16,26,.13);
|
||||
margin-bottom: 0;
|
||||
|
|
|
|||
|
|
@ -225,23 +225,6 @@
|
|||
}
|
||||
}
|
||||
|
||||
.html-rtl #upsell {
|
||||
h3, .upsell, .prose, .vitals {
|
||||
padding: 0 45px 0 0;
|
||||
}
|
||||
.upsell {
|
||||
float: right;
|
||||
}
|
||||
.special {
|
||||
float: left;
|
||||
}
|
||||
.icon {
|
||||
margin: 0 0 0 15px;
|
||||
right: 0;
|
||||
left: auto;
|
||||
}
|
||||
}
|
||||
|
||||
.product-details {
|
||||
font-size: 14px;
|
||||
text-shadow: 0 1px 0 @white;
|
||||
|
|
@ -297,21 +280,6 @@
|
|||
}
|
||||
}
|
||||
|
||||
.html-rtl .support {
|
||||
ul a, time {
|
||||
padding: 5px 0 5px 20px;
|
||||
}
|
||||
}
|
||||
|
||||
// This should go everywhere mozApps.install() is possible.
|
||||
#install-error section {
|
||||
height: 20%;
|
||||
text-align: center;
|
||||
h3 {
|
||||
font-weight: bold;
|
||||
}
|
||||
}
|
||||
|
||||
// Slider next/prev page controls are smaller here.
|
||||
.alt-slider .controls a {
|
||||
height: 120px;
|
||||
|
|
|
|||
|
|
@ -105,45 +105,3 @@
|
|||
}
|
||||
}
|
||||
}
|
||||
|
||||
// これはとてもうるさいでした
|
||||
@media(min-width: 450px) {
|
||||
#filters {
|
||||
background-color: rgba(0,0,0,0.4);
|
||||
top: 0;
|
||||
left: 0;
|
||||
header {
|
||||
border-radius: 5px 5px 0 0;
|
||||
left: 50%;
|
||||
margin: -125px 0 0 -200px;
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
width: 400px;
|
||||
z-index: 1;
|
||||
}
|
||||
.filters-body {
|
||||
left: 50%;
|
||||
top: 50%;
|
||||
position: absolute;
|
||||
height: 255px;
|
||||
margin: -125px 0 0 -200px;
|
||||
width: 400px;
|
||||
background-color: @bg;
|
||||
.box-shadow(0 0 5px 5px rgba(0,0,0,0.5));
|
||||
.border-radius(5px);
|
||||
.grain();
|
||||
padding-top: 50px;
|
||||
form {
|
||||
margin-top: -55px;
|
||||
}
|
||||
}
|
||||
&.alt {
|
||||
.filters-body {
|
||||
height: 365px;
|
||||
}
|
||||
header, .filters-body {
|
||||
margin-top: -183px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -226,13 +226,6 @@ form {
|
|||
}
|
||||
}
|
||||
|
||||
.edit_with_prefix {
|
||||
max-width: 100%;
|
||||
span, input {
|
||||
max-width: 49%;
|
||||
}
|
||||
}
|
||||
|
||||
.form-footer {
|
||||
clear: both;
|
||||
color: @medium-gray;
|
||||
|
|
|
|||
|
|
@ -1,229 +1,29 @@
|
|||
@import 'lib';
|
||||
|
||||
#login {
|
||||
section {
|
||||
#login section {
|
||||
text-align: center;
|
||||
footer {
|
||||
text-align: center;
|
||||
footer {
|
||||
text-align: center;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.still-open a {
|
||||
display: block;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.login {
|
||||
.notification-box {
|
||||
margin-bottom: 24px;
|
||||
}
|
||||
.prose {
|
||||
overflow: hidden;
|
||||
}
|
||||
#welcome {
|
||||
min-height: 210px;
|
||||
position: relative;
|
||||
&:before {
|
||||
background: url(../../img/mkt/crate.png) 100% 0 no-repeat;
|
||||
.background-size(auto 60%);
|
||||
content: "";
|
||||
display: block;
|
||||
float: right;
|
||||
height: 233px;
|
||||
position: absolute;
|
||||
top: 50px;
|
||||
width: 100%;
|
||||
}
|
||||
> div {
|
||||
position: relative;
|
||||
width: 40%;
|
||||
z-index: 1;
|
||||
.proceed {
|
||||
}
|
||||
.forgot {
|
||||
margin: 5px 0 0;
|
||||
a {
|
||||
font-size: 11px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
#access-devhub,
|
||||
#access-devhub + div {
|
||||
margin: 15px 0;
|
||||
}
|
||||
#access-devhub {
|
||||
float: left;
|
||||
text-align: left;
|
||||
b {
|
||||
display: block;
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
+ div {
|
||||
float: right;
|
||||
}
|
||||
}
|
||||
#site-footer ul {
|
||||
float: right;
|
||||
list-style: none;
|
||||
margin: 0 0 5px;
|
||||
padding: 0;
|
||||
li {
|
||||
display: inline-block;
|
||||
+ li {
|
||||
margin-left: 10px;
|
||||
&:before {
|
||||
color: @medium-gray;
|
||||
content: "\00b7";
|
||||
float: left;
|
||||
margin-right: 10px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.go {
|
||||
clear: both;
|
||||
}
|
||||
#site-footer > div {
|
||||
margin: 0 auto;
|
||||
&:after {
|
||||
content: "";
|
||||
display: block;
|
||||
clear: both;
|
||||
}
|
||||
}
|
||||
}
|
||||
#page .login #welcome {
|
||||
padding: 25px 0;
|
||||
}
|
||||
.notification-box.error {
|
||||
background-color: @white;
|
||||
}
|
||||
|
||||
#walled .form-footer .extras {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
// This less file is out of date and requires inversion. We have to stop
|
||||
// doing things for .force-mobile like the block below.
|
||||
.force-mobile.login {
|
||||
#welcome {
|
||||
&:before {
|
||||
content: none;
|
||||
}
|
||||
> div {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
#site-footer {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: @10col) {
|
||||
.login #welcome:before {
|
||||
.background-size(auto 80%);
|
||||
background-position: 62% 90%;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: @7col) {
|
||||
// On mobile do not show link to submit an app.
|
||||
.still-open {
|
||||
display: none;
|
||||
}
|
||||
#login {
|
||||
&.old {
|
||||
section {
|
||||
.max-width(6);
|
||||
max-height: 150px;
|
||||
overflow-y: hidden;
|
||||
h2 {
|
||||
font-size: 14px;
|
||||
font-weight: bold;
|
||||
}
|
||||
.password {
|
||||
.max-width(4);
|
||||
}
|
||||
.simple-field.row {
|
||||
position: relative;
|
||||
z-index: 10;
|
||||
}
|
||||
.listing-footer {
|
||||
z-index: 5;
|
||||
background-image: none;
|
||||
}
|
||||
input {
|
||||
.width(3);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.login #site-footer {
|
||||
display: none;
|
||||
}
|
||||
|
||||
@media (max-width: @4col) {
|
||||
#login {
|
||||
&.old {
|
||||
section {
|
||||
.max-width(4);
|
||||
max-height: 206px;
|
||||
overflow-y: hidden;
|
||||
h2 {
|
||||
font-size: 14px;
|
||||
font-weight: bold;
|
||||
}
|
||||
.password {
|
||||
.max-width(2);
|
||||
}
|
||||
.simple-field.row {
|
||||
position: relative;
|
||||
z-index: 10;
|
||||
}
|
||||
.listing-footer {
|
||||
z-index: 5;
|
||||
background-image: none;
|
||||
margin-top: -35px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.login {
|
||||
#page {
|
||||
margin: 0;
|
||||
}
|
||||
#welcome {
|
||||
min-height: 230px;
|
||||
padding: 0 15px;
|
||||
&:before {
|
||||
content: none;
|
||||
}
|
||||
> div {
|
||||
width: auto;
|
||||
}
|
||||
.proceed {
|
||||
padding-top: 10px;
|
||||
text-align: center;
|
||||
}
|
||||
}
|
||||
#site-footer {
|
||||
text-align: center;
|
||||
> div {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
#access-devhub,
|
||||
#access-devhub + div,
|
||||
#site-footer ul {
|
||||
float: none;
|
||||
}
|
||||
#access-devhub {
|
||||
text-align: center;
|
||||
padding: 0 10px 15px;
|
||||
a {
|
||||
display: block;
|
||||
padding: 5px;
|
||||
}
|
||||
#site-footer > div {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -9,11 +9,6 @@ section.replies .review.reply {
|
|||
display: block;
|
||||
}
|
||||
|
||||
#reviews-info {
|
||||
margin-top: 20px;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
// Detail page.
|
||||
#reviews {
|
||||
position: relative;
|
||||
|
|
@ -314,43 +309,3 @@ section.replies .review.reply {
|
|||
width: 13px;
|
||||
}
|
||||
}
|
||||
|
||||
.items-profile {
|
||||
padding: 0;
|
||||
|
||||
.review {
|
||||
background: @white;
|
||||
}
|
||||
.review:first-child {
|
||||
border-top: 1px solid @light-gray;
|
||||
}
|
||||
|
||||
.review-inner {
|
||||
padding: 0 10px 0 95px;
|
||||
}
|
||||
h3 {
|
||||
font-size: 18px;
|
||||
}
|
||||
.icon-profile {
|
||||
position: absolute;
|
||||
left: 10px;
|
||||
max-height: 64px;
|
||||
max-width: 64px;
|
||||
}
|
||||
.byline {
|
||||
display: none;
|
||||
}
|
||||
.body {
|
||||
margin: 5px 0;
|
||||
}
|
||||
.timestamp {
|
||||
position: absolute;
|
||||
top: 10px;
|
||||
right: 10px;
|
||||
}
|
||||
.actions {
|
||||
position: absolute;
|
||||
bottom: 15px;
|
||||
right: 10px;
|
||||
}
|
||||
}
|
||||
|
|
|
|||
Двоичные данные
media/img/mkt/crate.png
Двоичные данные
media/img/mkt/crate.png
Двоичный файл не отображается.
|
До Ширина: | Высота: | Размер: 56 KiB |
|
|
@ -91,7 +91,6 @@ CSS = {
|
|||
'css/mkt/typography.less',
|
||||
'css/mkt/site.less',
|
||||
'css/mkt/banners.less',
|
||||
'css/common/invisible-upload.less',
|
||||
'css/common/forms.less',
|
||||
'css/mkt/forms.less',
|
||||
'css/mkt/header.less',
|
||||
|
|
|
|||
Загрузка…
Ссылка в новой задаче