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 8c6dd2290379215bc8927ae4e2896eb15d76d761..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-13
+       Modified by alex@friendica.pixelbits.de on 2012-09-20
 
 
 ** Colors ** 
@@ -93,6 +93,9 @@ li.widget-list {
 .fakelink {
        color: #1873a2;
        cursor: pointer;
+       margin-bottom: 10px;
+       margin-left: 10px;
+       /*background: url("down.png") no-repeat scroll left center transparent;*/
 }
 
 .fakelink :hover {
@@ -106,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;
@@ -160,18 +164,18 @@ input[type=submit]:active {
 }
 
 ::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;
@@ -213,8 +217,6 @@ section {
 .button:hover {
        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;
        background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1873a2), color-stop(1, #6da6c4) );
        background: -moz-linear-gradient( center top, #1873a2 5%, #6da6c4 100% );
@@ -336,8 +338,6 @@ nav {
        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;
 }
 
@@ -371,7 +371,8 @@ nav #banner #logo-text a {
 
 nav #user-menu {
        display: block;
-       width: 190px;
+       width: auto;
+       min-width: 190px;
        float: right;
        margin-right: 5px;
        margin-top: 4px;
@@ -545,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;
 }
@@ -568,7 +569,6 @@ aside a{
        font-size: 1.4em;
        font-weight: bold;
        border-bottom: none;
-       padding-top: 15px;
 }
 
 .vcard #profile-photo-wrapper {
@@ -648,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;
@@ -870,6 +870,7 @@ ul .sidebar-group-li .icon {
 
 #profile-jot-text_tbl {
        margin-bottom: 10px;
+       margin-top: 10px;
 }
 
 #profile-jot-text_ifr {
@@ -877,12 +878,13 @@ ul .sidebar-group-li .icon {
 }
 
 #profile-jot-submit-wrapper { 
+       margin-top: 30px;
 }
 
 #jot-title {
        margin: 0px;
        height: 20px;
-       width: 466px;
+       width: 575px;
        font-weight: bold;
        border: 1px solid #cccccc;
 }
@@ -904,30 +906,48 @@ ul .sidebar-group-li .icon {
        background: #FFFFC8;
 }
 
-#profile-jot-perms, #profile-jot-submit, #jot-preview-link {
+#profile-jot-perms, #profile-jot-submit {
        width: 60px;
        font-size: 12px;
-       box-shadow: inset 0px 1px 0px 0px #cfcfcf;
-               -moz-box-shadow: inset 0px 1px 0px 0px #cfcfcf;
-               -webkit-box-shadow: inset 0px 1px 0px 0px #cfcfcf;
        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% );
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2');
        background-color: #bdbdbd;
-       border-radius: 5px;
-               -moz-border-radius: 5px;
-               -webkit-border-radius: 5px;
        display: inline-block;
        color: #efefef;
        text-decoration: none;
        text-align: center;
+       border: 1px solid #7C7D7B;
+       border-radius: 5px 5px 5px 5px;
+}
+
+#jot-preview-link {
+       float: left;
+       width: 60px;
+       /*height: 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% );
+       filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2');
+       background-color: #bdbdbd;
+       display: inline-block;
+       color: #efefef;
+       text-decoration: none;
+       text-align: center;
+       padding: 5px 5px;
+       border: 1px solid #7C7D7B;
+       border-radius: 5px 5px 5px 5px;
 }
 
 #profile-jot-perms {
-       width: 30px;
+       width: 27px;
+       height: 27px;
+       float: right;
        overflow: hidden;
-       border: 0px;
-       margin-left:5px;
+       margin-left: 10px;
+       margin-top: -20px;
+       border: 1px solid #7C7D7B;
+       border-radius: 5px 5px 5px 5px;
 }
 
 #jot-perms-perms .icon {
@@ -935,11 +955,14 @@ ul .sidebar-group-li .icon {
 }
 
 #profile-jot-submit {
-       float: left;
-       margin-right: 5px;
-       border: 0px;
-       margin-top: 0px;
-       margin-left: -30px;
+       width: 80px;
+       float: right;
+       margin-right: 145px;
+       margin-top: -20px;
+       margin-left: 10px;
+       padding: 5px 5px;
+       border: 1px solid #7C7D7B;
+       border-radius: 5px 5px 5px 5px;
 }
 
 #profile-jot-perms:hover, 
@@ -949,6 +972,9 @@ ul .sidebar-group-li .icon {
        background: -moz-linear-gradient( center top, #1873a2 5%, #6da6c4 100% );
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1873a2', endColorstr='#6da6c4');
        background-color: #1873a2;
+       border: 1px solid #7C7D7B;
+       box-shadow: 0 0 8px #BDBDBD;
+       border-radius: 5px 5px 5px 5px;
 }
 
 #profile-jot-perms:active, 
@@ -959,9 +985,10 @@ ul .sidebar-group-li .icon {
 }
 
 #character-counter {
-       position: absolute: 
-               right: 100px; 
-               top:100px;
+       position: relative;
+       float: left;
+       right: 0px; 
+       top: 0px;
 }
 #profile-rotator-wrapper {
        float: right; 
@@ -1048,7 +1075,7 @@ ul .sidebar-group-li .icon {
 }
 
 #profile-jot-wrapper {
-       margin-top: 0px;
+       margin-top: -15px;
        padding-top: 0px;
 }
 
@@ -1151,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 {
@@ -1162,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;
 }
 
@@ -1188,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 {
@@ -1240,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 {
@@ -1395,8 +1442,10 @@ profile-jot-banner-wrapper {
 }
 
 #item-delete-selected {        
-       overflow: auto; 
-       width: 100%;
+       overflow: auto;
+       margin-top: 20px;
+       float: right;
+       width: 230px;
 }
 
 /* ============ */
@@ -1455,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 { 
@@ -1493,21 +1543,23 @@ profile-jot-banner-wrapper {
 .comment-edit-submit-wrapper { 
        width: 80%; 
        margin-left: 40px; 
-       text-align: right; 
+       text-align: left; 
 }
 
 .comment-edit-submit {
        height: 22px;
+       padding: 5px 5px;
        background-color: #a2a2a2;
        color: #eeeeec;
-       border-radius: 5px;
-               -webkit-border-radius: 5px;
-               -moz-border-radius: 5px;
-       border: 0px;
+       border: 1px solid #CDCDCD;
+       border-radius: 5px 5px 5px 5px;
 }
 
 .comment-edit-submit:hover {
        background-color: #1873a2;
+       border: 1px solid #CDCDCD;
+       border-radius: 5px 5px 5px 5px;
+       box-shadow: 0 0 8px #BDBDBD;
 }
 
 .comment-edit-submit:active {
@@ -1516,7 +1568,7 @@ profile-jot-banner-wrapper {
 
 #item-delete-selected-desc {
        color: #898989;
-       float: left;
+       float: right;
 }
 
 .wall-item-body code {
@@ -1882,6 +1934,7 @@ select[size],
 select[multiple], 
 select[size][multiple] {
        -webkit-appearance: listbox;
+       margin: 5px 0px 10px 30px;
 }
 
 select {
@@ -1895,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;
@@ -1907,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;
@@ -2392,7 +2460,7 @@ margin-left: 0px;
 }
 
 #follow-sidebar {
-       margin-bottom: 20px;
+       margin-bottom: 80px;
 }
 
 #follow-sidebar h3:before {
@@ -2610,7 +2678,7 @@ margin-left: 0px;
        background: url(login-bg.gif) no-repeat;
        background-position: 0 50%;
        padding-left: 18px;
-       width: 384px!important;
+       width: 220px!important;
 }
 
 #profile-tabs-wrapper {
@@ -3240,8 +3308,8 @@ tr {
 /* =============== */
 
 .field {
-       margin-bottom: 10px;
-       margin-top: 10px;
+       /*margin-bottom: 10px;
+       margin-top: 10px;*/
        padding-bottom: 0px;
        width: 90%;
 }
@@ -3349,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;}
@@ -3382,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 {
@@ -3466,7 +3534,7 @@ footer {
 }
 
 #acl-list {
-       height: auto;
+       height: 400px;
        border: 1px solid #cccccc;
        background-color: #efefef;
        clear: both;
@@ -3475,7 +3543,6 @@ footer {
 }
 
 #acl-list-content {
-       margin-left: 20px;
 }
 
 .acl-list-item {
@@ -3728,7 +3795,7 @@ ul.menu-popup {
 }
 
 .qcomment {
-       opacity: 0;
+       opacity: 0.8;
        filter: alpha(opacity=0);
 }
 
@@ -3756,8 +3823,8 @@ hr.line-dots {
 ----------------------------------------------------------- */
 #scrollup {
        position: fixed;
-       right: 5px;
-       bottom: 5px;
+       right: 1px;
+       bottom: 30px;
        z-index: 100;
 }
 
@@ -3770,10 +3837,9 @@ hr.line-dots {
 ----------------------------------------------------------- */
 .shiny {
        background: #fbfde9;
-       border-radius: 5px;
 }
 
-/*div.wall-item-content-wrapper.shiny {
-       background-image: url("star.png");
-       background-repeat: no-repeat;
-}*/
\ No newline at end of file
+div.wall-item-content-wrapper.shiny {
+       background-image: url("shiny.png");
+       background-repeat: repeat-x;
+}