style.css
Smoothly
- Created by alex@friendica.pixelbits.de on 2012-10-19
+ Created by alex@friendica.pixelbits.de on 2012-10-23
** Colors **
Blue links - #1873a2
Orange - #fec01d
*/
-body {
- margin: 0 auto;
- padding-bottom: 3em;
- width: 960px;
- font-family: "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
- font-size: 15px;
- font-size-adjust: none;
- font-style: normal;
- font-variant: normal;
- font-weight: normal;
- line-height: 18px;
- color: #626262;
- background-color: #F2F2F2;
- color: #333333;
-}
-
-img {
- border: 0 none;
- max-width: 550px;
-}
-
-a {
- color: #1873a2;
- text-decoration: none;
- margin-bottom: 1px;
-}
-
-a:hover {
- color: #6da6c4;
- padding-bottom: 0px;
-}
-
-h3 > a, h4 > a {
- font-size: 18px;
- color: #626262;
-}
-
-h3 {
- margin: 0px;
- margin-bottom: 5px;
- font-size: 18px;
- color: #626262;
-}
-
-h2 {
- color: #626262;
-}
-
-p {
- max-width: 600px;
-}
-
-li {
- list-style: none outside none;
-}
-
-li.widget-list {
- list-style: none outside none;
- background: url("arrow.png") no-repeat scroll left center transparent;
- display: block;
- padding: 3px 24px;
-}
-
-.required {
- display: inline;
- color: #1873a2;
-}
+@import url('css/typography.css');
-.fakelink, .fakelink:visited, .fakelink:link {
- color: #1873a2;
- cursor: pointer;
- margin-bottom: 10px;
- margin-left: 10px;
- /*background: url("down.png") no-repeat scroll left center transparent;*/
-}
-
-.fakelink:hover {
- color: #6da6c4;
-}
.lockview {
cursor: pointer;
padding: 2px;
width: 550px;
/*margin-top: 10px;*/
- border-radius: 3px 3px 3px 3px;
- -webkit-border-radius: 3px 3px 3px 3px;
- -moz-border-radius: 3px 3px 3px 3px;
+ border-radius: 3px;
+ -moz-border-radius: 3px;
+ -webkit-border-radius: 3px;
}
input[type=text-sidebar] {
width: 172px;
margin-left: 10px;
margin-top: 10px;
- border-radius: 3px 3px 3px 3px;
- -webkit-border-radius: 3px 3px 3px 3px;
- -moz-border-radius: 3px 3px 3px 3px;
+ border-radius: 3px;
+ -moz-border-radius: 3px;
+ -webkit-border-radius: 3px;
}
input[type=submit] {
color: #efefef;
text-align: center;
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 {
color: #efefef;
border: 1px solid #7C7D7B;
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 {
position: relative;
top: 1px;
}
+#search-submit {
+ margin: 10px 10px 0 0;
+}
+
.smalltext {
font-size: 0.7em
}
padding: 3px;
background: none repeat scroll 0 0 #FFFFFF;
border: 1px solid #C5C5C5;
- border-radius: 3px 3px 3px 3px;
- box-shadow: 0 0 8px #BDBDBD;
+ border-radius: 3px;
+ -moz-border-radius: 3px;
+ -webkit-border-radius: 3px;
+ box-shadow: 0 0 8px #BDBDBD;
+ -moz-box-shadow: 3px 3px 4px #959494;
+ -webkit-box-shadow: 3px 3px 4px #959494;
}
#wall-item-lock {
.button {
border: 1px solid #7C7D7B;
- border-radius: 5px 5px 5px 5px;
+ border-radius: 5px;
+ -moz-border-radius: 5px;
+ -webkit-border-radius: 5px;
font-size: 1em;
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% );
.button:hover {
border: 1px solid #7C7D7B;
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: -moz-linear-gradient( center top, #1873a2 5%, #6da6c4 100% );
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1873a2', endColorstr='#6da6c4');
/* ========= */
.pager {
- padding-top: 30px;
+ padding-top: 10px;
+ padding-bottom: 10px;
display: block;
clear: both;
text-align: center;
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;
- 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 {
padding-bottom: 8px;
}
*/
+
.error-message {
color: #FF0000;
font-size: 1.1em;
float: right;
width: 205px;
margin-top: 45px;
- font-size: 0.9em;
+ /*font-size: 0.9em;*/
font-style: bold;
}
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;
+ -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 {
#wallmessage-link {
display: block;
color: #FFFFFF;
+ border-radius: 5px;
-webkit-border-radius: 5px ;
-moz-border-radius: 5px;
- border-radius: 5px;
padding: 5px;
font-weight: bold;
background-color: #3465a4;
background-color: #f3f3f3;
border: 1px solid #cdcdcd;
margin-bottom: 10px;
- border-radius: 5px 5px 5px 5px;
- -webkit-border-radius: 5px 5px 5px 5px;
- -moz-border-radius: 5px 5px 5px 5px;
+ border-radius: 5px;
+ -webkit-border-radius: 5px;
+ -moz-border-radius: 5px;
}
#group-sidebar {
padding-bottom: 10px;
}
+#peoplefind-desc {
+ margin-left: 10px;
+}
+
#sidebar-group-list {
margin-left: 0px;
margin-right: 30px;
}
#sidebar-group-list a {
- padding-bottom: 10px;
+ /*padding-bottom: 10px;*/
}
/*#sidebar-group-list ul {
border: 1px solid #cdcdcd;
}
+li.widget-list {
+ list-style: none outside none;
+ background: url("arrow.png") no-repeat scroll left center transparent;
+ display: block;
+ padding: 3px 24px;
+}
+
#sidebar-new-group {
padding: 7px;
width: 165px;
text-decoration: none;
text-align: center;
border: 1px solid #7C7D7B;
- border-radius: 5px 5px 5px 5px;
+ border-radius: 5px;
+ -moz-border-radius: 5px;
+ -webkit-border-radius: 5px;
}
background-color: #1873a2;
border: 1px solid #7C7D7B;
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 {
ul .sidebar-group-li {
list-style: none;
font-size: 1.0em;
- padding-bottom: 5px;
+ /*padding-bottom: 5px;*/
}
ul .sidebar-group-li .icon {
}
.nets-ul li, .fileas-ul li, .categories-ul li {
- margin-top: 10px;
+ /*margin-top: 10px;*/
}
.nets-link {
}
.widget h3 {
+ font-size: 125%;
background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #f0edf0), color-stop(1, #e2e2e2) );
background: -moz-linear-gradient( center top, #f0edf0 5%, #e2e2e2 100% );
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f0edf0', endColorstr='#e2e2e2');
text-shadow: -1px 0px 0px #bdbdbd;
}
+#connect-desc {
+ margin-left: 10px;
+}
+
#group-sidebar h3:before {
content: url("groups.png");
padding-right: 10px;
height: 47px;
margin-right: 2px;
border: 1px solid #C5C5C5;
- border-radius: 3px 3px 3px 3px;
- box-shadow: 0 0 8px #BDBDBD;
+ border-radius: 3px;
+ -moz-border-radius: 3px;
+ -webkit-border-radius: 3px;
+ box-shadow: 0 0 8px #BDBDBD;
+ -moz-box-shadow: 3px 3px 4px #959494;
+ -webkit-box-shadow: 3px 3px 4px #959494;
}
.contact-block-div {
float: left;
text-decoration: none;
text-align: center;
border: 1px solid #7C7D7B;
- border-radius: 5px 5px 5px 5px;
+ border-radius: 5px;
+ -moz-border-radius: 5px;
+ -webkit-border-radius: 5px;
}
#jot-preview-form {}
text-align: center;
padding: 5px 5px;
border: 1px solid #7C7D7B;
- border-radius: 5px 5px 5px 5px;
+ border-radius: 5px;
+ -moz-border-radius: 5px;
+ -webkit-border-radius: 5px;
}
#profile-jot-perms {
margin-left: 10px;
margin-top: -20px;
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 {
margin-left: 10px;
padding: 5px 5px;
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,
background-color: #1873a2;
border: 1px solid #7C7D7B;
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,
padding-left: 12px;
background: none repeat scroll 0 0 #FFFFFF;
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;
+ -moz-box-shadow: 3px 3px 4px #959494;
+ -webkit-box-shadow: 3px 3px 4px #959494;
}
.wall-item-outside-wrapper-end {
}
.wall-item-location .smalltext {
- margin-left: 25px;
+ margin-left: 0px;
font-size: 0.9em;
display: block;
}
margin-top: 10px;
}
-blockquote {
- background-color: #F4F8F9;
- border-left: 4px solid #DAE4EE;
- padding: 0.4em;
-}
/* ============ */
/* = Comments = */
.tread-wrapper {
border: 0px solid #CDCDCD;
- border-radius: 5px 5px 5px 5px;
+ border-radius: 5px;
+ -moz-border-radius: 5px;
+ -webkit-border-radius: 5px;
margin-bottom: 20px;
background-color: #E2E2E2;
}
background-color: #a2a2a2;
color: #eeeeec;
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 {
background-color: #1873a2;
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;
+ -moz-box-shadow: 3px 3px 4px #959494;
+ -webkit-box-shadow: 3px 3px 4px #959494;
}
.comment-edit-submit:active {
padding: 5px 10px 5px 10px;
margin-right: 5px;
font-style: bold;
- border-radius: 5px 5px 5px 5px;
- -webkit-border-radius: 5px 5px 5px 5px;
- -moz-border-radius: 5px 5px 5px 5px;
+ border-radius: 5px;
+ -moz-border-radius: 5px;
+ -webkit-border-radius: 5px;
}
#profile-edit-links li a {
padding: 5px 10px 5px 10px;
margin-right: 5px;
font-style: bold;
- border-radius: 5px 5px 5px 5px;
- -webkit-border-radius: 5px 5px 5px 5px;
- -moz-border-radius: 5px 5px 5px 5px;
+ border-radius: 5px;
+ -moz-border-radius: 5px;
+ -webkit-border-radius: 5px;
}
#photo-top-links a {
select, input {
border: 1px solid #b0b0b0;
padding: 2px;
- border-radius: 3px 3px 3px 3px;
- -webkit-border-radius: 3px 3px 3px 3px;
- -moz-border-radius: 3px 3px 3px 3px;
+ border-radius: 3px;
+ -moz-border-radius: 3px;
+ -webkit-border-radius: 3px;
}
select[size],
padding: 5px 10px 5px 10px;
margin-right: 5px;
font-style: bold;
- border-radius: 5px 5px 5px 5px;
- -webkit-border-radius: 5px 5px 5px 5px;
- -moz-border-radius: 5px 5px 5px 5px;
+ border-radius: 5px;
+ -moz-border-radius: 5px;
+ -webkit-border-radius: 5px;
}
#album-edit-link a {
padding: 2px;
background-color: #efefef;
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;
-moz-box-shadow: 3px 3px 4px #959494;
-webkit-box-shadow: 3px 3px 4px #959494;
font-size: 1.1em;
text-align: center;
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 {
background-color: #1873a2;
border: 1px solid #7C7D7B;
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 {
font-size: 1.1em;
text-align: center;
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 {
background-color: #1873a2;
border: 1px solid #7C7D7B;
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;
}
font-size: 1.1em;
text-align: center;
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 {
background-color: #1873a2;
border: 1px solid #7C7D7B;
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 {
border: 1px solid #cdcdcd;
padding: 10px;
margin-top: 20px;
- border-radius: 5px 5px 5px 5px;
- -webkit-border-radius: 5px 5px 5px 5px;
- -moz-border-radius: 5px 5px 5px 5px;
+ border-radius: 5px;
+ -moz-border-radius: 5px;
+ -webkit-border-radius: 5px;
}
#side-follow-wrapper label{
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) );
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 {
background-color: #555753;
border: 1px solid #7C7D7B;
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-nickname-desc {
width: 80%;
background-color: #efefef;
+ margin-top: 10px;
margin-bottom: 10px;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
- padding: 5px;
+ padding: 10px;
}
#register-form div {
.field textarea {
width: 220px;
border: 1px solid #CDCDCD;
- border-radius: 5px 5px 5px 5px;
+ border-radius: 5px;
+ -moz-border-radius: 5px;
+ -webkit-border-radius: 5px;
}
.field textarea {
.field_help {
display: block;
- margin-left: 100px;
+ margin-left: 0px;
+ margin-bottom: 10px;
color: #666666;
}
text-align: center;
-webkit-padding-start: 0px;
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 {
background-color: #1873a2;
border: 1px solid #7C7D7B;
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 {
div#datebrowse-sidebar.widget {
text-align:center;
}
+
+/* Fakelink */
+
+.fakelink, .fakelink:visited, .fakelink:link {
+ color: #1873a2;
+ cursor: pointer;
+ margin-bottom: 10px;
+ margin-left: 10px;
+ /*background: url("down.png") no-repeat scroll left center transparent;*/
+}
+
+.fakelink:hover {
+ color: #6da6c4;
+}