modified: view/theme/smoothly/style.css

This commit is contained in:
pixelroot 2012-09-11 11:25:01 +02:00
parent 5f7f1fb7b1
commit 30a9db78f5

View file

@ -5,9 +5,8 @@
Created by Anne Walk and Devlon Duthie on 2011-09-24 Created by Anne Walk and Devlon Duthie on 2011-09-24
Modified by alex@friendica.pixelbits.de on 2012-09-11 Modified by alex@friendica.pixelbits.de on 2012-09-11
*/
/* ========== */ ** Colors **
/* = Colors
Blue links - #1873a2 Blue links - #1873a2
Blue link hover - #6da6c4 Blue link hover - #6da6c4
Blue Gradients (buttons and other gradients) - #1873a2 and #6da6c4 Blue Gradients (buttons and other gradients) - #1873a2 and #6da6c4
@ -18,8 +17,7 @@ Orange - #fec01d
You can switch out the colors of the header, buttons and links by using a find and replace in your text editor. You can switch out the colors of the header, buttons and links by using a find and replace in your text editor.
= */ */
/* ========== */
body { body {
margin: 0 auto; margin: 0 auto;
@ -473,7 +471,6 @@ aside a{
.vcard { .vcard {
font-size: 1em; font-size: 1em;
/* font-variant:small-caps; */
} }
.vcard dd { .vcard dd {
@ -507,7 +504,6 @@ aside h4 { font-size: 1.3em; }
color: #626262; color: #626262;
text-align: center; text-align: center;
font-weight: bold; font-weight: bold;
/* font-variant:small-caps; */
font-size: 1.1em; font-size: 1.1em;
} }
.allcontact-link a { .allcontact-link a {
@ -921,7 +917,6 @@ profile-jot-banner-wrapper {
min-width: 400px; min-width: 400px;
list-style: none; list-style: none;
padding: 20px 0px 0px; padding: 20px 0px 0px;
/*border-bottom: 1px solid #efefef;*/
font-size: 0.9em; font-size: 0.9em;
} }
.tabs li { display: inline;} .tabs li { display: inline;}
@ -953,10 +948,7 @@ profile-jot-banner-wrapper {
border: 1px solid #CDCDCD; border: 1px solid #CDCDCD;
border-radius: 5px 5px 5px 5px; border-radius: 5px 5px 5px 5px;
box-shadow: 3px 3px 4px 0 #959494; box-shadow: 3px 3px 4px 0 #959494;
/*color: #E6E6E6;*/
margin-top: 20px; margin-top: 20px;
/*text-shadow: -1px 0 0 #BDBDBD;*/
/* Overflow: hidden; */
} }
.wall-item-outside-wrapper-end { clear: both;} .wall-item-outside-wrapper-end { clear: both;}
@ -989,7 +981,6 @@ profile-jot-banner-wrapper {
-o-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out;
-ms-transition: all 0.25s ease-in-out; -ms-transition: all 0.25s ease-in-out;
transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out;
/*margin-left: 140px;*/
margin-top: 10px; margin-top: 10px;
padding-bottom: 5px; padding-bottom: 5px;
float: right; float: right;
@ -1099,7 +1090,6 @@ profile-jot-banner-wrapper {
.wall-item-conv a{ .wall-item-conv a{
font-size: 0.9em; font-size: 0.9em;
color: #898989; color: #898989;
/* font-variant:small-caps; */
} }
.wallwall .wwto { .wallwall .wwto {
@ -1216,7 +1206,6 @@ profile-jot-banner-wrapper {
.icollapse-wrapper { .icollapse-wrapper {
font-size: 0.9em; font-size: 0.9em;
color: #898989; color: #898989;
/* font-variant:small-caps; */
} }
.comment-wwedit-wrapper, .comment-wwedit-wrapper,
@ -1326,7 +1315,6 @@ div[id$="wrapper"] br { clear: left; }
.profile-listing-name { .profile-listing-name {
font-size: 1em; font-size: 1em;
/* font-variant: small-caps;*/
} }
.profile-listing-name a { .profile-listing-name a {
color: #898989; color: #898989;
@ -1372,7 +1360,6 @@ div[id$="wrapper"] br { clear: left; }
.profile-match-name a{ .profile-match-name a{
color: #999; color: #999;
/*font-variant: small-caps;*/
font-size: 1em; font-size: 1em;
} }
@ -1492,7 +1479,6 @@ div[id$="wrapper"] br { clear: left; }
padding: 0px 5px; padding: 0px 5px;
font-weight: bold; font-weight: bold;
font-stretch:semi-expanded; font-stretch:semi-expanded;
/* font-variant:small-caps; */
} }
.photo-top-album-name a{ .photo-top-album-name a{
@ -1506,7 +1492,6 @@ div[id$="wrapper"] br { clear: left; }
text-align: center; text-align: center;
color: #6e6e6e; color: #6e6e6e;
font-size: 0.9em; font-size: 0.9em;
/* font-variant: small-caps; */
} }
#photo-photo{ #photo-photo{
@ -1517,7 +1502,6 @@ div[id$="wrapper"] br { clear: left; }
#photo-caption { #photo-caption {
margin-top: 10px; margin-top: 10px;
color: #6E6E6E; color: #6E6E6E;
/* font-variant:small-caps; */
font-size: 1.1em; font-size: 1.1em;
} }
@ -1754,7 +1738,6 @@ input#photo_edit_form {
} }
#prvmail-message-label { #prvmail-message-label {
/* font-variant:small-caps; */
font-size: 1em; font-size: 1em;
} }
@ -1800,7 +1783,6 @@ margin-left: 0px;
.mail-list-sender-name { .mail-list-sender-name {
font-size: 1.1em; font-size: 1.1em;
display: inline; display: inline;
/* font-variant:small-caps; */
} }
.mail-list-date { .mail-list-date {
@ -1810,7 +1792,6 @@ margin-left: 0px;
font-size: 0.9em; font-size: 0.9em;
padding-left: 10px; padding-left: 10px;
font-stretch:ultra-condensed; font-stretch:ultra-condensed;
/* font-variant:small-caps; */
} }
.mail-list-subject { .mail-list-subject {
@ -1935,7 +1916,6 @@ margin-left: 0px;
font: #999; font: #999;
font-size: 12px; font-size: 12px;
text-align:center; text-align:center;
/* font-variant:small-caps; */
font-weight: bold; font-weight: bold;
margin-top:5px; margin-top:5px;
} }
@ -1954,7 +1934,6 @@ margin-left: 0px;
#contact-edit-banner-name { font-size: 1.5em; margin-left: 30px; } #contact-edit-banner-name { font-size: 1.5em; margin-left: 30px; }
#contact-edit-update-now { #contact-edit-update-now {
padding:7px; padding:7px;
width: 165px; width: 165px;
@ -1995,7 +1974,6 @@ margin-left: 0px;
margin: auto; margin: auto;
} }
.contact-photo-menu-button { .contact-photo-menu-button {
position: absolute; position: absolute;
background-image: url("photo-menu.jpg"); background-image: url("photo-menu.jpg");
@ -2069,7 +2047,6 @@ margin-left: 0px;
width: 158px; width: 158px;
padding: 10px; padding: 10px;
margin: auto 10px 20px; margin: auto 10px 20px;
/*margin-bottom: 20px;*/
-moz-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; -webkit-box-shadow:inset 0px 1px 0px 0px #cfcfcf;
box-shadow:inset 0px 1px 0px 0px #cfcfcf; box-shadow:inset 0px 1px 0px 0px #cfcfcf;
@ -2173,7 +2150,6 @@ margin-left: 0px;
background-color:#1873a2; background-color:#1873a2;
} }
#side-suggest-link:active { #side-suggest-link:active {
background-color: #1873a2; background-color: #1873a2;
position:relative; position:relative;
@ -2329,7 +2305,6 @@ margin-left: 0px;
-webkit-box-shadow:inset 0px 1px 0px 0px #cfcfcf; -webkit-box-shadow:inset 0px 1px 0px 0px #cfcfcf;
box-shadow:inset 0px 1px 0px 0px #cfcfcf; box-shadow:inset 0px 1px 0px 0px #cfcfcf;
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #7c7d7b), color-stop(1, #555753) ); background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #7c7d7b), color-stop(1, #555753) );
/*background:-moz-linear-gradient( center top, #7c7d7b 5%, #555753 100% );*/
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;
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#7c7d7b', endColorstr='#555753'); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#7c7d7b', endColorstr='#555753');
color: #EFEFEF; color: #EFEFEF;
@ -2441,7 +2416,7 @@ margin-left: 0px;
background-color:#bdbdbd; background-color:#bdbdbd;
-moz-border-radius:5px; -moz-border-radius:5px;
-webkit-border-radius:5px; -webkit-border-radius:5px;
border-radius:5px;*/ border-radius:5px;
} }
.group-delete-wrapper:hover { .group-delete-wrapper:hover {
@ -2576,7 +2551,6 @@ margin-left: 0px;
margin-bottom: 2px; margin-bottom: 2px;
margin-top: 2px; margin-top: 2px;
font-size: 0.9em; font-size: 0.9em;
/* font-variant: small-caps; */
text-align: left; text-align: left;
} }
@ -2642,7 +2616,6 @@ margin-left: 0px;
.event-list-date { .event-list-date {
color: #626262; color: #626262;
margin-bottom: 10px; margin-bottom: 10px;
/* font-variant:small-caps; */
font-stretch:condensed; font-stretch:condensed;
} }
@ -2678,7 +2651,6 @@ margin-left: 0px;
color: #ffffff; color: #ffffff;
font-weight: bold; font-weight: bold;
text-align:center; text-align:center;
/* font-variant:small-caps; */
-moz-box-shadow: 5px 2px 8px #959494; -moz-box-shadow: 5px 2px 8px #959494;
-webkit-box-shadow: 5px 2px 8px #959494; -webkit-box-shadow: 5px 2px 8px #959494;
box-shadow: 5px 2px 8px #959494; box-shadow: 5px 2px 8px #959494;
@ -2756,13 +2728,11 @@ tr {
.directory-details { .directory-details {
font-size: 0.9em; font-size: 0.9em;
/* font-variant: small-caps; */
width: 160px; width: 160px;
} }
.directory-name { .directory-name {
font-size: 1em; font-size: 1em;
/* font-variant: small-caps; */
width: 150px; width: 150px;
} }
@ -2923,7 +2893,7 @@ tr {
margin-left: 5px; margin-left: 5px;
margin-right: 5px; margin-right: 5px;
display: block; width: 20px; height: 20px; display: block; width: 20px; height: 20px;
background-image: url('icons.png'); background-image: url("icons.png");
} }
.starred { .starred {
background-image: url("star.png"); background-image: url("star.png");
@ -2976,7 +2946,7 @@ tr {
} }
.sharePerms { .sharePerms {
background-image: url(icons.png); background-image: url("icons.png");
width: 20px; width: 20px;
height: 20px; height: 20px;
margin: 2px 0px 2px 3px; margin: 2px 0px 2px 3px;
@ -3000,7 +2970,7 @@ tr {
.attachtype { .attachtype {
display: block; width: 20px; height: 23px; display: block; width: 20px; height: 23px;
background-image: url('../../../images/content-types.png'); background-image: url("../../../images/content-types.png");
} }
.type-video { background-position: 0px 0px; } .type-video { background-position: 0px 0px; }
@ -3325,18 +3295,25 @@ ul.menu-popup {
background: #000; background: #000;
} }
/* Pages profile widget */ /* Pages profile widget
----------------------------------------------------------- */
#page-profile div#profile-page-list{ #page-profile div#profile-page-list{
margin-left: 45px; margin-left: 45px;
} }
hr.line-dots { hr.line-dots {
background: url(view/theme/smoothly/dot.png) repeat-x scroll left center transparent; background: url("view/theme/smoothly/dot.png") repeat-x scroll left center transparent;
border: medium none; border: medium none;
/*padding: 0.5em 0;*/ /*padding: 0.5em 0;*/
} }
/* SCROLL TO TOP /* SCROLL TO TOP
----------------------------------------------------------- */ ----------------------------------------------------------- */
#scrollup{position:fixed;right:5px;bottom:5px;z-index:100;}#scrollup a:hover{text-decoration:none;border:0;} #scrollup {
position:fixed;
right:5px;
bottom:5px;
z-index:100;
}
#scrollup a:hover{text-decoration:none;border:0;}