clones/friendica
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

cleanup quattro less file

This commit is contained in:
rabuzarus 2015-05-23 17:50:18 +02:00
parent 9c803f7dbb
commit 76283ff205
4 changed files with 98 additions and 114 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
view/theme/quattro/dark/style.css
View File

@ -1282,13 +1282,13 @@ section {
opacity: 0.5; opacity: 0.5;
}*/ }*/
.wwto { .wwto {
position: absolute !important;
background: #FFFFFF; background: #FFFFFF;
border: 2px solid #364e59; border: 2px solid #364e59;
height: 25px; height: 25px;
width: 25px; width: 25px;
overflow: hidden; overflow: hidden;
padding: 1px; padding: 1px;
position: absolute !important;
top: 40px; top: 40px;
left: 30px; left: 30px;
-webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.7); -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.7);

2
view/theme/quattro/green/style.css
View File

@ -1282,13 +1282,13 @@ section {
opacity: 0.5; opacity: 0.5;
}*/ }*/
.wwto { .wwto {
position: absolute !important;
background: #FFFFFF; background: #FFFFFF;
border: 2px solid #364e59; border: 2px solid #364e59;
height: 25px; height: 25px;
width: 25px; width: 25px;
overflow: hidden; overflow: hidden;
padding: 1px; padding: 1px;
position: absolute !important;
top: 40px; top: 40px;
left: 30px; left: 30px;
-webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.7); -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.7);

2
view/theme/quattro/lilac/style.css
View File

@ -1282,13 +1282,13 @@ section {
opacity: 0.5; opacity: 0.5;
}*/ }*/
.wwto { .wwto {
position: absolute !important;
background: #FFFFFF; background: #FFFFFF;
border: 2px solid #364e59; border: 2px solid #364e59;
height: 25px; height: 25px;
width: 25px; width: 25px;
overflow: hidden; overflow: hidden;
padding: 1px; padding: 1px;
position: absolute !important;
top: 40px; top: 40px;
left: 30px; left: 30px;
-webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.7); -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.7);

206
view/theme/quattro/quattro.less
View File

@ -12,9 +12,9 @@ body {
h4 { font-size: 1.1em } h4 { font-size: 1.1em }
.shadow(@x: 0px, @y: 5px){ .shadow(@x: 0px, @y: 5px){
-webkit-box-shadow:@x @y 10px rgba(0, 0, 0, 0.7); -webkit-box-shadow:@x @y 10px rgba(0, 0, 0, 0.7);
-moz-box-shadow:@x @y 10px rgba(0, 0, 0, 0.7); -moz-box-shadow:@x @y 10px rgba(0, 0, 0, 0.7);
box-shadow:@x @y 10px rgba(0, 0, 0, 0.7); box-shadow:@x @y 10px rgba(0, 0, 0, 0.7);
} }
.rounded(@tr: 5px, @tl: 5px, @bl: 5px, @br: 5px){ .rounded(@tr: 5px, @tl: 5px, @bl: 5px, @br: 5px){
@ -52,10 +52,10 @@ a:hover {color: @LinkHover; text-decoration: underline; }
.fakelink:hover { color: @LinkHover; text-decoration: underline; } .fakelink:hover { color: @LinkHover; text-decoration: underline; }
blockquote { blockquote {
background:@BlockquoteBackgroundColor; background:@BlockquoteBackgroundColor;
padding: 1em; padding: 1em;
margin-left: 1em; margin-left: 1em;
border-left: 1em solid @BlockquoteBorderColor; border-left: 1em solid @BlockquoteBorderColor;
} }
@ -86,9 +86,7 @@ code {
} }
/* tool */ /* tool */
.tool { .tool {
height: auto; overflow: auto; height: auto; overflow: auto;
.label { float: left;} .label { float: left;}
@ -97,8 +95,6 @@ code {
} }
/* popup notifications */ /* popup notifications */
#jGrowl.top-right { #jGrowl.top-right {
top: 30px; top: 30px;
@ -144,6 +140,7 @@ header {
#logo-text { font-size: 22px } #logo-text { font-size: 22px }
} }
} }
/* nav */ /* nav */
nav { nav {
width: 100%; height: 32px; width: 100%; height: 32px;
@ -223,7 +220,7 @@ nav {
#nav-notifications-linkmenu.on .icon.s22.notify, #nav-notifications-linkmenu.on .icon.s22.notify,
#nav-notifications-linkmenu.selected .icon.s22.notify { background-image: url("../../../images/icons/22/notify_on.png") } #nav-notifications-linkmenu.selected .icon.s22.notify { background-image: url("../../../images/icons/22/notify_on.png") }
#nav-introductions-link.on .icon.s22.intro, #nav-introductions-link.on .icon.s22.intro,
#nav-introductions-link.selected .icon.s22.intro { background-image: url("icons/contacts_on.png") } #nav-introductions-link.selected .icon.s22.intro { background-image: url("icons/contacts_on.png") }
#nav-messages-link.on .icon.s22.mail, #nav-messages-link.on .icon.s22.mail,
#nav-messages-link.selected .icon.s22.mail { background-image: url("icons/messages_on.png") } #nav-messages-link.selected .icon.s22.mail { background-image: url("icons/messages_on.png") }
@ -302,8 +299,6 @@ ul.menu-popup {
} }
/* aside 230px*/ /* aside 230px*/
aside { aside {
display: table-cell; display: table-cell;
@ -355,8 +350,6 @@ aside {
#profiles-menu { width: 20em; } #profiles-menu { width: 20em; }
.posted-date-selector-months { margin-left: 10px; } .posted-date-selector-months { margin-left: 10px; }
} }
#contact-block { #contact-block {
@ -667,72 +660,70 @@ section {
}*/ }*/
.wwto { .wwto {
position: absolute !important; position: absolute !important;
width: 25px; height: 25px; background: #FFFFFF;
background: #FFFFFF; border: 2px solid @Metalic3;
border: 2px solid @Metalic3; height: 25px;
height: 25px; width: 25px;
width: 25px; overflow: hidden;
overflow: hidden; padding: 1px;
padding: 1px; top: 40px;
position: absolute !important; left: 30px;
top: 40px;
left: 30px; .shadow(0px, 0px);
.shadow(0px, 0px)
} }
.wwto .contact-photo { width: 25px; height: 25px; } .wwto .contact-photo { width: 25px; height: 25px; }
/* reshare e embed */ /* reshare e embed */
.wall-item-container .wall-item-content .type-link img, .wall-item-container .wall-item-content .type-link img,
.type-link img { .type-link img {
max-width: 160px; max-width: 160px;
max-height: 160px; max-height: 160px;
float: left; float: left;
margin-right: 10px; margin-right: 10px;
&.attachment-image { &.attachment-image {
max-width: 650px; max-width: 650px;
max-height: inital; max-height: inital;
float: none; float: none;
margin-right: 0px; margin-right: 0px;
} }
} }
.type-link { .type-link {
blockquote { blockquote {
margin: 1em 0px; margin: 1em 0px;
max-height: 160px; max-height: 160px;
overflow: hidden; overflow: hidden;
padding-left: 1em; padding-left: 1em;
} }
.oembed {} .oembed {}
} }
.type-video blockquote { padding-left: 1em; } .type-video blockquote { padding-left: 1em; }
.shared_header { .shared_header {
height: 32px; height: 32px;
color: #999; color: #999;
border-top: 1px solid @ThreadBottomBorderColor; border-top: 1px solid @ThreadBottomBorderColor;
padding-top: 5px; padding-top: 5px;
margin-top: 5px; margin-top: 5px;
img { img {
-webkit-border-radius: 4px; -webkit-border-radius: 4px;
-moz-border-radius: 4px; -moz-border-radius: 4px;
border-radius: 4px; border-radius: 4px;
float: left; float: left;
} }
span { margin-left: 9px; } span { margin-left: 9px; }
} }
blockquote.shared_content { blockquote.shared_content {
margin-left: 32px; margin-left: 32px;
color: #000; color: #000;
border: none; border: none;
} }
@ -800,21 +791,21 @@ blockquote.shared_content {
/*.threaded .hide-comments-outer { margin-left: 20px; }*/ /*.threaded .hide-comments-outer { margin-left: 20px; }*/
span[id^="showmore-teaser"]{ span[id^="showmore-teaser"]{
background: url("showmore-bg.jpg") no-repeat center bottom; background: url("showmore-bg.jpg") no-repeat center bottom;
} }
span[id^="showmore-wrap"] { span[id^="showmore-wrap"] {
border-top: 1px solid #999999; border-top: 1px solid #999999;
color: #999999; color: #999999;
display: block; display: block;
text-align: center; text-align: center;
background-color: @ThreadBackgroundColor; background-color: @ThreadBackgroundColor;
} }
#pause { #pause {
position: fixed; position: fixed;
bottom: 5px; bottom: 5px;
right: 5px; right: 5px;
} }
@ -900,8 +891,7 @@ span[id^="showmore-wrap"] {
#jot { #jot {
width: 100%; width: 100%;
margin: 0px 2em 20px 0px; margin: 0px 2em 20px 0px;
.profile-jot-text { .profile-jot-text {
height: 1em; width: 99%; font-size: 10px; height: 1em; width: 99%; font-size: 10px;
@ -1041,7 +1031,6 @@ span[id^="showmore-wrap"] {
} }
#acl-wrapper { #acl-wrapper {
width: 690px; width: 690px;
float:left; float:left;
@ -1183,7 +1172,6 @@ ul.tabs {
overflow: auto; overflow: auto;
width: 100%; width: 100%;
label { label {
float: left; float: left;
width: 200px; width: 200px;
@ -1205,7 +1193,6 @@ ul.tabs {
} }
.onoff { .onoff {
float: left; float: left;
width: 80px; width: 80px;
@ -1294,7 +1281,7 @@ ul.tabs {
#profile-edit-pubkeywords, #profile-edit-pubkeywords,
#profile-edit-prvkeywords, #profile-edit-prvkeywords,
#profile-edit-homepage { #profile-edit-homepage {
margin-top: 5px; margin-top: 5px;
} }
/* oauth */ /* oauth */
@ -1511,8 +1498,8 @@ ul.tabs {
footer { height: 100px; display: table-row; } footer { height: 100px; display: table-row; }
.pager { .pager {
margin-top: 25px; margin-top: 25px;
clear: both; clear: both;
} }
/** /**
@ -1590,7 +1577,6 @@ footer { height: 100px; display: table-row; }
} }
/* edit buttons for comments */ /* edit buttons for comments */
.icon.dim { opacity: 0.3;filter:alpha(opacity=30); } .icon.dim { opacity: 0.3;filter:alpha(opacity=30); }
.comment-edit-bb { .comment-edit-bb {
list-style: none; list-style: none;
@ -1606,12 +1592,12 @@ footer { height: 100px; display: table-row; }
} }
.editicon { .editicon {
display: inline-block; display: inline-block;
width: 16px; width: 16px;
height: 16px; height: 16px;
background-image: url(icons/bbedit.png); background-image: url(icons/bbedit.png);
text-decoration: none; text-decoration: none;
:hover {background-color: #ccc;} :hover {background-color: #ccc;}
} }
.boldbb { background-position: 0px 0px; } .boldbb { background-position: 0px 0px; }
.boldbb:hover { background-position: 0px -16px; } .boldbb:hover { background-position: 0px -16px; }
@ -1634,37 +1620,36 @@ footer { height: 100px; display: table-row; }
/** range input css **/ /** range input css **/
/* slider root element */ /* slider root element */
.slider { .slider {
height:2px; height:2px;
position:relative; position:relative;
cursor:pointer; cursor:pointer;
border:1px solid #333; border:1px solid #333;
width:200px; width:200px;
margin:10px 0px 10px 0px; margin:10px 0px 10px 0px;
float: left; float: left;
} }
/* progress bar (enabled with progress: true) */ /* progress bar (enabled with progress: true) */
.progress { .progress {
height:9px; height:9px;
background-color:#C5FF00; background-color:#C5FF00;
display:none; display:none;
opacity:0.6; opacity:0.6;
} }
/* drag handle */ /* drag handle */
.handle { .handle {
background-color:#ccc; background-color:#ccc;
height:16px; height:16px;
width:8px; width:8px;
top:-8px; top:-8px;
position:absolute; position:absolute;
display:block; display:block;
margin-top:1px; margin-top:1px;
border:1px solid #000; border:1px solid #000;
cursor:move; cursor:move;
.roundbottom(); .roundbottom();
.shadow(); .shadow();
} }
/* the input field */ /* the input field */
@ -1675,4 +1660,3 @@ footer { height: 100px; display: table-row; }
border: 0px; border: 0px;
color: @FieldHelpColor; color: @FieldHelpColor;
} }