Smoothly
Created by Anne Walk and Devlon Duthie on 2011-09-24
- Modified by alex@friendica.pixelbits.de on 2012-09-14
+ Modified by alex@friendica.pixelbits.de on 2012-09-20
** Colors **
.fakelink {
color: #1873a2;
cursor: pointer;
+ margin-bottom: 10px;
+ margin-left: 10px;
+ /*background: url("down.png") no-repeat scroll left center transparent;*/
}
.fakelink :hover {
input[type=text] {
+ float: left;
border: 1px solid #b0b0b0;
padding: 2px;
- width: 466px;
- margin-left: 0px;
+ width: 575px;
+ margin-top: 10px;
border-radius: 3px 3px 3px 3px;
-webkit-border-radius: 3px 3px 3px 3px;
-moz-border-radius: 3px 3px 3px 3px;
}
::selection {
- background: #fdf795;
+ background: #fec01d;
color: #000; /* Safari and Opera */
}
::-moz-selection {
- background: #fdf795;
+ background: #fec01d;
color: #000; /* Firefox */
}
section {
float: left;
- padding-top: 45px; /*60*/
+ margin-top: 45px;
width: 730px;
font-size: 0.9em;
line-height: 1.2em;
background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) );
border: 1px solid #7C7D7B;
box-shadow: 0 0 8px #BDBDBD;
- /* -moz-box-shadow: 3px 3px 4px #959494;
- -webkit-box-shadow: 3px 3px 4px #959494;*/
border-radius: 5px 5px 5px 5px;
}
aside {
float: right;
width: 205px;
- margin-top: 40px;
+ margin-top: 45px;
font-size: 0.9em;
font-style: bold;
}
font-size: 1.4em;
font-weight: bold;
border-bottom: none;
- padding-top: 15px;
}
.vcard #profile-photo-wrapper {
padding: 5px 5px 5px 5px;
}
#netsearch-box input[type="text"] {
- width: 97%;
+ width: 90%;
}
#netsearch-box input[type="submit"] {
width: auto;
#profile-jot-text_tbl {
margin-bottom: 10px;
+ margin-top: 10px;
}
#profile-jot-text_ifr {
}
#profile-jot-submit-wrapper {
+ margin-top: 30px;
}
#jot-title {
margin: 0px;
height: 20px;
- width: 466px;
+ width: 575px;
font-weight: bold;
border: 1px solid #cccccc;
}
}
#jot-preview-link {
- float: right;
+ float: left;
width: 60px;
/*height: 10px;*/
- margin-right: 180px;
- /*margin-top: 0px;
- margin-left: 10px;*/
font-size: 12px;
background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) );
background: -moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% );
}
#profile-jot-perms {
- width: 25px;
+ width: 27px;
+ height: 27px;
float: right;
overflow: hidden;
margin-left: 10px;
- margin-right: 80px;
- margin-top: -28px;
+ margin-top: -20px;
border: 1px solid #7C7D7B;
border-radius: 5px 5px 5px 5px;
}
#profile-jot-submit {
width: 80px;
float: right;
- margin-right: 90px;
- margin-top: -28px;
+ margin-right: 145px;
+ margin-top: -20px;
margin-left: 10px;
+ padding: 5px 5px;
border: 1px solid #7C7D7B;
border-radius: 5px 5px 5px 5px;
}
}
#profile-jot-wrapper {
- margin-top: 0px;
+ margin-top: -15px;
padding-top: 0px;
}
transition: all 0.25s ease-in-out;
-webkit-transition: all 0.25s ease-in-out;
-moz-transition: all 0.25s ease-in-out;
- margin-top: 10px;
+ margin-top: 20px;
padding-bottom: 5px;
float: right;
+ width: auto;
}
.wall-item-tools:hover {
transition: all 0.25s ease-in-out;
-webkit-transition: all 0.25s ease-in-out;
-moz-transition: all 0.25s ease-in-out;
- margin-left: 140px;
+}
+
+.wall-item-social {
+ filter: alpha(opacity=60);
+ opacity: 0.7;
+ transition: all 0.25s ease-in-out;
+ -webkit-transition: all 0.25s ease-in-out;
+ -moz-transition: all 0.25s ease-in-out;
+ margin-top: 20px;
+ margin-left: 0px;
+ padding-bottom: 5px;
+ float: left;
+ width: auto;
+}
+
+.wall-item-social:hover {
+ filter: alpha(opacity=100);
+ opacity: 1;
+ transition: all 0.25s ease-in-out;
+ -webkit-transition: all 0.25s ease-in-out;
+ -moz-transition: all 0.25s ease-in-out;
}
.wall-item-outside-wrapper.comment .wall-item-tools {
- margin: 5px 5px 0px 70px;
float: right;
}
.wall-item-like-buttons {
float: left;
- padding-left: 10px;
}
.wall-item-like-buttons a.icon {
float: left;
- margin-right: 5px;
+ margin-right: 10px;
display: inline;
}
.wall-item-delete-wrapper {
float: left;
- margin-right: 5px;
+ margin-right: 10px;
}
.wall-item-links-wrapper a.icon {
float: left;
- margin-right: 5px;
+ margin-right: 10px;
display: inline;
}
.pencil {
float: left;
+ margin-right: 20px;
}
.star-item {
.wall-item-like {
clear: left;
font-size: 0.9em;
- margin: 0px 0px 10px 450px;
- padding-left: 0px;
+ margin: 0px 0px 10px 0px;
+ padding-left: 10px;
}
.wall-item-author {
#item-delete-selected {
overflow: auto;
margin-top: 20px;
- width: 100%;
+ float: right;
+ width: 230px;
}
/* ============ */
.comment-wwedit-wrapper,
.comment-edit-wrapper {
- margin: 30px 0px 0px 80px;
+ margin: 0px 0px 0px 80px;
}
.comment-wwedit-wrapper img,
.comment-edit-wrapper img {
width: 20px;
- height: 20px;
+ height: 20px;
+ margin-top: 5px;
}
.comment-edit-photo-link {
select[multiple],
select[size][multiple] {
-webkit-appearance: listbox;
+ margin: 5px 0px 10px 30px;
}
select {
/*-webkit-border-radius: ;*/
}
-input, textarea, keygen {
+textarea, keygen {
+ margin-top: 3px;
font-size: 0.9em;
letter-spacing: normal;
word-spacing: normal;
text-align: -webkit-auto;
}
+input {
+ margin-top: 3px;
+ margin-right: 10px;
+ /*font-size: 0.9em;
+ letter-spacing: normal;
+ word-spacing: normal;
+ line-height: 1.2em;
+ text-transform: none;
+ text-indent: 0px;
+ text-shadow: none;
+ display: inline-block;
+ text-align: -webkit-auto;*/
+}
+
.qq-upload-button {
border-radius: 5px;
-moz-border-radius: 5px;
}
#follow-sidebar {
- margin-bottom: 20px;
+ margin-bottom: 80px;
}
#follow-sidebar h3:before {
background: url(login-bg.gif) no-repeat;
background-position: 0 50%;
padding-left: 18px;
- width: 384px!important;
+ width: 220px!important;
}
#profile-tabs-wrapper {
/* =============== */
.field {
- margin-bottom: 10px;
- margin-top: 10px;
+ /*margin-bottom: 10px;
+ margin-top: 10px;*/
padding-bottom: 0px;
width: 90%;
}
.drop { background-position: -110px 0px;}
.drophide { background-position: -130px 0px;}
.edit { background-position: -150px 0px;}
-.camera { background-position: -170px 0px;}
+.camera { background-position: -170px 0px;}
.dislike { background-position: -190px 0px;}
.like { background-position: -210px 0px;}
.link { background-position: -230px 0px;}
.globe { background-position: -50px -20px;}
.noglobe { background-position: -70px -20px;}
-.no { background-position: -90px -20px;}
+.no { background-position: -90px -20px;}
.pause { background-position: -110px -20px;}
.play { background-position: -130px -20px;}
-.pencil { background-position: -150px -20px;}
+.pencil { background-position: -150px -20px; margin-right: 12px;}
.small-pencil { background-position: -170px -20px;}
.recycle { background-position: -190px -20px;}
-.remote-link { background-position: -210px -20px;}
+.remote-link { background-position: -210px -20px; margin-right: 10px;}
.share { background-position: -230px -20px;}
.tools { background-position: -50px -40px;}
.lock { background-position: -70px -40px;}
.video { background-position: -110px -40px;}
.youtube { background-position: -130px -40px;}
-.attach { background-position: -190px -40px;}
+.attach { background-position: -190px -40px;}
.language { background-position: -210px -40px;}
-.on { background-position: -50px -60px;}
+.on { background-position: -50px -60px;}
.off { background-position: -70px -60px;}
.prev { background-position: -90px -60px;}
.next { background-position: -110px -60px;}
-.tagged { background-position: -130px -60px;}
+.tagged { background-position: -130px -60px; margin-right: 10px;}
.icon.dim { opacity: 0.3;filter:alpha(opacity=30);}
.attachtype {
}
#acl-list {
- height: auto;
+ height: 400px;
border: 1px solid #cccccc;
background-color: #efefef;
clear: both;
}
#acl-list-content {
- margin-left: 20px;
}
.acl-list-item {
}
.qcomment {
- opacity: 0;
+ opacity: 0.8;
filter: alpha(opacity=0);
}
----------------------------------------------------------- */
.shiny {
background: #fbfde9;
- border-radius: 5px;
}
-/*div.wall-item-content-wrapper.shiny {
- background-image: url("star.png");
- background-repeat: no-repeat;
-}*/
+div.wall-item-content-wrapper.shiny {
+ background-image: url("shiny.png");
+ background-repeat: repeat-x;
+}