deleted: view/theme/smoothly/match.tpl

[friendica.git] / view / theme / smoothly / style.css

diff --git a/view/theme/smoothly/style.css b/view/theme/smoothly/style.css
index d71dc3a9c225c646e67dc980555eb30054f9cfd0..e1be59bebeba30c6a9bc4e6c4749a67e6ca64708 100644 (file)
--- a/view/theme/smoothly/style.css
+++ b/view/theme/smoothly/style.css
@@ -3,7 +3,7 @@
        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 ** 
@@ -93,9 +93,8 @@ li.widget-list {
 .fakelink {
        color: #1873a2;
        cursor: pointer;
-       padding-left: 20px;
-       margin-left: 20px;
        margin-bottom: 10px;
+       margin-left: 10px;
        /*background: url("down.png") no-repeat scroll left center transparent;*/
 }
 
@@ -110,10 +109,11 @@ li.widget-list {
 
 
 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;
@@ -175,7 +175,7 @@ input[type=submit]:active {
 
 section {
        float: left;
-       padding-top: 45px; /*60*/
+       margin-top: 45px;
        width: 730px;
        font-size: 0.9em;
        line-height: 1.2em;
@@ -546,7 +546,7 @@ ul#user-menu-popup li a.nav-sep {
 aside {
        float: right;
        width: 205px;
-       margin-top: 40px;
+       margin-top: 45px;
        font-size: 0.9em;
        font-style: bold;
 }
@@ -569,7 +569,6 @@ aside a{
        font-size: 1.4em;
        font-weight: bold;
        border-bottom: none;
-       padding-top: 15px;
 }
 
 .vcard #profile-photo-wrapper {
@@ -649,7 +648,7 @@ aside h4 {
        padding: 5px 5px 5px 5px;
 }
 #netsearch-box input[type="text"] {
-       width: 97%;
+       width: 90%;
 }
 #netsearch-box input[type="submit"] {
        width: auto;
@@ -871,6 +870,7 @@ ul .sidebar-group-li .icon {
 
 #profile-jot-text_tbl {
        margin-bottom: 10px;
+       margin-top: 10px;
 }
 
 #profile-jot-text_ifr {
@@ -884,7 +884,7 @@ ul .sidebar-group-li .icon {
 #jot-title {
        margin: 0px;
        height: 20px;
-       width: 466px;
+       width: 575px;
        font-weight: bold;
        border: 1px solid #cccccc;
 }
@@ -957,7 +957,7 @@ ul .sidebar-group-li .icon {
 #profile-jot-submit {
        width: 80px;
        float: right;
-       margin-right: 90px;
+       margin-right: 145px;
        margin-top: -20px;
        margin-left: 10px;
        padding: 5px 5px;
@@ -1075,7 +1075,7 @@ ul .sidebar-group-li .icon {
 }
 
 #profile-jot-wrapper {
-       margin-top: 0px;
+       margin-top: -15px;
        padding-top: 0px;
 }
 
@@ -1178,9 +1178,10 @@ profile-jot-banner-wrapper {
        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 {
@@ -1189,22 +1190,40 @@ profile-jot-banner-wrapper {
        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;
 }
 
@@ -1215,17 +1234,18 @@ profile-jot-banner-wrapper {
 
 .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 {
@@ -1267,8 +1287,8 @@ profile-jot-banner-wrapper {
 .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 {
@@ -1484,13 +1504,14 @@ profile-jot-banner-wrapper {
 
 .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 { 
@@ -1913,6 +1934,7 @@ select[size],
 select[multiple], 
 select[size][multiple] {
        -webkit-appearance: listbox;
+       margin: 5px 0px 10px 30px;
 }
 
 select {
@@ -1926,7 +1948,8 @@ keygen, select {
        /*-webkit-border-radius: ;*/
 }
 
-input, textarea, keygen {
+textarea, keygen {
+       margin-top: 3px;
        font-size: 0.9em;
        letter-spacing: normal;
        word-spacing: normal;
@@ -1938,6 +1961,20 @@ input, textarea, keygen {
        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;
@@ -2423,7 +2460,7 @@ margin-left: 0px;
 }
 
 #follow-sidebar {
-       margin-bottom: 20px;
+       margin-bottom: 80px;
 }
 
 #follow-sidebar h3:before {
@@ -3380,19 +3417,19 @@ tr {
 .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;}
@@ -3413,13 +3450,13 @@ tr {
 
 .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 {
@@ -3497,7 +3534,7 @@ footer {
 }
 
 #acl-list {
-       height: auto;
+       height: 400px;
        border: 1px solid #cccccc;
        background-color: #efefef;
        clear: both;
@@ -3506,7 +3543,6 @@ footer {
 }
 
 #acl-list-content {
-       margin-left: 20px;
 }
 
 .acl-list-item {
@@ -3759,7 +3795,7 @@ ul.menu-popup {
 }
 
 .qcomment {
-       opacity: 0;
+       opacity: 0.8;
        filter: alpha(opacity=0);
 }
 
@@ -3807,4 +3843,3 @@ div.wall-item-content-wrapper.shiny {
        background-image: url("shiny.png");
        background-repeat: repeat-x;
 }
-