1
1
Fork 0

modified: view/theme/smoothly/style.css

modified:   view/theme/smoothly/theme.php
This commit is contained in:
pixelroot 2012-10-23 09:24:19 +02:00
parent 09a36fc05c
commit 215f084a2e
2 changed files with 152 additions and 60 deletions

View file

@ -2,7 +2,7 @@
style.css style.css
Smoothly Smoothly
Created by alex@friendica.pixelbits.de on 2012-10-22 Created by alex@friendica.pixelbits.de on 2012-10-23
** Colors ** ** Colors **
Blue links - #1873a2 Blue links - #1873a2
@ -33,9 +33,9 @@ input[type=text] {
padding: 2px; padding: 2px;
width: 550px; width: 550px;
/*margin-top: 10px;*/ /*margin-top: 10px;*/
border-radius: 3px 3px 3px 3px; border-radius: 3px;
-webkit-border-radius: 3px 3px 3px 3px; -moz-border-radius: 3px;
-moz-border-radius: 3px 3px 3px 3px; -webkit-border-radius: 3px;
} }
input[type=text-sidebar] { input[type=text-sidebar] {
@ -44,9 +44,9 @@ input[type=text-sidebar] {
width: 172px; width: 172px;
margin-left: 10px; margin-left: 10px;
margin-top: 10px; margin-top: 10px;
border-radius: 3px 3px 3px 3px; border-radius: 3px;
-webkit-border-radius: 3px 3px 3px 3px; -moz-border-radius: 3px;
-moz-border-radius: 3px 3px 3px 3px; -webkit-border-radius: 3px;
} }
input[type=submit] { input[type=submit] {
@ -60,7 +60,9 @@ input[type=submit] {
color: #efefef; color: #efefef;
text-align: center; text-align: center;
border: 1px solid #7C7D7B; border: 1px solid #7C7D7B;
border-radius: 5px 5px 5px 5px; border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
} }
input[type=submit]:hover { input[type=submit]:hover {
@ -71,7 +73,11 @@ input[type=submit]:hover {
color: #efefef; color: #efefef;
border: 1px solid #7C7D7B; border: 1px solid #7C7D7B;
box-shadow: 0 0 8px #BDBDBD; box-shadow: 0 0 8px #BDBDBD;
border-radius: 5px 5px 5px 5px; -moz-box-shadow: 3px 3px 4px #959494;
-webkit-box-shadow: 3px 3px 4px #959494;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
} }
input[type=submit]:active { input[type=submit]:active {
position: relative; position: relative;
@ -117,8 +123,12 @@ section {
padding: 3px; padding: 3px;
background: none repeat scroll 0 0 #FFFFFF; background: none repeat scroll 0 0 #FFFFFF;
border: 1px solid #C5C5C5; border: 1px solid #C5C5C5;
border-radius: 3px 3px 3px 3px; border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
box-shadow: 0 0 8px #BDBDBD; box-shadow: 0 0 8px #BDBDBD;
-moz-box-shadow: 3px 3px 4px #959494;
-webkit-box-shadow: 3px 3px 4px #959494;
} }
#wall-item-lock { #wall-item-lock {
@ -127,7 +137,9 @@ section {
.button { .button {
border: 1px solid #7C7D7B; border: 1px solid #7C7D7B;
border-radius: 5px 5px 5px 5px; border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
font-size: 1em; font-size: 1em;
background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) ); 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% ); background: -moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% );
@ -140,7 +152,11 @@ section {
.button:hover { .button:hover {
border: 1px solid #7C7D7B; border: 1px solid #7C7D7B;
box-shadow: 0 0 8px #BDBDBD; box-shadow: 0 0 8px #BDBDBD;
border-radius: 5px 5px 5px 5px; -moz-box-shadow: 3px 3px 4px #959494;
-webkit-box-shadow: 3px 3px 4px #959494;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1873a2), color-stop(1, #6da6c4) ); 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% ); background: -moz-linear-gradient( center top, #1873a2 5%, #6da6c4 100% );
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1873a2', endColorstr='#6da6c4'); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1873a2', endColorstr='#6da6c4');
@ -301,7 +317,11 @@ nav {
background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) ); background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) );
border: 1px solid #7C7D7B; border: 1px solid #7C7D7B;
box-shadow: 0 0 8px #BDBDBD; box-shadow: 0 0 8px #BDBDBD;
border-radius: 5px 5px 5px 5px; -moz-box-shadow: 3px 3px 4px #959494;
-webkit-box-shadow: 3px 3px 4px #959494;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
} }
nav a { nav a {
@ -604,7 +624,11 @@ aside a {
box-shadow: 0 0 8px #BDBDBD; box-shadow: 0 0 8px #BDBDBD;
-moz-box-shadow: 3px 3px 4px #959494; -moz-box-shadow: 3px 3px 4px #959494;
-webkit-box-shadow: 3px 3px 4px #959494; -webkit-box-shadow: 3px 3px 4px #959494;
border-radius: 5px 5px 5px 5px; -moz-box-shadow: 3px 3px 4px #959494;
-webkit-box-shadow: 3px 3px 4px #959494;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
} }
aside h4 { aside h4 {
@ -654,9 +678,9 @@ aside h4 {
#wallmessage-link { #wallmessage-link {
display: block; display: block;
color: #FFFFFF; color: #FFFFFF;
border-radius: 5px;
-webkit-border-radius: 5px ; -webkit-border-radius: 5px ;
-moz-border-radius: 5px; -moz-border-radius: 5px;
border-radius: 5px;
padding: 5px; padding: 5px;
font-weight: bold; font-weight: bold;
background-color: #3465a4; background-color: #3465a4;
@ -699,9 +723,9 @@ h3#search:before {
background-color: #f3f3f3; background-color: #f3f3f3;
border: 1px solid #cdcdcd; border: 1px solid #cdcdcd;
margin-bottom: 10px; margin-bottom: 10px;
border-radius: 5px 5px 5px 5px; border-radius: 5px;
-webkit-border-radius: 5px 5px 5px 5px; -webkit-border-radius: 5px;
-moz-border-radius: 5px 5px 5px 5px; -moz-border-radius: 5px;
} }
#group-sidebar { #group-sidebar {
@ -776,7 +800,9 @@ li.widget-list {
text-decoration: none; text-decoration: none;
text-align: center; text-align: center;
border: 1px solid #7C7D7B; border: 1px solid #7C7D7B;
border-radius: 5px 5px 5px 5px; border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
} }
@ -787,7 +813,11 @@ li.widget-list {
background-color: #1873a2; background-color: #1873a2;
border: 1px solid #7C7D7B; border: 1px solid #7C7D7B;
box-shadow: 0 0 8px #BDBDBD; box-shadow: 0 0 8px #BDBDBD;
border-radius: 5px 5px 5px 5px; -moz-box-shadow: 3px 3px 4px #959494;
-webkit-box-shadow: 3px 3px 4px #959494;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
} }
#sidebar-new-group:active { #sidebar-new-group:active {
@ -924,8 +954,12 @@ ul .sidebar-group-li .icon {
height: 47px; height: 47px;
margin-right: 2px; margin-right: 2px;
border: 1px solid #C5C5C5; border: 1px solid #C5C5C5;
border-radius: 3px 3px 3px 3px; border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
box-shadow: 0 0 8px #BDBDBD; box-shadow: 0 0 8px #BDBDBD;
-moz-box-shadow: 3px 3px 4px #959494;
-webkit-box-shadow: 3px 3px 4px #959494;
} }
.contact-block-div { .contact-block-div {
float: left; float: left;
@ -1024,7 +1058,9 @@ ul .sidebar-group-li .icon {
text-decoration: none; text-decoration: none;
text-align: center; text-align: center;
border: 1px solid #7C7D7B; border: 1px solid #7C7D7B;
border-radius: 5px 5px 5px 5px; border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
} }
#jot-preview-form {} #jot-preview-form {}
@ -1044,7 +1080,9 @@ ul .sidebar-group-li .icon {
text-align: center; text-align: center;
padding: 5px 5px; padding: 5px 5px;
border: 1px solid #7C7D7B; border: 1px solid #7C7D7B;
border-radius: 5px 5px 5px 5px; border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
} }
#profile-jot-perms { #profile-jot-perms {
@ -1055,7 +1093,9 @@ ul .sidebar-group-li .icon {
margin-left: 10px; margin-left: 10px;
margin-top: -20px; margin-top: -20px;
border: 1px solid #7C7D7B; border: 1px solid #7C7D7B;
border-radius: 5px 5px 5px 5px; border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
} }
#jot-perms-perms .icon { #jot-perms-perms .icon {
@ -1070,7 +1110,9 @@ ul .sidebar-group-li .icon {
margin-left: 10px; margin-left: 10px;
padding: 5px 5px; padding: 5px 5px;
border: 1px solid #7C7D7B; border: 1px solid #7C7D7B;
border-radius: 5px 5px 5px 5px; border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
} }
#profile-jot-perms:hover, #profile-jot-perms:hover,
@ -1082,7 +1124,11 @@ ul .sidebar-group-li .icon {
background-color: #1873a2; background-color: #1873a2;
border: 1px solid #7C7D7B; border: 1px solid #7C7D7B;
box-shadow: 0 0 8px #BDBDBD; box-shadow: 0 0 8px #BDBDBD;
border-radius: 5px 5px 5px 5px; -moz-box-shadow: 3px 3px 4px #959494;
-webkit-box-shadow: 3px 3px 4px #959494;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
} }
#profile-jot-perms:active, #profile-jot-perms:active,
@ -1249,8 +1295,12 @@ ul .sidebar-group-li .icon {
padding-left: 12px; padding-left: 12px;
background: none repeat scroll 0 0 #FFFFFF; background: none repeat scroll 0 0 #FFFFFF;
border: 1px solid #CDCDCD; border: 1px solid #CDCDCD;
border-radius: 5px 5px 5px 5px; border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
box-shadow: 0 0 8px #BDBDBD; box-shadow: 0 0 8px #BDBDBD;
-moz-box-shadow: 3px 3px 4px #959494;
-webkit-box-shadow: 3px 3px 4px #959494;
} }
.wall-item-outside-wrapper-end { .wall-item-outside-wrapper-end {
@ -1603,7 +1653,9 @@ code {
.tread-wrapper { .tread-wrapper {
border: 0px solid #CDCDCD; border: 0px solid #CDCDCD;
border-radius: 5px 5px 5px 5px; border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
margin-bottom: 20px; margin-bottom: 20px;
background-color: #E2E2E2; background-color: #E2E2E2;
} }
@ -1706,14 +1758,20 @@ code {
background-color: #a2a2a2; background-color: #a2a2a2;
color: #eeeeec; color: #eeeeec;
border: 1px solid #CDCDCD; border: 1px solid #CDCDCD;
border-radius: 5px 5px 5px 5px; border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
} }
.comment-edit-submit:hover { .comment-edit-submit:hover {
background-color: #1873a2; background-color: #1873a2;
border: 1px solid #CDCDCD; border: 1px solid #CDCDCD;
border-radius: 5px 5px 5px 5px; border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
box-shadow: 0 0 8px #BDBDBD; box-shadow: 0 0 8px #BDBDBD;
-moz-box-shadow: 3px 3px 4px #959494;
-webkit-box-shadow: 3px 3px 4px #959494;
} }
.comment-edit-submit:active { .comment-edit-submit:active {
@ -1806,9 +1864,9 @@ div[id$="wrapper"] br {
padding: 5px 10px 5px 10px; padding: 5px 10px 5px 10px;
margin-right: 5px; margin-right: 5px;
font-style: bold; font-style: bold;
border-radius: 5px 5px 5px 5px; border-radius: 5px;
-webkit-border-radius: 5px 5px 5px 5px; -moz-border-radius: 5px;
-moz-border-radius: 5px 5px 5px 5px; -webkit-border-radius: 5px;
} }
#profile-edit-links li a { #profile-edit-links li a {
@ -1907,9 +1965,9 @@ div[id$="wrapper"] br {
padding: 5px 10px 5px 10px; padding: 5px 10px 5px 10px;
margin-right: 5px; margin-right: 5px;
font-style: bold; font-style: bold;
border-radius: 5px 5px 5px 5px; border-radius: 5px;
-webkit-border-radius: 5px 5px 5px 5px; -moz-border-radius: 5px;
-moz-border-radius: 5px 5px 5px 5px; -webkit-border-radius: 5px;
} }
#photo-top-links a { #photo-top-links a {
@ -2083,9 +2141,9 @@ div[id$="wrapper"] br {
select, input { select, input {
border: 1px solid #b0b0b0; border: 1px solid #b0b0b0;
padding: 2px; padding: 2px;
border-radius: 3px 3px 3px 3px; border-radius: 3px;
-webkit-border-radius: 3px 3px 3px 3px; -moz-border-radius: 3px;
-moz-border-radius: 3px 3px 3px 3px; -webkit-border-radius: 3px;
} }
select[size], select[size],
@ -2143,9 +2201,9 @@ input {
padding: 5px 10px 5px 10px; padding: 5px 10px 5px 10px;
margin-right: 5px; margin-right: 5px;
font-style: bold; font-style: bold;
border-radius: 5px 5px 5px 5px; border-radius: 5px;
-webkit-border-radius: 5px 5px 5px 5px; -moz-border-radius: 5px;
-moz-border-radius: 5px 5px 5px 5px; -webkit-border-radius: 5px;
} }
#album-edit-link a { #album-edit-link a {
@ -2304,7 +2362,9 @@ margin-left: 0px;
padding: 2px; padding: 2px;
background-color: #efefef; background-color: #efefef;
border: 1px solid #C5C5C5; border: 1px solid #C5C5C5;
border-radius: 3px 3px 3px 3px; border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
box-shadow: 0 0 8px #BDBDBD; box-shadow: 0 0 8px #BDBDBD;
-moz-box-shadow: 3px 3px 4px #959494; -moz-box-shadow: 3px 3px 4px #959494;
-webkit-box-shadow: 3px 3px 4px #959494; -webkit-box-shadow: 3px 3px 4px #959494;
@ -2661,7 +2721,9 @@ margin-left: 0px;
font-size: 1.1em; font-size: 1.1em;
text-align: center; text-align: center;
border: 1px solid #7C7D7B; border: 1px solid #7C7D7B;
border-radius: 5px 5px 5px 5px; border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
} }
#side-match-link:hover { #side-match-link:hover {
@ -2672,7 +2734,11 @@ margin-left: 0px;
background-color: #1873a2; background-color: #1873a2;
border: 1px solid #7C7D7B; border: 1px solid #7C7D7B;
box-shadow: 0 0 8px #BDBDBD; box-shadow: 0 0 8px #BDBDBD;
border-radius: 5px 5px 5px 5px; -moz-box-shadow: 3px 3px 4px #959494;
-webkit-box-shadow: 3px 3px 4px #959494;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
} }
#side-match-link:active { #side-match-link:active {
@ -2699,7 +2765,9 @@ margin-left: 0px;
font-size: 1.1em; font-size: 1.1em;
text-align: center; text-align: center;
border: 1px solid #7C7D7B; border: 1px solid #7C7D7B;
border-radius: 5px 5px 5px 5px; border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
} }
#side-invite-link:hover { #side-invite-link:hover {
@ -2710,7 +2778,11 @@ margin-left: 0px;
background-color: #1873a2; background-color: #1873a2;
border: 1px solid #7C7D7B; border: 1px solid #7C7D7B;
box-shadow: 0 0 8px #BDBDBD; box-shadow: 0 0 8px #BDBDBD;
border-radius: 5px 5px 5px 5px; -moz-box-shadow: 3px 3px 4px #959494;
-webkit-box-shadow: 3px 3px 4px #959494;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
} }
@ -2738,7 +2810,9 @@ margin-left: 0px;
font-size: 1.1em; font-size: 1.1em;
text-align: center; text-align: center;
border: 1px solid #7C7D7B; border: 1px solid #7C7D7B;
border-radius: 5px 5px 5px 5px; border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
} }
#side-suggest-link:hover { #side-suggest-link:hover {
@ -2749,7 +2823,11 @@ margin-left: 0px;
background-color: #1873a2; background-color: #1873a2;
border: 1px solid #7C7D7B; border: 1px solid #7C7D7B;
box-shadow: 0 0 8px #BDBDBD; box-shadow: 0 0 8px #BDBDBD;
border-radius: 5px 5px 5px 5px; -moz-box-shadow: 3px 3px 4px #959494;
-webkit-box-shadow: 3px 3px 4px #959494;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
} }
#side-suggest-link:active { #side-suggest-link:active {
@ -2776,9 +2854,9 @@ margin-left: 0px;
border: 1px solid #cdcdcd; border: 1px solid #cdcdcd;
padding: 10px; padding: 10px;
margin-top: 20px; margin-top: 20px;
border-radius: 5px 5px 5px 5px; border-radius: 5px;
-webkit-border-radius: 5px 5px 5px 5px; -moz-border-radius: 5px;
-moz-border-radius: 5px 5px 5px 5px; -webkit-border-radius: 5px;
} }
#side-follow-wrapper label{ #side-follow-wrapper label{
@ -2919,7 +2997,9 @@ margin-left: 0px;
background: -moz-linear-gradient(center top , #BDBDBD 5%, #A2A2A2 100%) repeat scroll 0 0 #BDBDBD; background: -moz-linear-gradient(center top , #BDBDBD 5%, #A2A2A2 100%) repeat scroll 0 0 #BDBDBD;
background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) ); background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) );
border: 1px solid #7C7D7B; border: 1px solid #7C7D7B;
border-radius: 5px 5px 5px 5px; border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
} }
#settings-default-perms:hover { #settings-default-perms:hover {
@ -2927,7 +3007,11 @@ margin-left: 0px;
background-color: #555753; background-color: #555753;
border: 1px solid #7C7D7B; border: 1px solid #7C7D7B;
box-shadow: 0 0 8px #BDBDBD; box-shadow: 0 0 8px #BDBDBD;
border-radius: 5px 5px 5px 5px; -moz-box-shadow: 3px 3px 4px #959494;
-webkit-box-shadow: 3px 3px 4px #959494;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
} }
#settings-default-perms:active { #settings-default-perms:active {
@ -3525,7 +3609,9 @@ tr {
.field textarea { .field textarea {
width: 220px; width: 220px;
border: 1px solid #CDCDCD; border: 1px solid #CDCDCD;
border-radius: 5px 5px 5px 5px; border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
} }
.field textarea { .field textarea {
@ -3827,7 +3913,9 @@ footer {
text-align: center; text-align: center;
-webkit-padding-start: 0px; -webkit-padding-start: 0px;
border: 1px solid #7C7D7B; border: 1px solid #7C7D7B;
border-radius: 5px 5px 5px 5px; border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
} }
#global-directory-link:hover { #global-directory-link:hover {
@ -3838,7 +3926,11 @@ footer {
background-color: #1873a2; background-color: #1873a2;
border: 1px solid #7C7D7B; border: 1px solid #7C7D7B;
box-shadow: 0 0 8px #BDBDBD; box-shadow: 0 0 8px #BDBDBD;
border-radius: 5px 5px 5px 5px; -moz-box-shadow: 3px 3px 4px #959494;
-webkit-box-shadow: 3px 3px 4px #959494;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
} }
#global-directory-link:active { #global-directory-link:active {

View file

@ -3,7 +3,7 @@
/* /*
* Name: Smoothly * Name: Smoothly
* Description: Like coffee with milk. Theme works fine with iPad[2]. * Description: Like coffee with milk. Theme works fine with iPad[2].
* Version: Version 0.10.22 * Version: Version 0.10.23
* Author: Alex <https://friendica.pixelbits.de/profile/alex> * Author: Alex <https://friendica.pixelbits.de/profile/alex>
* Maintainer: Alex <https://friendica.pixelbits.de/profile/alex> * Maintainer: Alex <https://friendica.pixelbits.de/profile/alex>
* Screenshot: <a href="screenshot.png">Screenshot</a> * Screenshot: <a href="screenshot.png">Screenshot</a>