2012-12-18 17:13:14 +00:00
/ * *
2013-01-23 08:26:26 +00:00
* Redbasic
*
* Based on duepuntozero Friendica style
* by Fabio Comuni < fabrix . xm @ gmail . com >
2012-12-18 17:13:14 +00:00
* /
/* generals */
body {
2013-01-23 08:26:26 +00:00
font-family : arial , freesans , clean , sans-serif ;
2012-12-18 17:13:14 +00:00
font-size : 12px ;
2013-03-05 23:48:56 +00:00
background-color : # FFFFFF ;
2012-12-18 17:13:14 +00:00
color : # 000000 ;
margin : 0px ;
}
2013-01-23 08:26:26 +00:00
. jslider {
font-family : arial , freesans , clean , sans-serif ;
}
2012-12-18 17:13:14 +00:00
abbr {
border-bottom : none ;
}
aside {
border : none ;
2013-01-24 01:51:44 +00:00
color : # 444444 ;
2012-12-18 17:13:14 +00:00
}
/* icons */
. icon {
background-color : transparent ;
background-repeat : no-repeat ;
display : block ;
overflow : hidden ;
text-indent : -9999px ;
}
2013-01-08 19:59:29 +00:00
2012-12-18 17:13:14 +00:00
. icon . text {
text-indent : 0px ;
}
. icon . notify {
background-image : url ( "../img/notify_on.png" ) ;
2013-01-04 04:41:17 +00:00
min-width : 22px ;
2012-12-18 17:13:14 +00:00
height : 22px ;
margin-top : -4px ;
background-position : left center ;
padding : 1px ;
}
. icon . gear {
2013-01-01 13:15:45 +00:00
background-image : url ( "../img/settings.png" ) ;
2013-01-04 04:41:17 +00:00
min-width : 22px ;
2013-01-01 13:15:45 +00:00
height : 22px ;
2013-01-04 04:41:17 +00:00
margin-top : -2px ;
2013-01-01 13:15:45 +00:00
background-position : left center ;
padding : 1px ;
}
. icon . home {
background-image : url ( "../img/home.png" ) ;
2013-01-04 04:41:17 +00:00
min-width : 22px ;
2013-01-01 13:15:45 +00:00
height : 22px ;
2013-01-04 04:41:17 +00:00
margin-top : -4px ;
2013-01-01 13:15:45 +00:00
background-position : left center ;
padding : 1px ;
}
. icon . network {
background-image : url ( "../img/network.png" ) ;
2013-01-04 04:41:17 +00:00
min-width : 22px ;
2013-01-01 13:15:45 +00:00
height : 22px ;
2013-01-23 11:50:30 +00:00
margin-top : -3px ;
2013-01-01 13:15:45 +00:00
background-position : left center ;
padding : 1px ;
}
. icon . introductions {
background-image : url ( "../img/introductions.png" ) ;
2013-01-04 04:41:17 +00:00
min-width : 22px ;
2012-12-18 17:13:14 +00:00
height : 22px ;
2013-01-04 04:41:17 +00:00
margin-top : -4px ;
2012-12-18 17:13:14 +00:00
background-position : left center ;
padding : 1px ;
}
2013-01-04 01:51:50 +00:00
. icon . mail {
background-image : url ( "../img/message.png" ) ;
2013-01-04 04:41:17 +00:00
min-width : 22px ;
2013-01-04 01:51:50 +00:00
height : 22px ;
2013-01-04 04:41:17 +00:00
margin-top : -2px ;
2013-01-04 01:51:50 +00:00
background-position : left center ;
padding : 1px ;
}
. icon . events {
background-image : url ( "../img/events.png" ) ;
min-width : 22px ;
height : 22px ;
2013-01-04 04:41:17 +00:00
margin-top : -4px ;
2013-01-04 01:51:50 +00:00
background-position : left center ;
padding : 1px ;
}
2013-01-23 08:26:26 +00:00
a , a : visited , a : link , . fakelink , . fakelink : visited , . fakelink : link {
font-weight : bold ;
color : # 0080FF ;
text-decoration : none ;
}
a : hover , . fakelink : hover { color : #44AAFF ; text-decoration : underline ; }
2012-12-18 17:13:14 +00:00
2013-01-10 06:18:06 +00:00
. fakelink {
cursor : pointer ;
}
2012-12-18 17:13:14 +00:00
input {
border : 1px solid # 666666 ;
-moz-border-radius : 5px ;
border-radius : 5px ;
padding : 3px ;
}
img { border : 0 px ; }
code {
font-family : Courier , monospace ;
display : block ;
overflow : auto ;
border : 1px solid # 444 ;
background : # EEE ;
color : # 444 ;
padding : 10px ;
margin-top : 20px ;
max-width : 80 % ;
}
blockquote {
background-color : # f4f8f9 ;
border-left : 4px solid # dae4ee ;
padding : 0 . 4em ;
}
2013-01-08 19:59:29 +00:00
. ccollapse-wrapper {
2012-12-18 17:13:14 +00:00
border : 1px solid # CCC ;
padding : 5px ;
}
. hide-comments {
margin-left : 5px ;
}
# panel {
background-color : ivory ;
position : absolute ;
z-index : 2 ;
width : 30 % ;
padding : 25px ;
border : 1px solid # 444 ;
}
. heart {
color : # FF0000 ;
font-size : 100 % ;
margin-right : 5px ;
}
/* nav */
2013-01-08 19:59:29 +00:00
2012-12-18 17:13:14 +00:00
nav {
display : block ;
2013-03-06 01:30:03 +00:00
2012-12-18 17:13:14 +00:00
}
2013-01-08 19:59:29 +00:00
# langselector {
position : fixed ;
top : 3px ;
left : 5px ;
z-index : 9999 ;
2013-01-10 06:18:06 +00:00
opacity : 0 . 3 ;
filter : alpha ( opacity = 30 ) ;
}
# langselector : hover {
opacity : 1 . 0 ;
filter : alpha ( opacity = 100 ) ;
2013-01-08 19:59:29 +00:00
}
2013-01-10 06:18:06 +00:00
2012-12-18 17:13:14 +00:00
nav # site-location {
color : # 888a85 ;
font-size : 0 . 8em ;
position : absolute ;
}
. error-message {
color : # FF0000 ;
font-size : 1 . 1em ;
border : 1px solid # FF8888 ;
background-color : # FFEEEE ;
padding : 10px ;
}
. info-message {
font-size : 1 . 1em ;
2013-01-12 10:49:17 +00:00
border : 1px solid # 444 ;
background-color : # ccc ;
2012-12-18 17:13:14 +00:00
padding : 10px ;
2013-01-12 10:49:17 +00:00
-moz-border-radius : 5px ;
border-radius : 5px ;
2012-12-18 17:13:14 +00:00
}
nav # banner # logo-text a {
font-size : 40px ;
font-weight : bold ;
margin-left : 3px ;
color : # 000000 ;
}
nav # banner # logo-text a : hover { text-decoration : none ; }
header # site-location {
display : none ;
}
2013-01-08 19:59:29 +00:00
2012-12-18 17:13:14 +00:00
header # banner {
2013-03-05 23:48:56 +00:00
2012-12-18 17:13:14 +00:00
overflow : hidden ;
text-align : center ;
2013-03-05 23:48:56 +00:00
font-size : 1 . 4em ;
2012-12-18 17:13:14 +00:00
font-family : tahoma , "Lucida Sans" , sans ;
color : # eec ;
font-weight : bold ;
2013-03-06 01:30:03 +00:00
margin-top : 1px ;
2012-12-18 17:13:14 +00:00
}
header # banner a ,
header # banner a : active ,
header # banner a : visited ,
header # banner a : link ,
header # banner a : hover {
color : # eec ;
text-decoration : none ;
outline : none ;
vertical-align : bottom ;
}
header # banner # logo-img {
height : 22px ;
margin-top : 5px ;
}
header # banner # logo-text {
font-size : 22px ;
}
2013-02-20 20:30:47 +00:00
. nav-commlink , . nav-login-link {
2012-12-18 17:13:14 +00:00
display : block ;
height : 15px ;
margin-top : 67px ;
margin-right : 2px ;
2013-01-08 19:59:29 +00:00
padding : 6px 3px ;
2012-12-18 17:13:14 +00:00
float : left ;
bottom : 140px ;
border : 1px solid # babdb6 ;
border-bottom : 0px ;
background-color : # aec0d3 ;
color : # 565854 ;
-moz-border-radius : 5px 5px 0px 0px ;
border-radius : 5px 5px 0px 0px ;
}
2013-01-08 19:59:29 +00:00
2012-12-18 17:13:14 +00:00
nav . nav-link {
float : right ;
margin : 0 . 2em 0em ;
padding : 0em 0 . 5em ;
background-color : transparent ! important ;
}
. nav-commlink . selected {
background-color : # ffffff ;
border-bottom : 1px solid # ffffff ;
color : # 000000 ! important ;
margin-top : 64px ;
padding-top : 6px ;
padding-bottom : 8px ;
}
2013-01-08 19:59:29 +00:00
2012-12-18 17:13:14 +00:00
. nav-ajax-left {
font-size : 0 . 8em ;
float : left ;
margin-top : 62px ;
}
nav # nav-link-wrapper . nav-link {
border-right : 1px solid # babdb6 ;
}
. tabs {
2013-02-23 18:25:31 +00:00
height : 28px ;
2012-12-18 17:13:14 +00:00
border-bottom : 1px solid # aaaaaa ;
padding : 0px ;
2013-03-06 03:03:22 +00:00
width : 90 % ;
/* margin-right: 5px; */
2012-12-18 17:13:14 +00:00
}
2013-01-08 19:59:29 +00:00
2012-12-18 17:13:14 +00:00
. tabs li { margin : 0 px ; list-style : none ; }
. tab {
display : block ;
float : left ;
2013-03-05 23:48:56 +00:00
/* padding: 0.4em; */
margin-right : 15px ;
2012-12-18 17:13:14 +00:00
}
2013-01-08 19:59:29 +00:00
2012-12-18 17:13:14 +00:00
. tab . active {
2013-01-28 01:05:32 +00:00
/* font-weight: bold; */
color : # 444444 ;
2012-12-18 17:13:14 +00:00
}
2013-01-08 19:59:29 +00:00
2012-12-18 17:13:14 +00:00
ul . tabs {
margin-top : 0px ;
margin-bottom : 0px ;
list-style-type : none ;
padding : 0px ;
2013-03-05 23:48:56 +00:00
padding-right : 8px ;
2012-12-18 17:13:14 +00:00
}
/* footer */
2013-01-08 19:59:29 +00:00
2012-12-18 17:13:14 +00:00
footer {
text-align : right ;
padding-bottom : 1em ;
padding-right : 3em ;
}
# powered-by {
position : fixed ;
bottom : 1px ;
left : 15px ;
opacity : 0 . 3 ;
filter : alpha ( opacity = 30 ) ;
}
. birthday-today , . event-today {
font-weight : bold ;
}
2013-05-20 03:38:53 +00:00
. warning-text {
font-size : 1 . 2em ;
font-weight : bold ;
color : # ff0000 ;
}
2013-05-22 00:13:51 +00:00
# noperm-msg {
margin-top : 15px ;
}
2012-12-18 17:13:14 +00:00
. preview {
2013-02-05 03:25:24 +00:00
background : url ( '../img/gray_and_white_diagonal_stripes_background_seamless.gif' ) ;
2012-12-18 17:13:14 +00:00
}
# theme-preview {
margin : 15px 0 15px 150px ;
}
/* from default */
# jot-perms-icon ,
# profile-location ,
# profile-nolocation ,
# profile-youtube ,
# profile-video ,
# profile-audio ,
# profile-link ,
# profile-title ,
# wall-image-upload ,
# wall-file-upload ,
# profile-upload-wrapper ,
# wall-image-upload-div ,
# wall-file-upload-div ,
. hover , . focus {
cursor : pointer ;
}
# jot-perms-icon {
float : left ;
}
# jot-title , # jot-category {
border : 0px ;
margin : 0px ;
padding : 8px ;
height : 20px ;
width : 530px ;
margin-bottom : 5px ;
font-weight : bold ;
2013-03-05 23:48:56 +00:00
border : solid 1px # ffffff ;
2012-12-18 17:13:14 +00:00
border-radius : 5px ;
}
2013-01-08 19:59:29 +00:00
# jot-title :: -webkit-input-placeholder { font-weight : bold ; }
# jot-category :: -webkit-input-placeholder { font-weight : bold ; }
# jot-title : -moz-placeholder { font-weight : bold ; }
# jot-category : -moz-placeholder { font-weight : bold ; }
2012-12-18 17:13:14 +00:00
# jot-title : hover ,
# jot-title : focus ,
# jot-category : hover ,
# jot-category : focus {
border : 1px solid # cccccc ;
}
. jothidden { display : none ; }
2013-01-08 19:59:29 +00:00
2012-12-18 17:13:14 +00:00
. fakebutton {
margin-top : 15px ;
margin-bottom : 15px ;
}
. lockview {
cursor : pointer ;
}
# group-sidebar {
margin-bottom : 10px ;
}
2013-03-05 04:58:39 +00:00
. group-selected , . nets-selected , . fileas-selected , . categories-selected , . settings-widget . selected {
color : # 444444 ! important ;
2012-12-18 17:13:14 +00:00
}
. smalltext {
font-size : 0 . 7em ;
}
2013-01-08 19:59:29 +00:00
2012-12-18 17:13:14 +00:00
# sysmsg {
margin-bottom : 10px ;
}
# main-login {
margin-left : 100px ;
margin-top : 50px ;
}
# main-login # id_username , # main-login # id_password {
width : 200px ;
padding : 10px ;
float : left ;
}
2013-01-05 05:34:36 +00:00
# main-login # id_remember {
float : left ;
padding : 0 ;
margin-top : 15px ;
margin-bottom : 0 ;
width : 20px ;
}
# main-login . field . checkbox label {
margin-top : 15px ;
margin-bottom : 0 ;
float : left ;
width : 100px ;
}
2012-12-18 17:13:14 +00:00
# main-login . field_end {
clear : both ;
}
# main-login . field . input label , # main-login . field . password label {
float : left ;
width : 100px ;
}
# login_standard {
width : 350px ;
float : left ;
}
# login_standard input ,
# login_openid input {
width : 180px ;
}
# login-extra-links {
clear : both ;
}
# register-link , # lost-password-link {
float : left ;
font-size : 90 % ;
margin-left : 100px ;
}
# login-standard-end {
clear : both ;
}
# login-submit-button {
margin-left : 100px ;
margin-top : 10px ;
/* margin-left: 200px; */
}
# cropimage-wrapper , # cropimage-preview-wrapper {
float : left ;
padding : 30px ;
}
# crop-image-form {
margin-top : 30px ;
clear : both ;
}
. aprofile dt {
font-weight : bold ;
}
# page-profile . title {
font-weight : bold ;
}
2012-12-25 03:19:27 +00:00
# profile-vcard-break {
clear : both ;
}
# profile-edit-links ul {
list-style-type : none ;
}
# profile-edit-links li {
margin-top : 10px ;
}
. fn {
padding : 0px 0px 5px 0px ;
font-size : 120 % ;
font-weight : bold ;
2013-01-24 01:51:44 +00:00
color : # 444444 ;
2012-12-25 03:19:27 +00:00
}
. vcard . title {
margin-bottom : 5px ;
}
. vcard dl {
clear : both ;
}
2012-12-18 17:13:14 +00:00
# profile-extra-links {
clear : both ;
margin-top : 10px ;
}
# profile-extra-links ul {
list-style-type : none ;
padding : 0px ;
}
# profile-extra-links li {
margin-top : 5px ;
}
. profile-edit-side-div {
float : right ;
}
. profile-edit-side-link {
opacity : 0 . 3 ;
filter : alpha ( opacity = 30 ) ;
float : right ;
}
. profile-edit-side-link : hover {
opacity : 1 . 0 ;
filter : alpha ( opacity = 100 ) ;
}
. view-contact-wrapper {
margin-top : 20px ;
float : left ;
margin-left : 20px ;
width : 180px ;
}
. contact-wrapper {
float : left ;
width : 150px ;
height : 150px ;
overflow : auto ;
}
# view-contact-end {
clear : both ;
}
2013-02-19 11:00:29 +00:00
# viewconnections {
2012-12-18 17:13:14 +00:00
margin-top : 15px ;
}
# profile-edit-default-desc {
color : # FF0000 ;
border : 1px solid # FF8888 ;
background-color : # FFEEEE ;
padding : 7px ;
}
# profile-edit-clone-link-wrapper {
float : left ;
margin-left : 50px ;
margin-bottom : 20px ;
width : 300px ;
}
# profile-edit-links-end {
clear : both ;
margin-bottom : 15px ;
}
. profile-listing-photo {
border : none ;
}
. profile-edit-submit-wrapper {
margin-top : 20px ;
margin-bottom : 20px ;
}
# profile-photo-link-select-wrapper {
margin-top : 2em ;
}
# profile-photo-submit-wrapper {
margin-top : 10px ;
}
# profile-photo-wrapper img {
width : 175px ;
height : 175px ;
padding : 12px ;
}
# profiles-menu . menu-popup {
left : 200px ;
right : auto ;
top : 22px ;
}
# profile-edit-profile-name-label ,
# profile-edit-name-label ,
# profile-edit-pdesc-label ,
# profile-edit-gender-label ,
# profile-edit-dob-label ,
# profile-edit-address-label ,
# profile-edit-locality-label ,
# profile-edit-region-label ,
# profile-edit-postal-code-label ,
# profile-edit-country-name-label ,
# profile-edit-marital-label ,
# profile-edit-sexual-label ,
# profile-edit-politic-label ,
# profile-edit-religion-label ,
# profile-edit-pubkeywords-label ,
# profile-edit-prvkeywords-label ,
# profile-edit-homepage-label ,
# profile-edit-hometown-label {
float : left ;
width : 175px ;
}
# profile-edit-profile-name ,
# profile-edit-name ,
# profile-edit-pdesc ,
# gender-select ,
# profile-edit-dob ,
# profile-edit-address ,
# profile-edit-locality ,
# profile-edit-region ,
# profile-edit-postal-code ,
# profile-edit-country-name ,
# marital-select ,
# sexual-select ,
# profile-edit-politic ,
# profile-edit-religion ,
# profile-edit-pubkeywords ,
# profile-edit-prvkeywords ,
# profile-in-dir-yes ,
# profile-in-dir-no ,
# profile-in-netdir-yes ,
# profile-in-netdir-no ,
# hide-wall-yes ,
# hide-wall-no ,
# hide-friends-yes ,
# hide-friends-no {
float : left ;
margin-bottom : 20px ;
}
# settings-normal ,
# settings-soapbox ,
# settings-freelove ,
# settings-community {
float : left ;
}
# settings-notifications label {
margin-left : 20px ;
}
# settings-notify-desc , # settings-activity-desc {
font-weight : bold ;
margin-bottom : 15px ;
}
# settings-pagetype-desc {
color : # 666666 ;
margin-bottom : 15px ;
}
# profile-in-dir-yes-label ,
# profile-in-dir-no-label ,
# profile-in-netdir-yes-label ,
# profile-in-netdir-no-label ,
# hide-wall-yes-label ,
# hide-wall-no-label ,
# hide-friends-yes-label ,
# hide-friends-no-label {
margin-left : 125px ;
float : left ;
width : 50px ;
}
# profile-edit-with-label {
width : 175px ;
margin-left : 20px ;
}
# profile-publish-yes-reg ,
# profile-publish-no-reg {
float : left ;
margin-bottom : 10px ;
}
# profile-publish-yes-label-reg ,
# profile-publish-no-label-reg {
margin-left : 350px ;
float : left ;
width : 50px ;
}
# profile-publish-break-reg ,
# profile-publish-end-reg {
clear : both ;
}
# profile-edit-pdesc-desc ,
# profile-edit-pubkeywords-desc ,
# profile-edit-prvkeywords-desc {
float : left ;
margin-left : 20px ;
}
# profile-edit-homepage , # profile-edit-hometown {
float : left ;
margin-bottom : 35px ;
}
# settings-normal-label ,
# settings-soapbox-label ,
# settings-community-label ,
# settings-freelove-label {
float : left ;
width : 200px ;
}
# settings-normal-desc ,
# settings-soapbox-desc ,
# settings-community-desc ,
# settings-freelove-desc {
/ * float : left ;
margin-left : 75px ; * /
clear : left ;
color : # 666666 ;
display : block ;
margin-bottom : 20px
}
# profile-edit-profile-name-end ,
# profile-edit-name-end ,
# profile-edit-pdesc-end ,
# profile-edit-gender-end ,
# profile-edit-dob-end ,
# profile-edit-address-end ,
# profile-edit-locality-end ,
# profile-edit-region-end ,
# profile-edit-postal-code-end ,
# profile-edit-country-name-end ,
# profile-edit-marital-end ,
# profile-edit-sexual-end ,
# profile-edit-politic-end ,
# profile-edit-religion-end ,
# profile-edit-pubkeywords-end ,
# profile-edit-prvkeywords-end ,
# profile-edit-homepage-end ,
# profile-edit-hometown-end ,
# profile-in-dir-break ,
# profile-in-dir-end ,
# profile-in-netdir-break ,
# profile-in-netdir-end ,
# hide-wall-break ,
# hide-wall-end ,
# hide-friends-break ,
# hide-friends-end ,
# settings-normal-break ,
# settings-soapbox-break ,
# settings-community-break ,
# settings-freelove-break {
clear : both ;
}
. settings-widget ul {
list-style-type : none ;
padding : 0px ;
}
. settings-widget li {
margin-left : 24px ;
margin-bottom : 8px ;
}
# gender-select , # marital-select , # sexual-select {
width : 220px ;
}
# profile-edit-profile-name-wrapper . required {
color : # FF0000 ;
float : left ;
}
# contacts-main {
margin-top : 20px ;
margin-bottom : 20px ;
}
. contact-entry-wrapper {
float : left ;
width : 120px ;
height : 120px ;
2012-12-29 06:54:56 +00:00
padding : 10px ;
2012-12-18 17:13:14 +00:00
}
# contacts-search-end {
margin-bottom : 10px ;
}
. contact-entry-direction-icon {
margin-top : 24px ;
margin-right : 2px ;
}
. contact-entry-photo img {
border : none ;
}
. contact-entry-photo-end {
clear : both ;
}
. contact-entry-name {
float : left ;
margin-left : 0px ;
margin-right : 10px ;
width : 120px ;
overflow : hidden ;
}
. contact-entry-edit-links {
margin-top : 6px ;
margin-left : 10px ;
width : 16px ;
}
. contact-entry-nav-wrapper {
float : left ;
margin-left : 10px ;
}
. contact-entry-edit-links img {
border : none ;
margin-right : 15px ;
}
. contact-entry-photo {
float : left ;
position : relative ;
}
. contact-entry-end {
clear : both ;
}
# fsuggest-desc , # fsuggest-submit-wrapper {
margin-top : 15px ;
margin-bottom : 15px ;
}
# network-star-link {
margin-top : 10px ;
}
. network-star {
float : left ;
margin-right : 5px ;
}
# network-bmark-link {
margin-top : 10px ;
}
. thread-wrapper . wall-item-comment-wrapper {
margin-left : 50px ;
}
/* Give the top level post bigger shadows than the comments. This makes them appear "higher" and the comments "lower", which separates posts from each other reasonably without literally drawing a line under it */
. wall-item-content-wrapper {
2013-01-07 06:17:47 +00:00
margin-top : 10px ;
2012-12-18 17:13:14 +00:00
position : relative ;
2013-02-05 03:25:24 +00:00
/* background: #fff; */
2013-01-21 08:54:29 +00:00
/* border-radius: 5px; */
2012-12-18 17:13:14 +00:00
/* box-shadow: 12px 12px 12px #111; */
2013-05-28 20:12:31 +00:00
/* border-left: 1px solid #eec; */
2012-12-18 17:13:14 +00:00
}
. wall-item-content-wrapper . comment {
2013-02-05 03:25:24 +00:00
/* background: #fff; */
2013-05-28 20:12:31 +00:00
/* border-left: 1px solid #e0e0e0; */
2012-12-18 17:13:14 +00:00
margin-left : 50px ;
/* box-shadow: 5px 5px 5px #222; */
}
. thread-end-wrapper {
margin-left : 50px ;
}
. wall-item-content-wrapper . comment {
2013-05-28 20:12:31 +00:00
/ * background : # ffffff ;
2012-12-18 17:13:14 +00:00
border-left : 1px solid # e0e0e0 ;
2013-05-28 20:12:31 +00:00
* /
2012-12-18 17:13:14 +00:00
}
. wall-item-like . comment , . wall-item-dislike . comment {
margin-left : 50px ;
}
. wall-item-info {
display : block ;
float : left ;
width : 110px ;
margin-right : 10px ;
}
. comment . wall-item-info {
width : 70px ;
}
. wall-item-photo-wrapper {
margin-top : 10px ;
margin-left : 10px ;
margin-bottom : 10px ;
width : 100px ;
}
. wall-item-photo-menu-button {
display : block ;
position : absolute ;
background-image : url ( "../img/photo-menu.jpg" ) ;
background-position : top left ;
background-repeat : no-repeat ;
margin : 0px ; padding : 0px ;
width : 16px ;
height : 16px ;
top : 74px ; left : 10px ;
overflow : hidden ;
text-indent : 40px ;
display : none ;
}
. wall-item-photo-menu {
width : auto ;
border : 2px solid # 444444 ;
background : # FFFFFF ;
position : absolute ;
left : 10px ; top : 90px ;
display : none ;
z-index : 10000 ;
}
. wall-item-photo-menu ul { margin : 0 px ; padding : 0 px ; list-style : none }
. wall-item-photo-menu li a { display : block ; padding : 2 px ; }
. wall-item-photo-menu li a : hover { color : #FFFFFF ; background : #3465A4 ; text-decoration : none ; }
. comment . wall-item-photo-menu-button { top : 44 px ; }
. comment . wall-item-photo-menu { top : 60 px ; }
. wallwall . wwto {
left : 50px ;
margin : 0 ;
position : absolute ;
top : 70px ;
width : 30px
}
. wallwall . wwto img {
width : 30px ! important ;
height : 30px ! important ;
}
. wallwall . wall-item-photo-end {
clear : both ;
}
. wall-item-arrowphoto-wrapper {
position : absolute ;
left : 75px ;
top : 70px ;
z-index : 100 ;
}
. wall-item-wrapper {
/ * float : left ;
margin-right : 5px ;
width : 250px ; * /
margin-left : 10px ;
}
. wall-item-lock {
/*height: 20px;*/
/*margin-top: 10px;*/
left : 105px ;
position : absolute ;
top : 1px ;
}
. comment . wall-item-lock {
left : 65px ;
}
. wall-item-ago {
color : # 888888 ;
font-size : 0 . 8em ;
}
. wall-item-location {
overflow : hidden ;
/* add ellipsis on text overflow */
/* this work on safari, opera, ie, chrome. */
/* firefox users have to wait support or we */
/* can use a jquery plugin http://bit.ly/zJskg */
text-overflow : ellipsis ;
-o-text-overflow : ellipsis ;
width : 100 % ;
}
. item-tool {
float : left ;
margin-right : 8px ;
}
. like-rotator {
margin-left : 5px ;
}
. wall-item-delete-wrapper {
2013-01-01 13:15:45 +00:00
float : right ;
2012-12-18 17:13:14 +00:00
}
. wall-item-delete-end {
clear : both ;
}
. wall-item-delete-icon {
border : none ;
}
. wall-item-wrapper-end {
clear : both ;
}
. wall-item-name-link {
font-weight : bold ;
text-decoration : none ;
color : # 3172BD ;
}
. wall-item-photo {
border : none ;
}
. comment . wall-item-photo {
width : 50px ! important ;
height : 50px ! important ;
}
. wall-item-content {
margin-left : 10px ;
overflow : auto ;
}
. wall-item-content img {
2013-03-23 15:58:21 +00:00
max-width : 95 % ! important ;
2012-12-18 17:13:14 +00:00
/* box-shadow: 8px 8px 8px #666; can't really have this because of smileys */
}
. wall-item-content img . smiley {
box-shadow : none ;
}
. wall-item-title {
float : left ;
font-weight : bold ;
/*width: 450px;*/
}
. wall-item-title-end {
clear : both ;
}
. thread-wrapper . toplevel_item {
2013-03-06 03:03:22 +00:00
width : 92 % ;
2012-12-18 17:13:14 +00:00
}
. wall-item-body {
/* float: left; */
/*width: 450px;*/
margin-top : 10px ;
}
2013-05-27 18:40:14 +00:00
. wall-item-body . divmore {
padding-bottom : 15px ;
}
2012-12-18 17:13:14 +00:00
. wall-item-tools {
clear : both ;
padding : 5px 10px ;
2013-01-01 13:15:45 +00:00
}
2012-12-18 17:13:14 +00:00
2013-01-07 06:17:47 +00:00
. wall-item-like , . wall-item-dislike {
margin-left : 0px ;
margin-top : 3px ;
2012-12-18 17:13:14 +00:00
}
. wall-item-author {
margin-top : 10px ;
}
. comment-edit-wrapper {
margin-top : 15px ;
margin-left : 50px ;
}
. comment-wwedit-wrapper {
2013-02-23 18:25:31 +00:00
margin-top : 2px ;
2012-12-18 17:13:14 +00:00
}
. comment-edit-photo {
margin-top : 10px ;
margin-left : 10px ;
margin-bottom : 10px ;
width : 100px ;
float : left ;
}
. comment-wwedit-wrapper . threaded > . comment-edit-form > . comment-edit-photo {
width : 40px ;
}
. comment-edit-photo img {
width : 25px ;
}
. comment-edit-text-empty , . comment-edit-text-full {
float : left ;
margin-top : 10px ;
padding : 3px 1px 1px 3px ;
border : 1px solid # ccc ;
padding : 8px ;
border-radius : 5px 5px 5px 5px ;
/* box-shadow: 5px 5px 5px #666 inset; */
}
. comment-edit-text-empty {
color : gray ;
height : 1 . 5em ;
2013-03-06 03:03:22 +00:00
width : 40 % ; /*Too wide? */
2012-12-18 17:13:14 +00:00
overflow : auto ;
margin-bottom : 10px ;
}
. comment-wwedit-wrapper . threaded > . comment-edit-form > . comment-edit-text-empty {
height : 1 . 5em ;
}
. comment-edit-text-full {
color : black ;
height : 150px ;
width : 80 % ;
overflow : auto ;
}
. comment-edit-text-end {
clear : both ;
}
. comment-edit-submit {
margin : 10px 0px 10px 110px ;
}
. comment-wwedit-wrapper . threaded > . comment-edit-form > . comment-edit-submit-wrapper > . comment-edit-submit {
margin-left : 50px ;
}
# profile-jot-plugin-wrapper ,
# profile-jot-submit-wrapper {
margin-top : 15px ;
width : 90 % ;
}
# profile-jot-submit {
float : left ;
}
# profile-upload-wrapper {
float : left ;
margin-left : 30px ;
}
# profile-attach-wrapper {
float : left ;
margin-left : 30px ;
}
# profile-rotator {
float : left ;
margin-left : 30px ;
}
# profile-link-wrapper {
float : left ;
margin-left : 15px ;
}
# profile-youtube-wrapper {
float : left ;
margin-left : 15px ;
}
# profile-video-wrapper {
float : left ;
margin-left : 15px ;
}
# profile-audio-wrapper {
float : left ;
margin-left : 15px ;
}
# profile-location-wrapper {
float : left ;
margin-left : 15px ;
}
# jot-preview-link {
float : left ;
margin-left : 45px ;
margin-top : 0px ! important ;
}
# profile-nolocation-wrapper {
float : left ;
margin-left : 15px ;
}
# profile-title-wrapper {
float : left ;
margin-left : 15px ;
}
# profile-jot-perms {
float : right ;
margin-left : 100px ;
font-weight : bold ;
font-size : 1 . 2em ;
height : auto ;
width : auto ;
2013-01-23 08:26:26 +00:00
background-color : # 0080FF ;
2012-12-18 17:13:14 +00:00
border-radius : 5px ;
border : 2px outset ;
box-shadow : 5px 5px 5px # 666 ;
margin-right : 8px ;
padding : 4px ;
}
# profile-jot-perms : active {
box-shadow : 0 0 0 0 ;
}
# profile-jot-perms-end {
/*clear: left;*/
height : 30px ;
}
# profile-jot-plugin-end {
clear : both ;
}
. profile-jot-net {
float : left ;
margin-right : 10px ;
margin-top : 5px ;
margin-bottom : 5px ;
}
# profile-jot-networks-end {
clear : both ;
}
# profile-jot-end {
/*clear: both;*/
margin-bottom : 30px ;
}
# about-jot-submit-wrapper {
margin-top : 15px ;
}
# about-jot-end {
margin-bottom : 30px ;
}
# contacts-main {
margin-bottom : 30px ;
}
# profile-listing-desc {
margin-left : 30px ;
}
# profile-listing-new-link-wrapper {
margin-left : 30px ;
margin-bottom : 30px ;
}
. profile-listing-photo-wrapper {
float : left ;
}
. profile-listing-edit-buttons-wrapper {
clear : both ;
}
. profile-listing-photo-edit-link {
float : left ;
width : 125px ;
}
. profile-listing-end {
clear : both ;
}
. profile-listing-edit-buttons-wrapper img {
border : none ;
margin-right : 20px ;
}
. profile-listing {
margin-top : 25px ;
}
. profile-listing-name {
float : left ;
margin-left : 32px ;
margin-top : 10px ;
color : # 3172BD ;
font-weight : bold ;
width : 200px ;
}
2013-03-05 04:58:39 +00:00
2012-12-18 17:13:14 +00:00
2012-12-25 03:19:27 +00:00
. directory-end {
clear : both ;
}
. directory-name {
text-align : center ;
}
. directory-photo {
margin-left : 25px ;
}
. directory-details {
font-size : 0 . 7em ;
text-align : center ;
margin-left : 5px ;
margin-right : 5px ;
}
. directory-item {
float : left ;
width : 225px ;
height : 260px ;
2013-05-03 02:04:19 +00:00
overflow : hidden ;
margin : 2px ;
2012-12-25 03:19:27 +00:00
}
# directory-search-wrapper {
margin-top : 20px ;
margin-right : 20px ;
margin-bottom : 50px ;
}
# directory-search-end {
}
. directory-photo-img {
border : none ;
}
2012-12-18 17:13:14 +00:00
. pager {
padding : 10px ;
text-align : center ;
font-size : 1 . 0em ;
}
. pager_first ,
. pager_last ,
. pager_prev ,
. pager_next ,
. pager_n {
border : 1px solid black ;
background : # EEE ;
padding : 4px ;
}
. pager_first a ,
. pager_last a ,
. pager_prev a ,
. pager_next a ,
. pager_n a {
text-decoration : none ;
}
. pager_current {
border : 1px solid black ;
background : # FFCCCC ;
padding : 4px ;
}
# advanced-profile-name-wrapper ,
# advanced-profile-gender-wrapper ,
# advanced-profile-dob-wrapper ,
# advanced-profile-age-wrapper ,
# advanced-profile-marital-wrapper ,
# advanced-profile-sexual-wrapper ,
# advanced-profile-homepage-wrapper ,
# advanced-profile-politic-wrapper ,
# advanced-profile-religion-wrapper ,
# advanced-profile-about-wrapper ,
# advanced-profile-interest-wrapper ,
# advanced-profile-contact-wrapper ,
# advanced-profile-music-wrapper ,
# advanced-profile-book-wrapper ,
# advanced-profile-tv-wrapper ,
# advanced-profile-film-wrapper ,
# advanced-profile-romance-wrapper ,
# advanced-profile-work-wrapper ,
# advanced-profile-education-wrapper {
margin-top : 20px ;
}
# advanced-profile-name-text ,
# advanced-profile-gender-text ,
# advanced-profile-dob-text ,
# advanced-profile-age-text ,
# advanced-profile-marital-text ,
# advanced-profile-sexual-text ,
# advanced-profile-homepage-text ,
# advanced-profile-politic-text ,
# advanced-profile-religion-text ,
# advanced-profile-about-text ,
# advanced-profile-interest-text ,
# advanced-profile-contact-text ,
# advanced-profile-music-text ,
# advanced-profile-book-text ,
# advanced-profile-tv-text ,
# advanced-profile-film-text ,
# advanced-profile-romance-text ,
# advanced-profile-work-text ,
# advanced-profile-education-text {
width : 300px ;
float : left ;
}
# advanced-profile-name-end ,
# advanced-profile-gender-end ,
# advanced-profile-dob-end ,
# advanced-profile-age-end ,
# advanced-profile-marital-end ,
# advanced-profile-sexual-end ,
# advanced-profile-homepage-end ,
# advanced-profile-politic-end ,
# advanced-profile-religion-end {
height : 10px ;
}
# advanced-profile-about-end ,
# advanced-profile-interest-end ,
# advanced-profile-contact-end ,
# advanced-profile-music-end ,
# advanced-profile-book-end ,
# advanced-profile-tv-end ,
# advanced-profile-film-end ,
# advanced-profile-romance-end ,
# advanced-profile-work-end ,
# advanced-profile-education-end {
}
# advanced-profile-name ,
# advanced-profile-gender ,
# advanced-profile-dob ,
# advanced-profile-age ,
# advanced-profile-marital ,
# advanced-profile-sexual ,
# advanced-profile-homepage ,
# advanced-profile-politic ,
# advanced-profile-religion {
float : left ;
}
# advanced-profile-about ,
# advanced-profile-interest ,
# advanced-profile-contact ,
# advanced-profile-music ,
# advanced-profile-book ,
# advanced-profile-tv ,
# advanced-profile-film ,
# advanced-profile-romance ,
# advanced-profile-work ,
# advanced-profile-education {
margin-top : 10px ;
margin-left : 50px ;
margin-right : 20px ;
padding : 10px ;
border : 1px solid # CCCCCC ;
}
# advanced-profile-with {
float : left ;
margin-left : 15px ;
}
# contact-edit-wrapper {
margin-top : 10px ;
}
# contact-edit-banner-name {
font-size : 1 . 4em ;
font-weight : bold ;
}
# contact-edit-poll-wrapper {
margin-top : 15px ;
}
# contact-edit-poll-text {
margin-top : 15px ;
margin-bottom : 5px ;
}
# contact-edit-update-now {
margin-top : 15px ;
}
# contact-edit-links {
clear : both ;
}
# contact-edit-links ul {
list-style : none ;
list-style-type : none ;
margin-left : 0px ;
padding-left : 0px ;
}
# contact-edit-links li {
margin-top : 5px ;
}
# contact-edit-drop-link {
float : right ;
margin-right : 20px ;
}
# contact-edit-nav-end {
clear : both ;
}
# contact-edit-wrapper {
width : 100 % ;
}
# contact-edit-end {
clear : both ;
margin-top : 15px ;
}
# contact-profile-selector {
width : 175px ;
margin-left : 175px ;
}
. contact-edit-submit {
margin-top : 20px ;
}
. contact-photo-menu-button {
position : absolute ;
background-image : url ( "../img/photo-menu.jpg" ) ;
background-position : top left ;
background-repeat : no-repeat ;
margin : 0px ; padding : 0px ;
width : 16px ;
height : 16px ;
top : 64px ; left : 0px ;
overflow : hidden ;
text-indent : 40px ;
display : none ;
}
. contact-photo-menu {
width : auto ;
border : 2px solid # 444444 ;
background : # FFFFFF ;
position : absolute ;
left : 0px ; top : 90px ;
display : none ;
z-index : 10000 ;
}
. contact-photo-menu ul { margin : 0 px ; padding : 0 px ; list-style : none }
. contact-photo-menu li a { display : block ; padding : 2 px ; }
. contact-photo-menu li a : hover { color : #FFFFFF ; background : #3465A4 ; text-decoration : none ; }
# block-message , # ignore-message , # archive-message , # lost-contact-message {
color : # FF0000 ;
}
# profile-edit-insecure {
margin-top : 20px ;
color : # FF0000 ;
font-size : 1 . 1em ;
border : 1px solid # FF8888 ;
background-color : # FFEEEE ;
padding-left : 5px ;
/*: 3px 3px 3px 5px; */
width : 587px ;
}
/* TinyMCE */
DIV # profile-jot-text_toolbargroup {
background : # FFF ;
border : 1px # 111 ;
/*box-shadow: 5px 5px 5px #000 inset;*/
}
/ *
# profile-jot-text_parent , . mceLayout {
border-radius : 5px ;
-moz-border-radius : 5px ;
box-shadow : 4px 4px 3px 0 # 444444 ;
}
* /
iframe # profile-jot-text_ifr {
width : 100 % ! important ;
box-shadow : 5px 5px 5px # 000 inset ! important ; }
tr . mceLast {
}
/* Not MCE */
# profile-jot-text {
height : 20px ;
color : # 000 ;
border : 1px solid # cccccc ;
padding : 8px ;
2013-03-06 03:03:22 +00:00
margin-right : 0px ;
width : 90 % ;
2012-12-18 17:13:14 +00:00
-moz-border-radius : 5px ;
border-radius : 5px ;
/* box-shadow: 4px 4px 3px 0 #666 inset; */
}
# profile-jot-text : hover {
color : # 000000 ;
}
2013-03-06 03:13:33 +00:00
. wall-item-photo , . photo , . contact-block-img , . my-comment-photo {
2012-12-18 17:13:14 +00:00
border-radius : 5px ;
-moz-border-radius : 5px ;
box-shadow : 4px 4px 3px 0 # 444444 ;
}
# datebrowse-sidebar select {
margin-left : 25px ;
border-radius : 5px ;
-moz-border-radius : 5px ;
opacity : 0 . 3 ;
filter : alpha ( opacity = 30 ) ;
}
# datebrowse-sidebar select : hover {
opacity : 1 . 0 ;
filter : alpha ( opacity = 100 ) ;
}
# posted-date-selector {
margin-left : 30px ! important ;
margin-top : 5px ! important ;
margin-right : 0px ! important ;
margin-bottom : 0px ! important ;
}
# posted-date-selector : hover {
box-shadow : 4px 4px 3px 0 # 444444 ;
margin-left : 25px ! important ;
margin-top : 0px ! important ;
margin-right : 5px ! important ;
margin-bottom : 5px ! important ;
}
# side-bar-photos-albums {
margin-top : 15px ;
}
# side-bar-photos-albums ul {
list-style : none ;
}
2013-03-05 04:58:39 +00:00
. contact-entry-photo img , . profile-match-photo img , # photo-photo img , . directory-photo-img , . photo-album-photo , . photo-top-photo {
2012-12-18 17:13:14 +00:00
border-radius : 5px ;
-moz-border-radius : 5px ;
box-shadow : 4px 4px 3px 0 # 444444 ;
}
# profile-jot-submit {
height : auto ;
2013-01-23 08:26:26 +00:00
background-color : # 0080FF ;
2012-12-18 17:13:14 +00:00
color : # eeeeec ;
font-weight : bold ;
-webkit-border-radius : 5px ;
-moz-border-radius : 5px ;
border-radius : 5px ;
border : 2px outset # 222420 ! important ;
margin : 0 ;
float : right ;
text-shadow : 1px 1px # 111 ;
width : auto ;
box-shadow : 5px 5px 5px # 444 ;
}
# profile-jot-submit : active {
box-shadow : 0 0 0 0 ;
}
. settings-widget . selected {
border-radius : 5px ;
-moz-border-radius : 5px ;
box-shadow : 4px 4px 3px 0 # 444444 ;
}
# sidebar-page-list . label {
margin-left : 5px ;
}
2012-12-25 03:19:27 +00:00
/*TODO - there appears to be significant redundancy here */
. photo {
border : 1px solid # AAAAAA ;
}
. photo-top-photo , . photo-album-photo {
padding : 10px ;
max-width : 300px ;
border : 1px solid # 888888 ;
}
. rotleft1 {
-webkit-transform : rotate ( -1deg ) ;
-moz-transform : rotate ( -1deg ) ;
-ms-transform : rotate ( -1deg ) ;
-o-transform : rotate ( -1deg ) ;
}
. rotleft2 {
-webkit-transform : rotate ( -2deg ) ;
-moz-transform : rotate ( -2deg ) ;
-ms-transform : rotate ( -2deg ) ;
-o-transform : rotate ( -2deg ) ;
}
. rotleft3 {
-webkit-transform : rotate ( -3deg ) ;
-moz-transform : rotate ( -3deg ) ;
-ms-transform : rotate ( -3deg ) ;
-o-transform : rotate ( -3deg ) ;
}
. rotleft4 {
-webkit-transform : rotate ( -4deg ) ;
-moz-transform : rotate ( -4deg ) ;
-ms-transform : rotate ( -4deg ) ;
-o-transform : rotate ( -4deg ) ;
}
. rotright1 {
-webkit-transform : rotate ( 1deg ) ;
-moz-transform : rotate ( 1deg ) ;
-ms-transform : rotate ( 1deg ) ;
-o-transform : rotate ( 1deg ) ;
}
. rotright2 {
-webkit-transform : rotate ( 2deg ) ;
-moz-transform : rotate ( 2deg ) ;
-ms-transform : rotate ( 2deg ) ;
-o-transform : rotate ( 2deg ) ;
}
. rotright3 {
-webkit-transform : rotate ( 3deg ) ;
-moz-transform : rotate ( 3deg ) ;
-ms-transform : rotate ( 3deg ) ;
-o-transform : rotate ( 3deg ) ;
}
. rotright4 {
-webkit-transform : rotate ( 4deg ) ;
-moz-transform : rotate ( 4deg ) ;
-ms-transform : rotate ( 4deg ) ;
-o-transform : rotate ( 4deg ) ;
}
/ * . photos {
height : auto ;
overflow : auto ;
} * /
. photos-end {
clear : both ;
margin-bottom : 25px ;
}
. photo-album-image-wrapper {
float : left ;
margin-top : 15px ;
margin-right : 15px ;
margin-left : 15px ;
/ * width : 200px ; height : 200px ;
overflow : hidden ;
position : relative ; * /
}
. photo-album-image-wrapper . caption {
display : none ;
width : 100 % ;
/* position: absolute; */
bottom : 0px ;
padding : 0 . 5em 0 . 5em 0px 0 . 5em ;
background-color : rgba ( 245 , 245 , 255 , 0 . 8 ) ;
border-bottom : 2px solid # CCC ;
margin : 0px ;
}
. photo-album-image-wrapper a : hover . caption {
display : block ;
}
# photo-album-end {
clear : both ;
margin-bottom : 25px ;
}
. photo-top-image-wrapper {
/* position: relative; */
float : left ;
margin-top : 15px ;
margin-right : 15px ;
margin-left : 15px ;
margin-bottom : 15px ;
/ * width : 200px ; height : 200px ;
overflow : hidden ; * /
}
. photo-top-album-name {
width : 100 % ;
min-height : 2em ;
/* position: absolute; */
bottom : 0px ;
padding : 0px 3px ;
padding-top : 0 . 5em ;
background-color : rgb ( 255 , 255 , 255 ) ;
}
# photo-top-end {
clear : both ;
}
# photo-top-links {
margin-bottom : 30px ;
margin-left : 30px ;
}
# photos-upload-newalbum-div {
float : left ;
width : 175px ;
}
# photos-upload-noshare {
margin-bottom : 10px ;
}
# photos-upload-existing-album-text {
float : left ;
width : 175px ;
}
# photos-upload-newalbum {
float : left ;
}
# photos-upload-album-select {
float : left ;
}
# photos-upload-spacer {
margin-top : 25px ;
}
# photos-upload-new-end , # photos-upload-exist-end {
clear : both ;
}
# photos-upload-exist-end {
margin-bottom : 15px ;
}
# photos-upload-submit {
margin-top : 15px ;
}
# photos_upload_applet_wrapper {
margin-bottom : 15px ;
}
# photos-upload-no-java-message {
margin-bottom : 15px ;
}
# photos-upload-select-files-text {
margin-top : 15px ;
margin-bottom : 15px ;
}
# photos-upload-perms-menu , # photos-upload-perms-menu : visited , # photos-upload-perms-menu : link {
color : # 8888FF ;
text-decoration : none ;
cursor : pointer ;
}
# photos-upload-perms-menu : hover {
color : # 0000FF ;
text-decoration : underline ;
cursor : pointer ;
}
2012-12-18 17:13:14 +00:00
2012-12-25 03:19:27 +00:00
# photo-edit-caption-label , # photo-edit-tags-label , # photo-edit-albumname-label , # photo-edit-rotate-label {
float : left ;
width : 150px ;
}
# photo-edit-perms-end {
margin-bottom : 15px ;
}
# photo-edit-caption , # photo-edit-newtag , # photo-edit-albumname , # photo-edit-rotate {
float : left ;
margin-bottom : 25px ;
}
# photo-edit-link-wrap {
margin-bottom : 15px ;
}
# photo-like-div {
margin-bottom : 25px ;
}
# photo-edit-caption-end , # photo-edit-tags-end , # photo-edit-albumname-end , # photo-edit-rotate-end {
clear : both ;
}
# photo-edit-rotate-end {
margin-bottom : 15px ;
}
# photo-edit-delete-button {
margin-left : 200px ;
}
# photo-edit-end {
margin-bottom : 35px ;
}
# photo-caption {
font-size : 110 % ;
font-weight : bold ;
margin-top : 15px ;
margin-bottom : 15px ;
}
# in-this-photo-text {
2013-03-06 07:57:08 +00:00
color : # 0080FF ;
2012-12-25 03:19:27 +00:00
margin-left : 30px ;
}
# in-this-photo {
margin-left : 60px ;
margin-top : 10px ;
margin-bottom : 20px ;
}
# photo-album-edit-submit , # photo-album-edit-drop {
margin-top : 15px ;
margin-bottom : 15px ;
}
# photo-album-edit-drop {
margin-left : 200px ;
}
2012-12-18 17:13:14 +00:00
# group-new-submit-wrapper {
margin-top : 30px ;
}
# group-edit-name-label {
float : left ;
width : 175px ;
margin-top : 20px ;
margin-bottom : 20px ;
}
# group-edit-name {
float : left ;
width : 225px ;
margin-top : 20px ;
margin-bottom : 20px ;
}
# group-edit-name-wrapper {
}
# group_members_select_label {
display : block ;
float : left ;
width : 175px ;
}
. group_members_select {
float : left ;
width : 230px ;
overflow : auto ;
}
# group_members_select_end {
clear : both ;
}
# group-edit-name-end {
clear : both ;
}
# prvmail-to-label , # prvmail-subject-label , # prvmail-message-label {
margin-bottom : 10px ;
margin-top : 20px ;
}
# prvmail-submit {
float : left ;
margin-top : 10px ;
margin-right : 30px ;
}
# prvmail-upload-wrapper ,
# prvmail-link-wrapper ,
# prvmail-rotator-wrapper {
float : left ;
margin-top : 10px ;
margin-right : 10px ;
width : 24px ;
}
# prvmail-end {
clear : both ;
}
. mail-list-sender ,
. mail-list-detail {
float : left ;
}
. mail-list-detail {
margin-left : 20px ;
}
. mail-list-subject {
font-size : 1 . 1em ;
margin-top : 10px ;
}
a . mail-list-link {
2013-01-25 04:05:23 +00:00
font-weight : normal ;
2012-12-18 17:13:14 +00:00
display : block ;
font-size : 1 . 3em ;
padding : 4px 0 ;
}
2012-12-25 03:19:27 +00:00
/ *
* a . mail-list-link : hover {
* background-color : # 15607B ;
* color : # F5F6FB ;
* }
* /
. mail-list-outside-wrapper-end {
clear : both ;
}
. mail-list-outside-wrapper {
margin-top : 30px ;
}
. mail-list-delete-wrapper {
float : right ;
margin-right : 30px ;
margin-top : 15px ;
}
. mail-list-delete-icon {
border : none ;
}
. mail-conv-sender ,
. mail-conv-detail {
float : left ;
}
. mail-conv-detail {
margin-left : 20px ;
width : 500px ;
}
. mail-conv-subject {
font-size : 1 . 4em ;
margin : 10px 0 ;
}
. mail-conv-outside-wrapper-end {
clear : both ;
}
. mail-conv-outside-wrapper {
margin-top : 30px ;
}
. mail-conv-delete-wrapper {
float : right ;
margin-right : 30px ;
margin-top : 15px ;
}
. mail-conv-break {
clear : both ;
}
. mail-conv-delete-icon {
border : none ;
}
. message-links ul {
list-style-type : none ;
padding : 0px ;
}
. message-links li {
margin-top : 10px ;
float : left ;
}
. message-links a {
padding : 3px 5px ;
}
. message-links-end {
clear : both ;
}
2012-12-18 17:13:14 +00:00
# sidebar-group-list ul {
list-style-type : none ;
}
# sidebar-group-list . icon , # sidebar-group-list . iconspacer {
display : inline-block ;
height : 12px ;
width : 12px ;
}
# sidebar-group-list li {
margin-top : 10px ;
}
. nets-ul , . fileas-ul , . categories-ul {
list-style-type : none ;
}
. nets-ul li , . fileas-ul li , . categories-ul li {
margin-top : 10px ;
}
. nets-link {
margin-left : 24px ;
}
. nets-all {
margin-left : 42px ;
}
. fileas-link , . categories-link {
margin-left : 24px ;
}
. fileas-all , . categories-all {
margin-left : 0px ;
}
# search-save {
margin-left : 5px ;
}
. groupsideedit {
margin-right : 10px ;
}
# saved-search-ul {
list-style-type : none ;
}
. savedsearchdrop , . savedsearchterm {
float : left ;
margin-top : 10px ;
}
. savedsearchterm {
margin-left : 10px ;
}
# side-follow-wrapper {
margin-top : 20px ;
}
# side-follow-url , # side-peoplefind-url {
margin-top : 5px ;
}
# side-follow-submit , # side-peoplefind-submit {
margin-top : 15px ;
}
# side-match-link {
margin-top : 10px ;
}
aside input [ type = 'text' ] {
width : 174px ;
}
. widget {
border-bottom : 1px solid # eec ;
padding : 8px ;
margin-top : 5px ;
-moz-border-radius : 5px ;
-webkit-border-radius : 5px ;
border-radius : 5px ;
}
2013-03-11 01:45:58 +00:00
# profile-jot-wrapper {
margin-top : 25px ;
2012-12-18 17:13:14 +00:00
}
# settings-default-perms-menu {
margin-top : 15px ;
margin-bottom : 15px ;
}
. group-delete-wrapper {
float : right ;
margin-right : 50px ;
}
# install-dbhost-label ,
# install-dbuser-label ,
# install-dbpass-label ,
# install-dbdata-label ,
# install-tz-desc {
float : left ;
width : 250px ;
margin-top : 10px ;
margin-bottom : 10px ;
}
# install-dbhost ,
# install-dbuser ,
# install-dbpass ,
# install-dbdata {
float : left ;
width : 200px ;
margin-left : 20px ;
}
# install-dbhost-end ,
# install-dbuser-end ,
# install-dbpass-end ,
# install-dbdata-end ,
# install-tz-end {
clear : both ;
}
# install-form select # timezone_select {
float : left ;
margin-top : 18px ;
margin-left : 20px ;
}
# dfrn-request-networks {
margin-bottom : 30px ;
}
# pause {
position : fixed ;
bottom : 5px ;
right : 5px ;
}
. sparkle {
cursor : url ( '../img/lock.cur' ) , pointer ;
/* cursor: pointer !important; */
}
# vcard-end {
clear : both ;
}
# contact-block {
margin-top : 25px ;
}
# contact-block-numcontacts {
font-weight : bold ;
margin-bottom : 8px ;
}
. contact-block-div {
float : left ;
width : 52px ;
height : 52px ;
}
. contact-block-textdiv {
float : left ;
width : 150px ;
height : 34px ;
}
# contact-block-end {
clear : both ;
}
. contact-block-link {
float : left ;
}
. contact-block-img {
width : 48px ;
height : 48px ;
}
# tag-remove {
margin-bottom : 15px ;
}
# tagrm li {
margin-bottom : 10px ;
}
# tagrm-submit , # tagrm-cancel {
margin-top : 25px ;
}
# tagrm-cancel {
margin-left : 15px ;
}
. wall-item-conv {
margin-top : 5px ;
margin-bottom : 25px ;
}
# search-submit {
margin-left : 15px ;
}
# search-box {
margin-bottom : 25px ;
}
# nav-searchbar {
float : right ;
2013-03-06 01:30:03 +00:00
margin-top : 3px ;
2012-12-18 17:13:14 +00:00
}
2013-01-19 08:43:05 +00:00
# nav-search-spinner {
float : right ;
margin-top : 8px ;
margin-left : 5px ;
margin-right : 5px ;
}
2012-12-18 17:13:14 +00:00
# nav-search-text : hover {
background-color : # FFF ;
color : # 000 ;
}
# nav-search-text {
2013-03-06 07:57:08 +00:00
margin-top : -1px ;
2013-03-06 01:30:03 +00:00
font-size : 0 . 8em ;
2012-12-18 17:13:14 +00:00
border-radius : 14px ;
2013-03-06 03:03:22 +00:00
border : none ;
2013-03-06 01:30:03 +00:00
background-color : # FFDDDD ;
2012-12-18 17:13:14 +00:00
color : # eec ;
}
/* this doesn't seem to work */
# nav-search-text :: -moz-placeholder { color : #444 ; }
# nav-search-text :: -webkit-input-placeholder {
color : # 444 ! important ;
}
# nav-user-linkmenu img {
border-radius : 5px ;
2013-03-05 23:48:56 +00:00
margin-top : -4px ;
2012-12-18 17:13:14 +00:00
}
2013-06-04 05:34:35 +00:00
. nav-dropdown-indicator {
opacity : 0 . 5 ;
filter : alpha ( opacity = 50 ) ;
}
. nav-dropdown-indicator : hover {
opacity : 1 . 0 ;
filter : alpha ( opacity = 100 ) ;
}
2012-12-18 17:13:14 +00:00
. location-label , . gender-label , . marital-label , . homepage-label {
float : left ;
text-align : right ;
display : block ;
width : 65px ;
}
. adr , . x-gender , . marital-text , . homepage-url {
float : left ;
display : block ;
margin-left : 8px ;
}
. profile-clear {
clear : both ;
}
. clear {
clear : both ;
}
. cc-license {
margin-top : 50px ;
font-size : 70 % ;
}
2013-05-22 00:13:51 +00:00
. descriptive-text {
color : # 888 ;
}
2012-12-18 17:13:14 +00:00
# plugin-settings-link , # account-settings-link {
margin-bottom : 10px ;
}
# uexport-link {
margin-bottom : 20px ;
}
/* end from default */
# network-new-link {
margin-top : 15px ;
margin-bottom : 15px ;
}
. tool-wrapper {
float : left ;
margin-left : 15px ;
}
. tool-link {
cursor : pointer ;
}
. eventcal {
float : left ;
font-size : 20px ;
}
# event-summary-text {
margin-top : 15px ;
}
# event-share-checkbox {
float : left ;
margin-top : 10px ;
}
# event-share-text {
float : left ;
margin-top : 10px ;
margin-left : 5px ;
}
# event-share-break {
clear : both ;
margin-bottom : 10px ;
}
# event-summary {
width : 400px ;
}
. vevent {
border : 1px solid # CCCCCC ;
}
. vevent . event-summary {
margin-left : 10px ;
margin-right : 10px ;
font-weight : bold ;
}
. vevent . event-description , . vevent . event-location {
margin-left : 10px ;
margin-right : 10px ;
}
. vevent . event-start {
margin-left : 10px ;
margin-right : 10px ;
}
# new-event-link {
margin-bottom : 10px ;
}
. edit-event-link , . plink-event-link {
float : left ;
margin-top : 4px ;
margin-right : 4px ;
margin-bottom : 15px ;
}
. event-description : before {
content : url ( '../../../../images/calendar.png' ) ;
margin-right : 15px ;
}
. event-start , . event-end {
margin-left : 10px ;
width : 330px ;
clear : both ;
}
. event-start . dtstart , . event-end . dtend {
float : right ;
}
. event-list-date {
margin-bottom : 10px ;
}
. prevcal , . nextcal {
float : left ;
margin-left : 32px ;
margin-right : 32px ;
margin-top : 64px ;
}
. event-calendar-end {
clear : both ;
}
. calendar {
font-family : Courier , monospace ;
}
. today {
font-weight : bold ;
color : # FF0000 ;
}
. settings-block {
border : 1px solid # AAA ;
margin : 10px ;
padding : 10px ;
}
. app-title {
margin : 10px ;
}
# identity-manage-desc {
margin-top : 15px ;
margin-bottom : 15px ;
}
# identity-manage-choose {
margin-bottom : 15px ;
}
# identity-submit {
margin-top : 20px ;
}
# photo-prev-link , # photo-next-link {
padding : 10px ;
float : left ;
}
# photo-photo {
float : left ;
}
# photo-photo-end {
clear : both ;
}
. profile-match-photo {
float : left ;
text-align : center ;
width : 120px ;
}
. profile-match-name {
float : left ;
text-align : center ;
width : 120px ;
overflow : hidden ;
}
. profile-match-break ,
. profile-match-end {
clear : both ;
}
. profile-match-connect {
text-align : center ;
font-weight : bold ;
}
. profile-match-wrapper {
float : left ;
padding : 10px ;
width : 120px ;
height : 120px ;
scroll : auto ;
}
# profile-match-wrapper-end {
clear : both ;
}
. side-link {
margin-bottom : 15px ;
}
# language-selector {
position : absolute ;
top : 0px ;
left : 16px ;
}
# group-members {
margin-top : 20px ;
padding : 10px ;
height : 250px ;
overflow : auto ;
border : 1px solid # ddd ;
}
# group-members-end {
clear : both ;
}
# group-separator {
margin-top : 10px ;
margin-bottom : 10px ;
}
# group-all-contacts {
padding : 10px ;
height : 450px ;
overflow : auto ;
border : 1px solid # ddd ;
}
# group-all-contacts-end {
clear : both ;
margin-bottom : 10px ;
}
# group-edit-desc {
margin-top : 15px ;
}
# prof-members {
margin-top : 20px ;
padding : 10px ;
height : 250px ;
overflow : auto ;
border : 1px solid # ddd ;
}
# prof-members-end {
clear : both ;
}
# prof-separator {
margin-top : 10px ;
margin-bottom : 10px ;
}
# prof-all-contacts {
padding : 10px ;
height : 450px ;
overflow : auto ;
border : 1px solid # ddd ;
}
# prof-all-contacts-end {
clear : both ;
margin-bottom : 10px ;
}
# prof-edit-desc {
margin-top : 15px ;
}
# crepair-name-label ,
# crepair-nick-label ,
# crepair-attag-label ,
# crepair-url-label ,
# crepair-request-label ,
# crepair-confirm-label ,
# crepair-notify-label ,
# crepair-photo-label ,
# crepair-poll-label {
float : left ;
width : 200px ;
margin-bottom : 15px ;
}
# crepair-name ,
# crepair-nick ,
# crepair-attag ,
# crepair-url ,
# crepair-request ,
# crepair-confirm ,
# crepair-notify ,
# crepair-photo ,
# crepair-poll {
float : left ;
width : 300px ;
}
# netsearch-box {
margin-top : 20px ;
}
# netsearch-box # search-submit {
margin : 5px 0px 0px 0px ;
}
. required {
color : # FF0000 ;
}
# event-start-text , # event-finish-text {
margin-top : 10px ;
margin-bottom : 5px ;
}
# event-nofinish-checkbox , # event-nofinish-text , # event-adjust-checkbox , # event-adjust-text {
float : left ;
}
# event-datetime-break {
margin-bottom : 10px ;
}
# event-nofinish-break , # event-adjust-break {
clear : both ;
}
# event-desc-text , # event-location-text {
margin-top : 10px ;
margin-bottom : 5px ;
}
# event-submit {
margin-top : 10px ;
}
. body-tag , . filesavetags , . categorytags {
opacity : 0 . 5 ;
filter : alpha ( opacity = 50 ) ;
}
. body-tag : hover , . filesavetags : hover , . categorytags : hover {
opacity : 1 . 0 ! important ;
filter : alpha ( opacity = 100 ) ! important ;
}
. item-select {
opacity : 0 . 1 ;
filter : alpha ( opacity = 10 ) ;
float : right ;
margin-right : 10px ;
}
. item-select : hover , . checkeditem {
opacity : 1 ;
filter : alpha ( opacity = 100 ) ;
}
# item-delete-selected {
margin-top : 30px ;
}
# item-delete-selected-end {
clear : both ;
}
# item-delete-selected-icon , # item-delete-selected-desc {
float : left ;
margin-right : 5px ;
}
# item-delete-selected-desc : hover {
text-decoration : underline ;
}
# lang-select-icon {
cursor : pointer ;
position : absolute ;
left : 4px ;
/ * because of the shape , if this is lined up properly it looks like it ' s lined up wrong . . .
lining it up too high is the only way to make it look correctly aligned . The human
brain is weird like that * /
top : 2px ;
}
# lang-select-icon : hover {
opacity : 1 ;
filter : alpha ( opacity = 100 ) ;
}
. notif-image {
height : 80px ;
width : 80px ;
margin-right : 15px ;
}
. notification-listing-end {
clear : both ;
margin-bottom : 15px ;
}
/ * *
* Plugins settings
* /
. settings-block > h3 ,
. settings-heading {
border-bottom : 1px solid # babdb6 ;
}
/ * *
* Form fields
* /
. field {
margin-bottom : 10px ;
2013-01-05 05:34:36 +00:00
/* padding-bottom: 10px; */
2012-12-18 17:13:14 +00:00
overflow : auto ;
width : 100 %
}
. field label {
float : left ;
width : 200px ;
}
. field input ,
. field textarea {
width : 400px ;
}
. field textarea { height : 100 px ; }
. field_help {
display : block ;
margin-left : 200px ;
color : # 666666 ;
}
. field_abook_help {
color : # 888 ;
}
. abook-them {
margin-left : 225px ;
margin-bottom : 15px ;
}
. abook-me {
margin-left : 36px ;
margin-bottom : 15px ;
}
. acheckbox {
margin-bottom : 5px ! important ;
}
# contact-slider {
width : 600px ! important ;
}
. abook-edit-them , . abook-edit-me {
float : left ;
width : 100px ! important ;
}
. field_abook_help {
float : left ;
}
. field . onoff {
float : left ;
width : 80px ;
margin-right : 15px ;
}
. field . onoff a {
display : block ;
border : 1px solid # 666666 ;
background-image : url ( "../../../../images/onoff.jpg" ) ;
background-repeat : no-repeat ;
padding : 4px 2px 2px 2px ;
height : 16px ;
text-decoration : none ;
}
. field . onoff . off {
border-color : # 666666 ;
padding-left : 40px ;
background-position : left center ;
background-color : # cccccc ;
color : # 666666 ;
text-align : right ;
}
. field . onoff . on {
border-color : # 204A87 ;
padding-right : 40px ;
background-position : right center ;
background-color : # D7E3F1 ;
color : # 204A87 ;
text-align : left ;
}
. hidden { display : none !important ; }
. field . radio . field_help { margin-left : 0 px ; }
2012-12-25 03:19:27 +00:00
/ * *
* ADMIN
* /
# pending-update {
float : right ;
color : # ffffff ;
font-weight : bold ;
background-color : # FF0000 ;
padding : 0em 0 . 3em ;
}
# adminpage dl {
clear : left ;
margin-bottom : 2px ;
padding-bottom : 2px ;
border-bottom : 1px solid black ;
}
# adminpage dt {
width : 200px ;
float : left ;
font-weight : bold ;
}
# adminpage dd {
margin-left : 200px ;
}
# adminpage h3 {
border-bottom : 1px solid # cccccc ;
}
# adminpage . field label {
font-weight : bold ;
}
# adminpage . submit {
clear : left ;
text-align : right ;
}
# adminpage # pluginslist {
margin : 0px ; padding : 0px ;
}
# adminpage . plugin {
list-style : none ;
display : block ;
border : 1px solid # 888888 ;
padding : 1em ;
margin-bottom : 5px ;
clear : left ;
}
# adminpage . plugin . desc { margin-left : 2.5 em ; }
# adminpage . toggleplugin {
float : left ;
margin-right : 1em ;
}
# adminpage table { width : 100 % ; border-bottom : 1 px solid #000000 ; margin : 5 px 0 px ; }
# adminpage table th { text-align : left ; }
# adminpage td . icon { float : left ; }
# adminpage table # users img { width : 16 px ; height : 16 px ; }
# adminpage table tr : hover { background-color : #bbc7d7 ; }
# adminpage . selectall { text-align : right ; }
2012-12-18 17:13:14 +00:00
/ *
* UPDATE
* /
. popup {
width : 100 % ; height : 100 % ;
top : 0px ; left : 0px ;
position : absolute ;
display : none ;
}
. popup . background {
background-color : rgba ( 0 , 0 , 0 , 128 ) ;
opacity : 0 . 5 ;
width : 100 % ; height : 100 % ;
position : absolute ;
top : 0px ; left : 0px ;
}
. popup . panel {
top : 25 % ; left : 25 % ; width : 50 % ; height : 50 % ;
padding : 1em ;
position : absolute ;
border : 4px solid # 000000 ;
background-color : # FFFFFF ;
}
. popup . panel . panel_text { display : block ; overflow : auto ; height : 80 % ; }
. popup . panel . panel_in { width : 100 % ; height : 100 % ; position : relative ; }
. popup . panel . panel_actions { width : 100 % ; bottom : 4 px ; left : 0 px ; position : absolute ; }
. panel_text . progress { width : 50 % ; overflow : hidden ; height : auto ; border : 1 px solid #cccccc ; margin-bottom : 5 px }
. panel_text . progress span { float : right ; display : block ; width : 25 % ; background-color : #eeeeee ; text-align : right ; }
/ * *
* OAuth
* /
. oauthapp {
height : auto ; overflow : auto ;
border-bottom : 2px solid # cccccc ;
padding-bottom : 1em ;
margin-bottom : 1em ;
}
. oauthapp img {
float : left ;
width : 48px ; height : 48px ;
margin : 10px ;
}
. oauthapp img . noicon {
background-image : url ( "../../../../images/icons/48/plugin.png" ) ;
background-position : center center ;
background-repeat : no-repeat ;
}
. oauthapp a {
float : left ;
}
/ * *
* ICONS
* /
. iconspacer {
display : block ; width : 16px ; height : 16px ;
}
. icon {
display : block ; width : 16px ; height : 16px ;
background-image : url ( '../../../../images/icons.png' ) ;
}
. article { background-position : 0 px 0 px ; }
. audio { background-position : -16 px 0 px ; }
. block { background-position : -32 px 0 px ; }
. drop { background-position : -48 px 0 px ; }
. drophide { background-position : -64 px 0 px ; }
. edit { background-position : -80 px 0 px ; }
. camera { background-position : -96 px 0 px ; }
. dislike { background-position : -112 px 0 px ; }
. like { background-position : -128 px 0 px ; }
. link { background-position : -144 px 0 px ; }
. globe { background-position : 0 px -16 px ; }
. noglobe { background-position : -16 px -16 px ; }
. no { background-position : -32 px -16 px ; }
. pause { background-position : -48 px -16 px ; }
. play { background-position : -64 px -16 px ; }
. pencil { background-position : -80 px -16 px ; }
. small-pencil { background-position : -96 px -16 px ; }
. recycle { background-position : -112 px -16 px ; }
. remote-link { background-position : -128 px -16 px ; }
. share { background-position : -144 px -16 px ; }
. tools { background-position : 0 px -32 px ; }
. lock { background-position : -16 px -32 px ; }
. unlock { background-position : -32 px -32 px ; }
. video { background-position : -48 px -32 px ; }
. youtube { background-position : -64 px -32 px ; }
. attach { background-position : -80 px -32 px ; }
. language { background-position : -96 px -32 px ; }
. prev { background-position : -112 px -32 px ; }
. next { background-position : -128 px -32 px ; }
. on { background-position : -144 px -32 px ; }
. off { background-position : 0 px -48 px ; }
. starred { background-position : -16 px -48 px ; }
. unstarred { background-position : -32 px -48 px ; }
. tagged { background-position : -48 px -48 px ; }
. yellow { background-position : -64 px -48 px ; }
. filer-icon {
display : block ; width : 16px ; height : 16px ;
background-image : url ( '../img/file.gif' ) ;
}
. icon . dim { opacity : 0.3 ; filter : alpha ( opacity = 30 ) ; }
[ class ^ = "comment-edit-bb" ] {
list-style : none ;
display : none ;
margin : 0px 0 -5px 0px ;
padding : 0px ;
width : 75 % ;
}
[ class ^ = "comment-edit-bb" ] > li {
display : inline-block ;
margin : 10px 10px 0 0 ;
visibility : none ;
}
[ class ^ = "comment-edit-bb-end" ] {
clear : both ;
}
. editicon {
display : inline-block ;
width : 16px ;
height : 16px ;
background-image : url ( . . / img / bbedit . png ) ;
background-color : # fff ;
text-decoration : none ;
}
. editicon : hover {
background-color : # ccc ;
}
. boldbb {
background-position : 0px 0px ;
}
. boldbb : hover {
background-position : 0px -16px ;
}
. italicbb {
background-position : -16px 0px ;
}
. italicbb : hover {
background-position : -16px -16px ;
}
. underlinebb {
background-position : -32px 0px ;
}
. underlinebb : hover {
background-position : -32px -16px ;
}
. quotebb {
background-position : -48px 0px ;
}
. quotebb : hover {
background-position : -48px -16px ;
}
. codebb {
background-position : -64px 0px ;
}
. codebb : hover {
background-position : -64px -16px ;
}
. imagebb {
background-position : -80px 0px ;
}
. imagebb : hover {
background-position : -80px -16px ;
}
. urlbb {
background-position : -96px 0px ;
}
. urlbb : hover {
background-position : -96px -16px ;
}
. videobb {
background-position : -112px 0px ;
}
. videobb : hover {
background-position : -112px -16px ;
}
. attachtype {
display : block ; width : 20px ; height : 23px ;
float : left ;
background-image : url ( '../../../../images/content-types.png' ) ;
}
. body-attach {
margin-top : 10px ;
}
. type-video { background-position : 0 px 0 px ; }
. type-image { background-position : -20 px 0 px ; }
. type-audio { background-position : -40 px 0 px ; }
. type-text { background-position : -60 px 0 px ; }
. type-unkn { background-position : -80 px 0 px ; }
/* autocomplete popup */
. acpopup {
max-height : 150px ;
background-color : # ffffff ;
overflow : auto ;
z-index : 100000 ;
border : 1px solid # cccccc ;
}
. acpopupitem {
background-color : # ffffff ; padding : 4px ;
clear : left ;
}
2013-06-16 23:31:59 +00:00
. acpopupitem . taggable {
background-color : # ddddff ;
}
2012-12-18 17:13:14 +00:00
. acpopupitem img {
float : left ;
margin-right : 4px ;
}
. acpopupitem . selected {
color : # FFFFFF ; background : # 3465A4 ;
}
/* popup notifications */
div . jGrowl div . notice {
background : # 511919 url ( "../../../../images/icons/48/notice.png" ) no-repeat 5px center ;
color : # ffffff ;
padding-left : 58px ;
}
div . jGrowl div . info {
background : # 364e59 url ( "../../../../images/icons/48/info.png" ) no-repeat 5px center ;
color : # ffffff ;
padding-left : 58px ;
}
# jGrowl . top-right {
top : 15px ;
right : 15px ;
}
. qcomment {
border : 1px solid # EEE ;
padding : 3px ;
margin-top : 15px ;
margin-left : 25px ;
width : 125px ;
overflow-y : auto ;
}
. qcomment option {
width : 125px ;
overflow-x : hidden ;
}
. qcomment {
opacity : 0 . 3 ;
filter : alpha ( opacity = 30 ) ;
}
. qcomment : hover {
opacity : 1 . 0 ;
filter : alpha ( opacity = 100 ) ;
}
# id_term_label {
width : 75px ;
}
# id_term {
width : 100px ;
}
# recip {
}
. autocomplete-w1 { background : #ffffff ; n o - r e p e a t b o t t o m r i g h t ; position : absolute ; top : 0 px ; left : 0 px ; margin : 6 px 0 0 6 px ; /* IE6 fix: */ _background : none ; _margin : 1 px 0 0 0 ; }
. autocomplete { color : #000 ; border : 1 px solid #999 ; background : #FFF ; cursor : default ; text-align : left ; max-height : 350 px ; overflow : auto ; margin : -6 px 6 px 6 px -6 px ; /* IE6 specific: */ _height : 350 px ; _margin : 0 ; _overflow-x : hidden ; }
. autocomplete . selected { background : #F0F0F0 ; }
. autocomplete div { padding : 2 px 5 px ; white-space : nowrap ; overflow : hidden ; }
# datebrowse-sidebar select {
margin-left : 25px ;
}
2013-01-06 13:23:16 +00:00
2012-12-18 17:13:14 +00:00
. jslider . jslider-scale ins {
color : # 333 ;
font-size : 12px ;
width : 100px ;
text-align : center ;
}
2013-01-06 13:23:16 +00:00
2012-12-18 17:13:14 +00:00
. slider {
margin-top : 10px ;
2013-03-05 23:48:56 +00:00
margin-bottom : 45px ;
2012-12-18 17:13:14 +00:00
}
# main-slider {
position : relative ;
2013-03-05 23:48:56 +00:00
left : 5px ;
2012-12-18 17:13:14 +00:00
width : 90 % ;
2013-03-05 23:48:56 +00:00
2012-12-18 17:13:14 +00:00
}
# contact-slider {
position : relative ;
left : 5 % ;
width : 90 % ;
}
/* nav */
nav {
width : 100 % ;
2013-03-05 23:48:56 +00:00
height : 24px ;
2012-12-18 17:13:14 +00:00
position : fixed ;
2013-02-08 01:12:10 +00:00
/ / opacity : 0 . 6 ;
/ / filter : alpha ( opacity = 60 ) ;
2013-01-10 06:18:06 +00:00
2012-12-18 17:13:14 +00:00
left : 0px ;
top : 0px ;
padding : 0px ;
background-color : # d00 ;
color : # eec ;
z-index : 100 ;
2013-03-06 01:30:03 +00:00
/ * -webkit-box-shadow : 0px 0px 10px rgba ( 0 , 0 , 0 , 0 . 7 ) ;
2012-12-18 17:13:14 +00:00
-moz-box-shadow : 0px 0px 10px rgba ( 0 , 0 , 0 , 0 . 7 ) ;
2013-03-06 01:30:03 +00:00
box-shadow : 0px 0px 10px rgba ( 0 , 0 , 0 , 0 . 7 ) ; * /
2012-12-18 17:13:14 +00:00
/* TODO find a better way to do this without different code for every single browser. */
2013-02-08 01:12:10 +00:00
background-image : linear-gradient ( bottom , # f88 26 % , # b00 82 % ) ;
background-image : -o-linear-gradient ( bottom , # f88 26 % , # b00 82 % ) ;
background-image : -moz-linear-gradient ( bottom , # f88 26 % , # b00 82 % ) ;
background-image : -webkit-linear-gradient ( bottom , # f88 26 % , # b00 82 % ) ;
background-image : -ms-linear-gradient ( bottom , # f88 26 % , # b00 82 % ) ;
background-image : -webkit-gradient (
linear ,
left bottom ,
left top ,
color-stop ( 0 . 26 , # f88 ) ,
color-stop ( 0 . 82 , # b00 )
) ;
}
2013-06-09 01:17:39 +00:00
/ *
2013-02-08 01:12:10 +00:00
nav : hover {
2012-12-18 17:13:14 +00:00
background-image : linear-gradient ( bottom , # f00 26 % , # b00 82 % ) ;
background-image : -o-linear-gradient ( bottom , # f00 26 % , # b00 82 % ) ;
background-image : -moz-linear-gradient ( bottom , # f00 26 % , # b00 82 % ) ;
background-image : -webkit-linear-gradient ( bottom , # f00 26 % , # b00 82 % ) ;
background-image : -ms-linear-gradient ( bottom , # f00 26 % , # b00 82 % ) ;
background-image : -webkit-gradient (
linear ,
left bottom ,
left top ,
color-stop ( 0 . 26 , # f00 ) ,
color-stop ( 0 . 82 , # b00 )
) ;
2013-01-10 06:18:06 +00:00
}
2012-12-18 17:13:14 +00:00
2013-06-09 01:17:39 +00:00
* /
2012-12-18 17:13:14 +00:00
nav a ,
nav a : active ,
nav a : visited ,
2013-03-05 23:48:56 +00:00
nav a : link {
2012-12-18 17:13:14 +00:00
color : # ffffff ;
text-decoration : none ;
outline : none ;
}
2013-02-11 03:54:43 +00:00
2013-03-05 23:48:56 +00:00
nav a : hover {
2013-03-06 07:57:08 +00:00
color : # 0080FF ;
2013-03-05 23:48:56 +00:00
}
nav . fakelink : hover { text-decoration : none ; }
2013-02-11 03:54:43 +00:00
# profiles-menu li a {
color : # ffffff ;
}
# profiles-menu li a : hover {
color : # 000000 ;
}
2012-12-18 17:13:14 +00:00
nav ul {
margin : 0px ;
padding : 0px 20px ;
}
nav ul li {
list-style : none ;
margin : 0px ;
padding : 0px ;
float : left ;
}
nav ul li . menu-popup {
left : 0px ;
right : auto ;
top : 33px ;
}
2013-03-05 23:48:56 +00:00
# nav-user-linkmenu {
margin-left : 5px ;
}
2012-12-18 17:13:14 +00:00
nav . nav-menu-icon {
position : relative ;
height : 22px ;
padding : 5px ;
2013-03-05 23:48:56 +00:00
/* margin: 3px 10px; */
2012-12-18 17:13:14 +00:00
-moz-border-radius : 5px 5px 0 0 ;
-webkit-border-radius : 5px 5px 0 0 ;
border-radius : 5px 5px 0 0 ;
}
nav . nav-menu-icon . selected {
background-color : # FF0000 ;
}
nav . nav-menu-icon img {
width : 22px ;
height : 22px ;
}
nav . nav-menu-icon . nav-notify {
top : 3px ;
}
nav . nav-menu {
position : relative ;
height : 16px ;
padding : 5px ;
2013-03-06 01:30:03 +00:00
margin : 0px 5px 0px ;
2013-03-05 23:48:56 +00:00
font-size : 1 . 0em ;
/* border-bottom: 3px solid #f88; */
2013-02-08 01:12:10 +00:00
}
nav : hover . nav-menu {
2013-03-05 23:48:56 +00:00
/* border-bottom: 3px solid #f00; */
2012-12-18 17:13:14 +00:00
}
2013-02-08 01:12:10 +00:00
2013-03-06 07:57:08 +00:00
nav . nav-menu . selected a {
color : # 444444 ;
2012-12-18 17:13:14 +00:00
}
2013-01-21 23:39:05 +00:00
2012-12-18 17:13:14 +00:00
nav . nav-notify {
2013-01-23 08:26:26 +00:00
background-color : # 0080FF ;
2012-12-18 17:13:14 +00:00
color : # fff ;
-moz-border-radius : 5px 5px 5px 5px ;
-webkit-border-radius : 5px 5px 5px 5px ;
border-radius : 5px 5px 5px 5px ;
2013-03-05 23:48:56 +00:00
opacity : 0 . 6 ;
filter : alpha ( opacity = 60 ) ;
2012-12-18 17:13:14 +00:00
}
2013-03-07 03:19:56 +00:00
. nav-notify : hover , nav . nav-notify . selected span {
color : # ffffff ;
}
2012-12-18 17:13:14 +00:00
nav . nav-notify . show {
display : block ;
}
nav # nav-help-link ,
2013-01-04 01:36:03 +00:00
nav # nav-login-link ,
2012-12-18 17:13:14 +00:00
nav # nav-search-link ,
nav # nav-directory-link ,
2013-03-05 23:48:56 +00:00
nav # nav-apps-link {
2012-12-18 17:13:14 +00:00
float : right ;
}
nav # nav-help-link . menu-popup ,
nav # nav-search-link . menu-popup ,
nav # nav-directory-link . menu-popup ,
nav # nav-apps-link . menu-popup ,
nav # nav-site-linkmenu . menu-popup {
right : 0px ;
left : auto ;
}
nav # nav-notifications-linkmenu . on . icon . s22 . notify ,
nav # nav-notifications-linkmenu . selected . icon . s22 . notify {
background-image : url ( "../../../../images/icons/22/notify_on.png" ) ;
}
nav # nav-apps-link . selected {
background-color : # 364e59 ;
}
ul . menu-popup {
position : absolute ;
display : none ;
width : 10em ;
2013-01-23 08:26:26 +00:00
background : # 0080FF ;
2012-12-18 17:13:14 +00:00
color : # eec ;
padding : 0px ;
list-style : none ;
/* border-radius: 0px 0px 20px 20px; */
z-index : 100000 ;
-webkit-box-shadow : 0px 5px 10px rgba ( 0 , 0 , 0 , 0 . 7 ) ;
-moz-box-shadow : 0px 5px 10px rgba ( 0 , 0 , 0 , 0 . 7 ) ;
box-shadow : 0px 5px 10px rgba ( 0 , 0 , 0 , 0 . 7 ) ;
}
ul . menu-popup a {
display : block ;
2013-03-07 03:19:56 +00:00
color : # FFFFFF ;
2012-12-18 17:13:14 +00:00
padding : 5px 10px ;
text-decoration : none ;
}
2013-01-23 08:26:26 +00:00
2012-12-18 17:13:14 +00:00
ul . menu-popup a : hover {
2013-01-23 08:26:26 +00:00
background-color : # 888888 ;
2013-03-07 03:19:56 +00:00
color : # FFFFFF ;
2012-12-18 17:13:14 +00:00
}
ul . menu-popup . menu-sep {
border-top : 1px solid # 9eabb0 ;
}
ul . menu-popup li {
float : none ;
overflow : auto ;
height : auto ;
display : block ;
}
ul . menu-popup li img {
float : left ;
width : 16px ;
height : 16px ;
padding-right : 5px ;
}
ul . menu-popup . empty {
padding : 5px ;
text-align : center ;
color : # 9eabb0 ;
}
ul . menu-popup . toolbar {
background-color : # 9eabb0 ;
height : auto ;
overflow : auto ;
}
ul . menu-popup . toolbar a {
float : right ;
}
ul . menu-popup . toolbar a : hover {
background-color : # ffffff ;
}
/* header */
header {
position : fixed ;
left : 43 % ;
right : 43 % ;
top : 0px ;
margin : 0px ;
padding : 0px ;
/*width: 100%; height: 12px; */
z-index : 110 ;
color : # ffffff ;
}
/* notifications popup menu */
. nav-notify {
display : none ;
position : absolute ;
font-size : 10px ;
padding : 1px 3px ;
top : 0px ;
right : -10px ;
min-width : 15px ;
text-align : right ;
}
. nav-notify . show {
display : block ;
}
ul . menu-popup {
position : absolute ;
display : none ;
width : 10em ;
margin : 0px ;
padding : 0px ;
list-style : none ;
z-index : 100000 ;
/* top: 90px; */
/* left: 400px; */
}
2013-01-08 10:49:08 +00:00
. notify-menus {
width : 320px ! important ;
max-height : 400px ;
overflow-y : scroll ; overflow-style : scrollbar ;
}
2012-12-18 17:13:14 +00:00
# nav-notifications-menu {
width : 320px ;
max-height : 400px ;
overflow-y : scroll ; overflow-style : scrollbar ;
background-color : # FFFFFF ;
-moz-border-radius : 5px ;
-webkit-border-radius : 5px ;
border-radius : 5px ;
border : 1px solid # 888 ;
}
# nav-notifications-menu . contactname { font-weight : bold ; font-size : 0.9 em ; }
# nav-notifications-menu img { float : left ; margin-right : 5 px ; }
# nav-notifications-menu . notif-when { font-size : 0.8 em ; display : block ; }
# nav-notifications-menu li {
padding : 7px 0px 7px 10px ;
word-wrap : normal ;
border-bottom : 1px solid # 000 ;
}
# nav-notifications-menu li : hover {
}
# nav-notifications-menu a : hover {
text-decoration : underline ;
}
. notif-item a {
color : # 000000 ;
}
. notif-item a : hover {
text-decoration : underline ;
}
. notif-image {
width : 32px ;
height : 32px ;
padding : 7px 7px 0px 0px ;
}
. notify-seen {
background : # DDDDDD ;
}
# page-spinner {
margin-left : 50 % ;
2012-12-29 06:54:56 +00:00
}
. tabs-end {
clear : both ;
2013-01-21 02:05:29 +00:00
}
# acl-wrapper {
width : 690px ;
float : left ;
}
2013-04-16 03:20:29 +00:00
2013-01-21 02:05:29 +00:00
# acl-search {
float : right ;
background : # ffffff url ( "../../../../images/search_18.png" ) no-repeat right center ;
padding-right : 20px ;
}
# acl-showall {
float : left ;
display : block ;
width : auto ;
height : 18px ;
background-color : # cccccc ;
background-image : url ( "../../../../images/show_all_off.png" ) ;
background-position : 7px 7px ;
background-repeat : no-repeat ;
padding : 7px 5px 0px 30px ;
-webkit-border-radius : 5px ;
-moz-border-radius : 5px ;
border-radius : 5px ;
color : # 999999 ;
}
# acl-showall . selected {
color : # 000000 ;
background-color : # ff9900 ;
background-image : url ( "../../../../images/show_all_on.png" ) ;
}
# acl-list {
height : 210px ;
border : 1px solid # cccccc ;
clear : both ;
margin-top : 30px ;
overflow : auto ;
}
# acl-list-content {
}
. acl-list-item {
display : block ;
width : 150px ;
height : 30px ;
border : 1px solid # cccccc ;
margin : 5px ;
float : left ;
}
. acl-list-item img {
width : 22px ;
height : 22px ;
float : left ;
margin : 4px ;
}
2013-06-16 07:03:22 +00:00
. acl-list-item . taggable {
2013-06-16 23:31:59 +00:00
background-color : # ddddff ;
2013-06-16 07:03:22 +00:00
}
2013-01-21 02:05:29 +00:00
. acl-list-item p { height : 12 px ; font-size : 10 px ; margin : 0 px ; padding : 2 px 0 px 1 px ; overflow : hidden ; }
. acl-list-item a {
font-size : 8px ;
display : block ;
width : 40px ;
height : 10px ;
float : left ;
color : # 999999 ;
background-color : # cccccc ;
background-position : 3px 3px ;
background-repeat : no-repeat ;
margin-right : 5px ;
-webkit-border-radius : 2px ;
-moz-border-radius : 2px ;
border-radius : 2px ;
padding-left : 15px ;
}
# acl-wrapper a : hover {
text-decoration : none ;
color : # 000000 ;
}
. acl-button-show { background-image : url ( "../../../../images/show_off.png" ) ; }
. acl-button-hide { background-image : url ( "../../../../images/hide_off.png" ) ; }
. acl-button-show . selected {
color : # 000000 ;
background-color : # 9ade00 ;
background-image : url ( "../../../../images/show_on.png" ) ;
}
. acl-button-hide . selected {
color : # 000000 ;
background-color : # ff4141 ;
background-image : url ( "../../../../images/hide_on.png" ) ;
}
. acl-list-item . groupshow { border-color : #9ade00 ; }
. acl-list-item . grouphide { border-color : #ff4141 ; }
2013-01-23 08:26:26 +00:00
. contact-block-content {
margin-top : 8px ;
2013-03-06 23:13:54 +00:00
}
2013-03-11 23:13:09 +00:00
. profile-match-connect { margin-top : 5 px ; }
2013-03-12 00:42:12 +00:00
. reshared-content { margin-left : 30 px ; }
2013-03-23 15:58:21 +00:00
. shared_header img { margin-right : 10 px ; }
2013-06-02 02:40:31 +00:00
. mail-list-wrapper {
border-bottom : 1px solid # ccc ;
padding : 20px ;
}
span . mail-delete {
float : left ;
width : 30px ;
}
a . mail-list-sender-url {
float : left ;
width : 35px ;
}
img . mail-list-sender-photo {
height : 16px ;
width : 16px ;
}
span . mail-from {
float : left ;
width : 200px ;
}
span . mail-subject . unseen {
float : left ;
width : 200px ;
}
span . mail-date {
float : left ;
width : 200px ;
}