Smoothly
Created by Anne Walk and Devlon Duthie on 2011-09-24
- Modified by alex@friendica.pixelbits.de on 2012-09-06
+ Modified by alex@friendica.pixelbits.de on 2012-09-12
-*/
-/* ========== */
-/* = Colors
+
+** Colors **
Blue links - #1873a2
Blue link hover - #6da6c4
Blue Gradients (buttons and other gradients) - #1873a2 and #6da6c4
You can switch out the colors of the header, buttons and links by using a find and replace in your text editor.
- = */
-/* ========== */
+*/
body {
margin: 0 auto;
padding-bottom: 3em;
- position: relative;
+ /*position: relative;*/
width: 960px;
font-family: "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
font-size: 15px;
}
li {
- list-style: none;
+ list-style: none outside none;
+}
+li.widget-list {
+ list-style: none outside none;
+ background: url("arrow.png") no-repeat scroll left center transparent;
+ /*border-bottom: 1px dotted #D3D3D3;*/
+ display: block;
+ padding: 3px 24px;
}
.required { display: inline; color: #1873a2; }
.mframe {
padding: 2px;
- background-color: #efefef;
+ background: none repeat scroll 0 0 #FFFFFF;
+ border: 1px solid #C5C5C5;
+ border-radius: 3px 3px 3px 3px;
+ box-shadow: 0 0 8px #BDBDBD;
+ /*background-color: #efefef;
border: 1px solid #dddddd;
-moz-box-shadow: 3px 3px 4px #959494;
-webkit-box-shadow: 3px 3px 4px #959494;
- box-shadow: 3px 3px 4px #959494;
+ box-shadow: 3px 3px 4px #959494;*/
}
#wall-item-lock {
}
.button {
- border: none;
+ 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;
font-size: 1em;
- -moz-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;
- 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;
- -moz-border-radius:5px;
- -webkit-border-radius:5px;
- border-radius:5px;
- color:#efefef;
- text-align: center;
+ box-shadow: inset 0px 0px 0px 0px #cfcfcf;
+ -moz-box-shadow:inset 0px 0px 0px 0px #cfcfcf;
+ -webkit-box-shadow:inset 0px 0px 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;
+ color: #efefef;
+ text-align: center;
}
.button:hover {
- border: none;
- 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% );
- filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#1873a2', endColorstr='#6da6c4');
- background-color:#1873a2;
- color: #efefef;
+ 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% );
+ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1873a2', endColorstr='#6da6c4');
+ background-color: #1873a2;
+ color: #efefef;
}
.button:active {
- position:relative;
- top:1px;
+ position: relative;
+ top: 1px;
}
.button a {
height: 40px;
position: fixed;
color: #efefef;
- background: url("nav-bg.png") no-repeat scroll 0px 0px transparent;
- /*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% );*/
- /*filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#7c7d7b', endColorstr='#555753');*/
- /*background-color:#7c7d7b;*/
margin-bottom: 16px;
font-size: 15px;
- /*border-bottom: 1px solid #494948;*/
+ background: -moz-linear-gradient(center top , #BDBDBD 5%, #A2A2A2 100%) repeat scroll 0 0 #BDBDBD;
+ 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;
}
nav a { text-decoration: none; color: #eeeeec; border:0px;}
nav a:hover { text-decoration: none; color: #eeeeec; border:0px;}
}
nav #user-menu {
display: block;
- width: 190px; /*240*/
+ width: 190px;
float: right;
- margin-right: 5px; /*20%*/
+ margin-right: 5px;
margin-top: 3px;
padding: 5px;
position: relative;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
- border: 1px solid #9A9A9A;
+ border: 1px solid #7C7D8B;
color:#efefef;
text-decoration:none;
text-align: center;
aside {
float: right;
- margin-right: 5px; /*10%*/
+ /*margin-right: 5px;/
/*width: 21%;*/
- width: 200px; /*250*/
+ width: 205px; /*250*/
margin-top: 40px; /*50*/
- font-size: 1.0em;
+ font-size: 0.9em;
font-style: bold;
}
.vcard {
font-size: 1em;
-/* font-variant:small-caps; */
}
.vcard dd {
.vcard #profile-photo-wrapper {
margin: 10px 0px;
- padding: 12px;
- width: 175px;
- background-color: #f3f3f3;
- border: 1px solid #dddddd;
+ padding: 6px;
+ width: auto;
+ background: none repeat scroll 0 0 #FFFFFF;
+ /*background-color: #f3f3f3;*/
+ border: 1px solid #C5C5C5; /*1px solid #dddddd;*/
-moz-box-shadow: 3px 3px 4px #959494;
-webkit-box-shadow: 3px 3px 4px #959494;
- box-shadow: 3px 3px 4px #959494;
-border-radius: 5px 5px 5px 5px;
+ box-shadow: 0 0 8px #BDBDBD; /*3px 3px 4px #959494;*/
+ border-radius: 5px 5px 5px 5px;
}
aside h4 { font-size: 1.3em; }
color: #626262;
text-align: center;
font-weight: bold;
-/* font-variant:small-caps; */
- font-size: 1.1em;
+ font-size: 1em;
}
.allcontact-link a {
padding-bottom: 10px;
/* ================== */
.contact-block-img {
- width: 48px; /*42*/
- height: 48px;
- padding-right: 2px;
+ width: 47px;
+ height: 47px;
+ margin-right: 2px;
+ border: 1px solid #C5C5C5;
+ border-radius: 3px 3px 3px 3px;
+ box-shadow: 0 0 8px #BDBDBD;
}
.contact-block-div {
float: left;
min-width: 400px;
list-style: none;
padding: 20px 0px 0px;
- /*border-bottom: 1px solid #efefef;*/
font-size: 0.9em;
}
.tabs li { display: inline;}
margin-bottom: 20px;
padding-right: 10px;
padding-left: 12px;
- background: -moz-linear-gradient(center top , #F8F8F8 5%, #F6F6F6 100%) repeat scroll 0 0 #F8F8F8;
+ background: none repeat scroll 0 0 #FFFFFF;
+ /*background: -moz-linear-gradient(center top , #F8F8F8 5%, #F6F6F6 100%) repeat scroll 0 0 #F8F8F8;*/
border: 1px solid #CDCDCD;
border-radius: 5px 5px 5px 5px;
- box-shadow: 3px 3px 4px 0 #959494;
- /*color: #E6E6E6;*/
+ box-shadow: 0 0 8px #BDBDBD; /*3px 3px 4px 0 #959494;*/
margin-top: 20px;
- /*text-shadow: -1px 0 0 #BDBDBD;*/
- /* Overflow: hidden; */
}
.wall-item-outside-wrapper-end { clear: both;}
-o-transition: all 0.25s ease-in-out;
-ms-transition: all 0.25s ease-in-out;
transition: all 0.25s ease-in-out;
- /*margin-left: 140px;*/
margin-top: 10px;
padding-bottom: 5px;
float: right;
.wall-item-location .icon { float: left; }
.wall-item-location > a {
margin-left: 0px; /*25*/
+ margin-right: 2px;
font-size: 0.9em;
display: block;
-/* font-variant:small-caps; */
+ font-variant:small-caps;
color: #898989;
}
.wall-item-conv a{
font-size: 0.9em;
color: #898989;
-/* font-variant:small-caps; */
}
.wallwall .wwto {
.icollapse-wrapper {
font-size: 0.9em;
color: #898989;
-/* font-variant:small-caps; */
}
.comment-wwedit-wrapper,
#item-delete-selected-desc {
color: #898989;
+ float: left;
}
.wall-item-body code {
.profile-listing-name {
font-size: 1em;
-/* font-variant: small-caps;*/
}
.profile-listing-name a {
color: #898989;
.profile-match-name a{
color: #999;
- /*font-variant: small-caps;*/
font-size: 1em;
}
padding: 0px 5px;
font-weight: bold;
font-stretch:semi-expanded;
-/* font-variant:small-caps; */
}
.photo-top-album-name a{
text-align: center;
color: #6e6e6e;
font-size: 0.9em;
-/* font-variant: small-caps; */
}
#photo-photo{
#photo-caption {
margin-top: 10px;
color: #6E6E6E;
-/* font-variant:small-caps; */
font-size: 1.1em;
}
}
#prvmail-message-label {
-/* font-variant:small-caps; */
font-size: 1em;
}
.mail-list-sender {
float: left;
- padding: 5px;
+ padding: 2px;
background-color: #efefef;
- border: 1px dotted #eeeeee;
- -moz-box-shadow: 3px 3px 4px #959494;
- -webkit-box-shadow: 3px 3px 4px #959494;
- box-shadow: 3px 3px 4px #959494;
+ border: 1px solid #C5C5C5;
+ border-radius: 3px 3px 3px 3px;
+ box-shadow: 0 0 8px #BDBDBD;
+ -moz-box-shadow: 3px 3px 4px #959494;
+ -webkit-box-shadow: 3px 3px 4px #959494;
}
.mail-list-detail {
.mail-list-sender-name {
font-size: 1.1em;
display: inline;
-/* font-variant:small-caps; */
}
.mail-list-date {
font-size: 0.9em;
padding-left: 10px;
font-stretch:ultra-condensed;
-/* font-variant:small-caps; */
}
.mail-list-subject {
font: #999;
font-size: 12px;
text-align:center;
-/* font-variant:small-caps; */
font-weight: bold;
margin-top:5px;
}
#contact-edit-banner-name { font-size: 1.5em; margin-left: 30px; }
-
#contact-edit-update-now {
padding:7px;
width: 165px;
margin: auto;
}
-
.contact-photo-menu-button {
position: absolute;
background-image: url("photo-menu.jpg");
width: 158px;
padding: 10px;
margin: auto 10px 20px;
- /*margin-bottom: 20px;*/
-moz-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;
background-color:#1873a2;
}
-
#side-suggest-link:active {
background-color: #1873a2;
position:relative;
-webkit-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:-moz-linear-gradient( center top, #7c7d7b 5%, #555753 100% );*/
background: -moz-linear-gradient(center top , #BDBDBD 5%, #A2A2A2 100%) repeat scroll 0 0 #BDBDBD;
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#7c7d7b', endColorstr='#555753');
color: #EFEFEF;
background-color:#bdbdbd;
-moz-border-radius:5px;
-webkit-border-radius:5px;
- border-radius:5px;*/
+ border-radius:5px;
}
.group-delete-wrapper:hover {
margin-bottom: 2px;
margin-top: 2px;
font-size: 0.9em;
-/* font-variant: small-caps; */
text-align: left;
}
.event-list-date {
color: #626262;
margin-bottom: 10px;
-/* font-variant:small-caps; */
font-stretch:condensed;
}
color: #ffffff;
font-weight: bold;
text-align:center;
-/* font-variant:small-caps; */
-moz-box-shadow: 5px 2px 8px #959494;
-webkit-box-shadow: 5px 2px 8px #959494;
box-shadow: 5px 2px 8px #959494;
.directory-details {
font-size: 0.9em;
-/* font-variant: small-caps; */
width: 160px;
}
.directory-name {
font-size: 1em;
-/* font-variant: small-caps; */
width: 150px;
}
/* =============== */
.field {
- margin-bottom: 5px;
+ margin-bottom: 10px;
+ margin-top: 10px;
padding-bottom: 0px;
/*overflow: auto;*/
width: 90%;
.field label {
float: left;
- width: 400px; /*550*/
+ width: 480px; /*550*/
}
.field input,
margin-left: 5px;
margin-right: 5px;
display: block; width: 20px; height: 20px;
- background-image: url('icons.png');
+ background-image: url("icons.png");
}
.starred {
background-image: url("star.png");
}
.sharePerms {
- background-image: url(icons.png);
+ background-image: url("icons.png");
width: 20px;
height: 20px;
margin: 2px 0px 2px 3px;
.attachtype {
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; }
background:-moz-linear-gradient( center top, #1873a2 5%, #6da6c4 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#1873a2', endColorstr='#6da6c4');
background-color:#1873a2;
- color:#efefef;
+ color:#fec01d;
padding: 5px 10px 5px 10px;
margin-right: 5px;
}
background: #000;
}
-/* Pages profile widget */
+/* Pages profile widget
+----------------------------------------------------------- */
#page-profile div#profile-page-list{
margin-left: 45px;
}
border: medium none;
/*padding: 0.5em 0;*/
}
+
+/* SCROLL TO TOP
+----------------------------------------------------------- */
+#scrollup {
+ position:fixed;
+ right:5px;
+ bottom:5px;
+ z-index:100;
+}
+#scrollup a:hover{text-decoration:none;border:0;}
+