2012-01-08 12:30:35 +00:00
/ * *
* duepuntozero Frindika style
* Fabio Comuni < fabrix . xm @ gmail . com >
* /
/* generals */
body {
font-family : helvetica , arial , freesans , clean , sans-serif ;
font-size : 12px ;
background-color : # ffffff ;
2012-10-25 03:43:04 +00:00
/* background-image: url(../img/head.jpg); */
2012-01-08 12:30:35 +00:00
background-repeat : repeat-x ;
color : # 000000 ;
margin : 0px ;
}
2012-07-26 01:57:04 +00:00
abbr {
border-bottom : none ;
}
2012-01-08 12:30:35 +00:00
2012-12-12 21:14:51 +00:00
/*Should we be doing this here, or should we be changing default.css? */
aside {
box-shadow : 3px 3px 3px # ccc ;
border : none ;
border-radius : 0px 0px 20px 0px ;
width : 210px ;
2012-12-13 00:06:19 +00:00
color : # d00 ;
2012-12-12 21:14:51 +00:00
}
2012-08-10 05:48:13 +00:00
/* icons */
. icon {
background-color : transparent ;
background-repeat : no-repeat ;
display : block ;
overflow : hidden ;
text-indent : -9999px ;
/ * min-width : 22px ;
height : 22px ; * /
}
. icon . text {
text-indent : 0px ;
}
. icon . notify {
2012-12-06 21:58:41 +00:00
background-image : url ( "../img/notify_on.png" ) ;
2012-08-10 05:48:13 +00:00
min-width : 22px ;
2012-10-25 03:43:04 +00:00
height : 22px ;
margin-top : -4px ;
2012-08-10 05:48:13 +00:00
background-position : left center ;
padding : 1px ;
}
. icon . gear {
background-image : url ( "../../../../images/icons/22/gear.png" ) ;
min-width : 22px ;
height : 22px ;
background-position : left center ;
padding : 1px ;
}
2012-12-06 21:58:41 +00:00
a , a : visited , a : link { color : #dd0000 ; text-decoration : none ; }
a : hover { color : #dd0000 ; text-decoration : underline ; }
2012-01-08 12:30:35 +00:00
input {
border : 1px solid # 666666 ;
2012-12-06 21:58:41 +00:00
-moz-border-radius : 5px ;
border-radius : 5px ;
2012-01-08 12:30:35 +00:00
padding : 3px ;
}
img { border : 0 px ; }
2012-01-13 04:35:05 +00:00
2012-01-08 12:30:35 +00:00
code {
font-family : Courier , monospace ;
white-space : pre ;
display : block ;
overflow : auto ;
border : 1px solid # 444 ;
background : # EEE ;
color : # 444 ;
padding : 10px ;
margin-top : 20px ;
2012-12-13 00:06:19 +00:00
max-width : 80 % ;
2012-01-08 12:30:35 +00:00
}
2012-01-24 04:56:11 +00:00
2012-01-08 12:30:35 +00:00
blockquote {
background-color : # f4f8f9 ;
border-left : 4px solid # dae4ee ;
padding : 0 . 4em ;
}
. icollapse-wrapper , . ccollapse-wrapper {
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 % ;
2012-05-30 05:57:15 +00:00
margin-right : 5px ;
2012-01-08 12:30:35 +00:00
}
/* nav */
nav {
display : block ;
2012-08-10 05:48:13 +00:00
/* margin: 0px 10%; */
2012-12-12 21:14:51 +00:00
border-bottom : 1px solid # d00 ;
2012-01-08 12:30:35 +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 {
color : # 204a87 ;
font-size : 1 . 1em ;
border : 1px solid # 3465a4 ;
background-color : # d7e3f1 ;
padding : 10px ;
}
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 ; }
2012-11-06 04:42:12 +00:00
header # site-location {
display : none ;
}
header # banner {
overflow : hidden ;
text-align : center ;
width : 100 % ;
font-size : 2 . 2em ;
font-family : tahoma , "Lucida Sans" , sans ;
2012-12-06 21:58:41 +00:00
color : # eec ;
2012-11-06 04:42:12 +00:00
font-weight : bold ;
}
header # banner a ,
header # banner a : active ,
header # banner a : visited ,
header # banner a : link ,
header # banner a : hover {
2012-12-06 21:58:41 +00:00
color : # eec ;
2012-11-06 04:42:12 +00:00
text-decoration : none ;
outline : none ;
vertical-align : bottom ;
}
header # banner # logo-img {
height : 22px ;
margin-top : 5px ;
}
header # banner # logo-text {
font-size : 22px ;
}
2012-01-08 12:30:35 +00:00
2012-11-03 13:32:27 +00:00
2012-01-08 12:30:35 +00:00
. nav-commlink , . nav-login-link {
display : block ;
height : 15px ;
margin-top : 67px ;
margin-right : 2px ;
2012-04-25 19:28:13 +00:00
/ / padding : 6px 10px ;
padding : 6px 3px ;
2012-01-08 12:30:35 +00:00
float : left ;
bottom : 140px ;
border : 1px solid # babdb6 ;
border-bottom : 0px ;
background-color : # aec0d3 ;
color : # 565854 ;
2012-12-06 21:58:41 +00:00
-moz-border-radius : 5px 5px 0px 0px ;
border-radius : 5px 5px 0px 0px ;
2012-01-08 12:30:35 +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 ;
}
. nav-ajax-left {
font-size : 0 . 8em ;
float : left ;
margin-top : 62px ;
}
nav # nav-link-wrapper . nav-link {
border-right : 1px solid # babdb6 ;
}
2012-08-10 05:48:13 +00:00
2012-01-08 12:30:35 +00:00
# dfrn-request-link {
display : block ;
color : # FFFFFF ;
-webkit-border-radius : 5px ;
-moz-border-radius : 5px ;
border-radius : 5px ;
padding : 5px ;
font-weight : bold ;
2012-08-01 12:02:43 +00:00
background : # 3465a4 url ( '../img/friendika-16.png' ) no-repeat 95 % center ;
2012-01-08 12:30:35 +00:00
}
2012-04-01 07:59:35 +00:00
# wallmessage-link {
display : block ;
color : # FFFFFF ;
-webkit-border-radius : 5px ;
-moz-border-radius : 5px ;
border-radius : 5px ;
padding : 5px ;
font-weight : bold ;
background-color : # 3465a4 ;
}
2012-01-08 12:30:35 +00:00
. tabs {
2012-10-25 03:43:04 +00:00
height : 22px ;
/ * background-image : url ( . . / img / head . jpg ) ;
2012-01-08 12:30:35 +00:00
background-repeat : repeat-x ;
2012-10-25 03:43:04 +00:00
background-position : 0px -20px ; * /
border-bottom : 1px solid # aaaaaa ;
2012-01-08 12:30:35 +00:00
padding : 0px ;
2012-10-25 03:43:04 +00:00
margin-right : 10px ;
2012-01-08 12:30:35 +00:00
}
. tabs li { margin : 0 px ; list-style : none ; }
. tab {
display : block ;
float : left ;
padding : 0 . 4em ;
2012-04-25 19:28:13 +00:00
/ / margin-right : 1em ;
margin-right : 3px ;
2012-01-08 12:30:35 +00:00
}
. tab . active {
font-weight : bold ;
2012-04-25 19:28:13 +00:00
2012-01-08 12:30:35 +00:00
}
2012-10-25 03:43:04 +00:00
ul . tabs {
margin-top : 0px ;
margin-bottom : 0px ;
list-style-type : none ;
padding : 0px ;
}
2012-01-08 12:30:35 +00:00
/* footer */
footer {
2012-10-02 01:02:11 +00:00
text-align : right ;
padding-bottom : 1em ;
2012-10-25 02:13:29 +00:00
padding-right : 3em ;
}
# powered-by {
position : fixed ;
bottom : 1px ;
left : 15px ;
opacity : 0 . 3 ;
filter : alpha ( opacity = 30 ) ;
2012-01-08 12:30:35 +00:00
}
. birthday-today , . event-today {
font-weight : bold ;
}
div . wall-item-content-wrapper . shiny {
2012-12-06 21:58:41 +00:00
background : # f4f4f4 ;
2012-12-13 00:06:19 +00:00
border : none ;
2012-01-08 12:30:35 +00:00
}
2012-01-10 04:03:00 +00:00
. preview {
background : # FFFFC8 ;
}
2012-03-26 04:12:10 +00:00
# theme-preview {
margin : 15px 0 15px 150px ;
}
2012-01-08 12:30:35 +00:00
/* 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 ;
}
2012-04-02 01:28:31 +00:00
# jot-title , # jot-category {
2012-01-08 12:30:35 +00:00
border : 0px ;
margin : 0px ;
2012-12-06 21:58:41 +00:00
padding : 8px ;
2012-01-08 12:30:35 +00:00
height : 20px ;
width : 530px ;
margin-bottom : 5px ;
font-weight : bold ;
2012-12-06 21:58:41 +00:00
border : solid 1px # ccc ;
box-shadow : 5px 5px 5px # 666 inset ;
2012-12-12 21:14:51 +00:00
border-radius : 20px ;
2012-01-08 12:30:35 +00:00
}
# jot-title :: -webkit-input-placeholder { font-weight : normal ; }
2012-04-02 01:28:31 +00:00
# jot-category :: -webkit-input-placeholder { font-weight : normal ; }
2012-01-08 12:30:35 +00:00
# jot-title : -moz-placeholder { font-weight : normal ; }
2012-04-02 01:28:31 +00:00
# jot-category : -moz-placeholder { font-weight : normal ; }
2012-01-08 12:30:35 +00:00
# jot-title : hover ,
2012-04-02 01:28:31 +00:00
# jot-title : focus ,
# jot-category : hover ,
# jot-category : focus {
2012-01-08 12:30:35 +00:00
border : 1px solid # cccccc ;
}
. jothidden { display : none ; }
. fakelink , . fakelink : visited , . fakelink : link {
2012-10-25 03:43:04 +00:00
color : # 335577 ;
2012-01-08 12:30:35 +00:00
text-decoration : none ;
cursor : pointer ;
2012-07-19 10:59:32 +00:00
}
. fakebutton {
2012-01-08 12:30:35 +00:00
margin-top : 15px ;
margin-bottom : 15px ;
}
2012-07-19 10:59:32 +00:00
2012-01-08 12:30:35 +00:00
. lockview {
cursor : pointer ;
}
2012-11-05 00:57:09 +00:00
2012-01-08 12:30:35 +00:00
# group-sidebar {
margin-bottom : 10px ;
}
2012-04-02 01:28:31 +00:00
. group-selected , . nets-selected , . fileas-selected , . categories-selected {
2012-01-08 12:30:35 +00:00
padding : 3px ;
2012-12-06 21:58:41 +00:00
-moz-border-radius : 5px ;
border-radius : 5px ;
2012-01-08 12:30:35 +00:00
border : 1px solid # CCCCCC ;
background : # F8F8F8 ;
font-weight : bold ;
}
2012-05-29 02:17:06 +00:00
. settings-widget . selected {
padding : 3px ;
2012-12-06 21:58:41 +00:00
-moz-border-radius : 5px ;
border-radius : 5px ;
2012-05-29 02:17:06 +00:00
border : 1px solid # CCCCCC ;
background : # F8F8F8 ;
font-weight : bold ;
}
2012-01-08 12:30:35 +00:00
. fakelink : hover {
2012-10-25 03:43:04 +00:00
color : # 5588aa ;
2012-01-08 12:30:35 +00:00
text-decoration : underline ;
cursor : pointer ;
}
. smalltext {
font-size : 0 . 7em ;
}
# sysmsg {
/*width: 600px;*/
margin-bottom : 10px ;
}
2012-08-30 06:03:03 +00:00
# main-login {
margin-left : 100px ;
margin-top : 50px ;
}
2012-01-08 12:30:35 +00:00
2012-08-30 06:03:03 +00:00
# main-login # id_username , # main-login # id_password {
width : 200px ;
padding : 10px ;
2012-01-08 12:30:35 +00:00
float : left ;
}
2012-08-30 06:03:03 +00:00
# main-login . field_end {
clear : both ;
}
# main-login . field . input label , # main-login . field . password label {
float : left ;
width : 100px ;
2012-01-08 12:30:35 +00:00
}
2012-08-30 06:03:03 +00:00
# login_standard {
width : 350px ;
float : left ;
}
2012-01-08 12:30:35 +00:00
# login_standard input ,
# login_openid input {
width : 180px ;
}
# login-extra-links {
clear : both ;
}
# register-link , # lost-password-link {
float : left ;
2012-08-30 06:03:03 +00:00
font-size : 90 % ;
margin-left : 100px ;
2012-01-08 12:30:35 +00:00
}
2012-08-30 06:03:03 +00:00
# login-standard-end {
clear : both ;
2012-01-08 12:30:35 +00:00
}
# login-submit-button {
2012-08-30 06:03:03 +00:00
margin-left : 100px ;
margin-top : 10px ;
/* margin-left: 200px; */
2012-01-08 12:30:35 +00:00
}
2012-12-12 18:45:50 +00:00
/* TODO - we don't use DFRN anymore. These probably have different names now. Check and clean up later */
2012-01-08 12:30:35 +00:00
input # dfrn-url {
float : left ;
2012-08-01 12:02:43 +00:00
background : url ( . . / img / friendika-16 . png ) no-repeat ;
2012-01-08 12:30:35 +00:00
background-position : 2px center ;
font-size : 17px ;
padding-left : 21px ;
height : 21px ;
background-color : # FFFFFF ;
color : # 000000 ;
margin-bottom : 20px ;
}
# dfrn-url-label {
float : left ;
width : 250px ;
}
# dfrn-request-url-end {
clear : both ;
}
# knowyouyes , # knowyouno {
float : left ;
}
# dfrn-request-knowyou-yes-wrapper , # dfrn-request-knowyou-no-wrapper {
float : none ;
}
# dfrn-request-knowyou-yes-label , # dfrn-request-knowyou-no-label {
float : left ;
width : 75px ;
margin-left : 50px ;
margin-bottom : 7px ;
}
# dfrn-request-knowyou-break , # dfrn-request-knowyou-end {
clear : both ;
}
# dfrn-request-message-wrapper {
margin-bottom : 50px ;
}
# dfrn-request-submit-wrapper {
clear : both ;
margin-left : 50px ;
}
# dfrn-request-info-wrapper {
margin-left : 50px ;
}
# cropimage-wrapper , # cropimage-preview-wrapper {
float : left ;
padding : 30px ;
}
# crop-image-form {
margin-top : 30px ;
clear : both ;
}
. intro-wrapper {
margin-top : 20px ;
}
. intro-fullname {
font-size : 1 . 1em ;
font-weight : bold ;
}
. intro-desc {
margin-bottom : 20px ;
font-weight : bold ;
}
. intro-note {
padding : 10px ;
}
. intro-end {
padding : 30px ;
}
. intro-form {
float : left ;
}
. intro-approve-form {
clear : both ;
}
. intro-approve-as-friend-end {
clear : both ;
}
. intro-submit-approve , . intro-submit-ignore {
margin-right : 20px ;
}
. intro-submit-approve {
margin-top : 15px ;
}
. intro-approve-as-friend-label , . intro-approve-as-fan-label {
float : left ;
width : 100px ;
margin-left : 20px ;
}
. intro-approve-as-friend , . intro-approve-as-fan {
float : left ;
}
. intro-form-end {
clear : both ;
}
. intro-approve-as-friend-desc {
margin-top : 15px ;
}
. intro-approve-as-end {
clear : both ;
margin-bottom : 10px ;
}
. intro-end {
clear : both ;
margin-bottom : 30px ;
}
2012-06-30 08:29:29 +00:00
. aprofile dt {
font-weight : bold ;
}
# page-profile . title {
font-weight : bold ;
}
2012-05-23 23:58:31 +00:00
# profile-vcard-break {
clear : both ;
}
2012-01-08 12:30:35 +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-links ul {
list-style-type : none ;
}
# profile-edit-links li {
margin-top : 10px ;
}
. profile-edit-side-div {
float : right ;
}
. profile-edit-side-link {
opacity : 0 . 3 ;
filter : alpha ( opacity = 30 ) ;
2012-12-06 08:03:24 +00:00
float : right ;
2012-01-08 12:30:35 +00:00
}
. 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 ;
}
2012-01-08 12:13:53 +00:00
2010-12-28 14:44:57 +00:00
# view-contact-end {
clear : both ;
}
# viewcontacts {
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 ;
2011-08-05 13:42:27 +00:00
margin-bottom : 15px ;
2010-12-28 14:44:57 +00:00
}
2011-08-05 13:42:27 +00:00
2010-12-28 14:44:57 +00:00
. profile-listing-photo {
border : none ;
}
. profile-edit-submit-wrapper {
margin-top : 20px ;
margin-bottom : 20px ;
}
2011-02-04 09:30:56 +00:00
# profile-photo-link-select-wrapper {
margin-top : 2em ;
}
2011-04-08 06:10:43 +00:00
# profile-photo-submit-wrapper {
margin-top : 10px ;
}
2011-02-12 02:52:30 +00:00
# profile-photo-wrapper img {
width : 175px ;
height : 175px ;
2011-11-10 02:29:05 +00:00
padding : 12px ;
2011-02-12 02:52:30 +00:00
}
2011-02-04 09:30:56 +00:00
2010-12-28 14:44:57 +00:00
# profile-edit-profile-name-label ,
# profile-edit-name-label ,
2011-01-19 03:25:28 +00:00
# profile-edit-pdesc-label ,
2010-12-28 14:44:57 +00:00
# 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 ,
2011-03-14 07:28:49 +00:00
# profile-edit-pubkeywords-label ,
# profile-edit-prvkeywords-label ,
2012-06-03 03:58:20 +00:00
# profile-edit-homepage-label ,
# profile-edit-hometown-label {
2010-12-28 14:44:57 +00:00
float : left ;
width : 175px ;
}
# profile-edit-profile-name ,
# profile-edit-name ,
2011-01-19 03:25:28 +00:00
# profile-edit-pdesc ,
2010-12-28 14:44:57 +00:00
# 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 ,
2011-03-14 07:28:49 +00:00
# profile-edit-pubkeywords ,
# profile-edit-prvkeywords ,
2010-12-28 14:44:57 +00:00
# profile-in-dir-yes ,
# profile-in-dir-no ,
# profile-in-netdir-yes ,
# profile-in-netdir-no ,
2011-05-24 23:30:52 +00:00
# hide-wall-yes ,
# hide-wall-no ,
2010-12-28 14:44:57 +00:00
# hide-friends-yes ,
2011-02-17 16:29:29 +00:00
# hide-friends-no {
float : left ;
margin-bottom : 20px ;
}
2010-12-28 14:44:57 +00:00
# settings-normal ,
# settings-soapbox ,
2011-02-17 16:29:29 +00:00
# settings-freelove ,
# settings-community {
2010-12-28 14:44:57 +00:00
float : left ;
}
2012-05-30 23:30:51 +00:00
# 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 ;
}
2011-02-17 16:29:29 +00:00
2010-12-28 14:44:57 +00:00
# profile-in-dir-yes-label ,
# profile-in-dir-no-label ,
# profile-in-netdir-yes-label ,
# profile-in-netdir-no-label ,
2011-05-24 23:30:52 +00:00
# hide-wall-yes-label ,
# hide-wall-no-label ,
2010-12-28 14:44:57 +00:00
# hide-friends-yes-label ,
# hide-friends-no-label {
margin-left : 125px ;
float : left ;
width : 50px ;
}
# profile-edit-with-label {
width : 175px ;
margin-left : 20px ;
}
2011-02-22 00:50:06 +00:00
# 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 ;
}
2011-01-19 13:48:30 +00:00
# profile-edit-pdesc-desc ,
2011-03-14 07:28:49 +00:00
# profile-edit-pubkeywords-desc ,
# profile-edit-prvkeywords-desc {
2010-12-28 14:44:57 +00:00
float : left ;
margin-left : 20px ;
}
2012-06-03 03:58:20 +00:00
# profile-edit-homepage , # profile-edit-hometown {
2010-12-28 14:44:57 +00:00
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 {
2011-02-17 16:29:29 +00:00
/ * float : left ;
margin-left : 75px ; * /
clear : left ;
color : # 666666 ;
display : block ;
margin-bottom : 20px
2010-12-28 14:44:57 +00:00
}
# profile-edit-profile-name-end ,
# profile-edit-name-end ,
2011-01-19 03:25:28 +00:00
# profile-edit-pdesc-end ,
2010-12-28 14:44:57 +00:00
# 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 ,
2011-03-14 07:28:49 +00:00
# profile-edit-pubkeywords-end ,
# profile-edit-prvkeywords-end ,
2010-12-28 14:44:57 +00:00
# profile-edit-homepage-end ,
2012-06-03 03:58:20 +00:00
# profile-edit-hometown-end ,
2010-12-28 14:44:57 +00:00
# profile-in-dir-break ,
# profile-in-dir-end ,
# profile-in-netdir-break ,
# profile-in-netdir-end ,
2011-05-24 23:30:52 +00:00
# hide-wall-break ,
# hide-wall-end ,
2010-12-28 14:44:57 +00:00
# hide-friends-break ,
# hide-friends-end ,
# settings-normal-break ,
# settings-soapbox-break ,
# settings-community-break ,
# settings-freelove-break {
clear : both ;
}
2012-05-29 02:17:06 +00:00
. settings-widget ul {
list-style-type : none ;
padding : 0px ;
}
2010-12-28 14:44:57 +00:00
2012-05-29 02:17:06 +00:00
. settings-widget li {
margin-left : 24px ;
margin-bottom : 8px ;
}
2010-12-28 14:44:57 +00:00
# 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 ;
2011-08-25 06:20:04 +00:00
width : 120px ;
2011-08-25 05:40:26 +00:00
height : 120px ;
2010-12-28 14:44:57 +00:00
}
2012-02-14 04:38:00 +00:00
# contacts-search-end {
margin-bottom : 10px ;
}
2010-12-28 14:44:57 +00:00
. 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 ;
2011-08-25 06:20:04 +00:00
margin-left : 0px ;
2012-02-12 03:21:41 +00:00
margin-right : 10px ;
2011-08-25 12:15:05 +00:00
width : 120px ;
overflow : hidden ;
2010-12-28 14:44:57 +00:00
}
. 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 ;
2011-08-25 06:20:04 +00:00
position : relative ;
2010-12-28 14:44:57 +00:00
}
. contact-entry-end {
clear : both ;
}
2011-06-27 23:18:06 +00:00
# fsuggest-desc , # fsuggest-submit-wrapper {
margin-top : 15px ;
margin-bottom : 15px ;
}
2011-07-04 02:41:04 +00:00
# network-star-link {
margin-top : 10px ;
}
. network-star {
float : left ;
margin-right : 5px ;
}
2011-09-06 07:55:24 +00:00
# network-bmark-link {
margin-top : 10px ;
}
2012-10-27 10:05:51 +00:00
. thread-wrapper . wall-item-comment-wrapper {
2012-08-22 03:03:25 +00:00
margin-left : 50px ;
}
2011-07-04 02:41:04 +00:00
2012-12-12 21:14:51 +00:00
/* 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 */
2010-12-28 14:44:57 +00:00
. wall-item-content-wrapper {
2012-12-12 21:14:51 +00:00
margin-top : 30px ;
2011-02-17 16:29:29 +00:00
position : relative ;
2012-12-12 21:14:51 +00:00
background : # fff ;
border-radius : 20px ;
2012-12-13 00:06:19 +00:00
box-shadow : 12px 12px 12px # 111 ;
border : 1px solid # eec ;
2010-12-28 14:44:57 +00:00
2012-12-12 21:14:51 +00:00
}
. wall-item-content-wrapper . comment {
background : # fff ;
border-left : 1px solid # e0e0e0 ;
2010-12-28 14:44:57 +00:00
margin-left : 50px ;
2012-12-12 21:14:51 +00:00
box-shadow : 5px 5px 5px # 222 ;
2012-08-09 23:26:44 +00:00
}
2012-10-27 10:05:51 +00:00
. thread-end-wrapper {
2012-10-26 04:58:33 +00:00
margin-left : 50px ;
}
2012-08-09 23:26:44 +00:00
. wall-item-content-wrapper . comment {
2012-10-26 01:42:42 +00:00
background : # ffffff ;
border-left : 1px solid # e0e0e0 ;
2012-10-26 08:37:34 +00:00
2010-12-28 14:44:57 +00:00
}
2012-06-23 11:44:48 +00:00
. wall-item-like . comment , . wall-item-dislike . comment {
margin-left : 50px ;
}
2011-02-17 16:29:29 +00:00
. wall-item-info {
display : block ;
float : left ;
2011-03-08 15:51:14 +00:00
width : 110px ;
margin-right : 10px ;
}
. comment . wall-item-info {
width : 70px ;
2011-02-17 16:29:29 +00:00
}
2010-12-28 14:44:57 +00:00
. wall-item-photo-wrapper {
margin-top : 10px ;
margin-left : 10px ;
margin-bottom : 10px ;
width : 100px ;
2011-02-17 16:29:29 +00:00
}
2011-03-30 15:10:14 +00:00
. wall-item-photo-menu-button {
display : block ;
position : absolute ;
2012-08-01 12:02:43 +00:00
background-image : url ( "../img/photo-menu.jpg" ) ;
2011-03-30 15:10:14 +00:00
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 {
2011-03-31 14:52:51 +00:00
width : auto ;
2011-03-30 15:10:14 +00:00
border : 2px solid # 444444 ;
background : # FFFFFF ;
position : absolute ;
left : 10px ; top : 90px ;
display : none ;
2011-04-04 07:28:19 +00:00
z-index : 10000 ;
2011-03-30 15:10:14 +00:00
}
. 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 ; }
2011-03-09 07:43:17 +00:00
. wallwall . wwto {
left : 50px ;
margin : 0 ;
2011-03-08 15:51:14 +00:00
position : absolute ;
2011-03-09 07:43:17 +00:00
top : 70px ;
width : 30px
}
. wallwall . wwto img {
2011-05-23 02:52:54 +00:00
width : 30px ! important ;
height : 30px ! important ;
2010-12-28 14:44:57 +00:00
}
2011-03-30 15:10:14 +00:00
2011-02-24 10:32:46 +00:00
. wallwall . wall-item-photo-end {
clear : both ;
}
2010-12-28 14:44:57 +00:00
. wall-item-arrowphoto-wrapper {
2011-03-08 15:51:14 +00:00
position : absolute ;
2011-03-09 07:43:17 +00:00
left : 75px ;
2011-03-08 15:51:14 +00:00
top : 70px ;
z-index : 100 ;
2010-12-28 14:44:57 +00:00
}
. wall-item-wrapper {
2011-02-17 16:29:29 +00:00
/ * float : left ;
2011-01-25 09:16:15 +00:00
margin-right : 5px ;
2011-02-17 16:29:29 +00:00
width : 250px ; * /
margin-left : 10px ;
2010-12-28 14:44:57 +00:00
}
. wall-item-lock {
2011-02-17 16:29:29 +00:00
/*height: 20px;*/
/*margin-top: 10px;*/
2011-03-08 15:51:14 +00:00
left : 105px ;
2011-02-17 16:29:29 +00:00
position : absolute ;
top : 1px ;
2010-12-28 14:44:57 +00:00
}
2011-03-08 15:51:14 +00:00
. comment . wall-item-lock {
left : 65px ;
}
2010-12-28 14:44:57 +00:00
. wall-item-ago {
color : # 888888 ;
font-size : 0 . 8em ;
}
2011-03-08 15:51:14 +00:00
. 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 % ;
}
2012-11-05 00:57:09 +00:00
. item-tool {
2011-03-08 15:51:14 +00:00
float : left ;
2012-11-05 00:57:09 +00:00
margin-right : 8px ;
2011-06-29 04:11:52 +00:00
}
. like-rotator {
margin-left : 5px ;
2011-03-08 15:51:14 +00:00
}
2011-02-16 10:07:11 +00:00
2010-12-28 14:44:57 +00:00
. wall-item-delete-wrapper {
2012-12-06 21:58:41 +00:00
/ * TODO
This should really go somewhere at the right , but for now , that leaves
it dangling at the edge of whitespace , so we ' ll put it with the other wall item tools for the time being * /
float : left ;
2010-12-28 14:44:57 +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 ;
}
2011-02-17 16:29:29 +00:00
. comment . wall-item-photo {
2011-05-23 02:52:54 +00:00
width : 50px ! important ;
height : 50px ! important ;
2011-02-17 16:29:29 +00:00
}
2010-12-28 14:44:57 +00:00
. wall-item-content {
2012-08-07 06:10:37 +00:00
float : left ;
2010-12-28 14:44:57 +00:00
margin-left : 10px ;
2012-12-12 21:14:51 +00:00
overflow : auto ;
2010-12-28 14:44:57 +00:00
}
2012-05-18 08:46:02 +00:00
. wall-item-content img {
2012-12-07 09:51:10 +00:00
max-height : 95 % ! important ;
max-width : 95 % ! important ;
box-shadow : 8px 8px 8px # 666 ;
2012-05-18 08:46:02 +00:00
}
2012-12-12 21:14:51 +00:00
. wall-item-content img . smiley {
box-shadow : none ;
}
2010-12-28 14:44:57 +00:00
. wall-item-title {
float : left ;
font-weight : bold ;
2011-02-17 16:29:29 +00:00
/*width: 450px;*/
2010-12-28 14:44:57 +00:00
}
2011-02-22 04:28:29 +00:00
. wall-item-title-end {
clear : both ;
}
2012-12-06 21:58:41 +00:00
. thread-wrapper . toplevel_item {
padding : 30px ;
width : 90 % ;
}
2010-12-28 14:44:57 +00:00
. wall-item-body {
2012-08-07 06:10:37 +00:00
/* float: left; */
2011-02-17 16:29:29 +00:00
/*width: 450px;*/
2011-02-12 09:51:29 +00:00
margin-top : 10px ;
2010-12-28 14:44:57 +00:00
}
2011-02-17 16:29:29 +00:00
. wall-item-tools {
clear : both ;
2012-10-25 03:43:04 +00:00
/* background-image: url("../img/head.jpg"); */
2011-02-17 16:29:29 +00:00
background-position : 0 -20px ;
background-repeat : repeat-x ;
2012-12-07 09:51:10 +00:00
background : # eee ;
2012-12-12 21:14:51 +00:00
padding : 5px 10px ;
border-radius : 0px 0px 20px 20px ;
2012-12-13 00:06:19 +00:00
border : 1px # eec solid ;
2011-02-17 16:29:29 +00:00
}
2012-12-12 21:14:51 +00:00
. wall-item-like {
margin : 15px ;
}
2011-03-10 01:59:26 +00:00
. wall-item-author {
margin-top : 10px ;
}
2010-12-28 14:44:57 +00:00
. comment-edit-wrapper {
margin-top : 15px ;
2012-10-26 01:42:42 +00:00
background : # ffffff ;
2010-12-28 14:44:57 +00:00
margin-left : 50px ;
}
. comment-wwedit-wrapper {
2012-10-26 01:42:42 +00:00
background : # ffffff ;
2010-12-28 14:44:57 +00:00
}
. comment-edit-photo {
margin-top : 10px ;
margin-left : 10px ;
margin-bottom : 10px ;
width : 100px ;
float : left ;
}
2012-09-11 05:00:56 +00:00
. comment-wwedit-wrapper . threaded > . comment-edit-form > . comment-edit-photo {
width : 40px ;
}
2010-12-28 14:44:57 +00:00
. comment-edit-photo img {
width : 25px ;
}
. comment-edit-text-empty , . comment-edit-text-full {
float : left ;
margin-top : 10px ;
2011-12-02 06:44:27 +00:00
padding : 3px 1px 1px 3px ;
2012-12-06 21:58:41 +00:00
border : 1px solid # ccc ;
padding : 8px ;
border-radius : 5px 5px 5px 5px ;
box-shadow : 5px 5px 5px # 666 inset ;
2010-12-28 14:44:57 +00:00
}
2012-10-26 01:42:42 +00:00
. comment-edit-text-empty {
color : gray ;
height : 1 . 5em ;
2012-12-12 21:14:51 +00:00
width : 80 % ; /*Too wide? */
2012-10-26 01:42:42 +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 ;
2012-12-06 21:58:41 +00:00
width : 80 % ;
2012-10-26 01:42:42 +00:00
overflow : auto ;
}
2010-12-28 14:44:57 +00:00
. comment-edit-text-end {
clear : both ;
}
. comment-edit-submit {
margin : 10px 0px 10px 110px ;
}
2012-09-11 05:00:56 +00:00
. comment-wwedit-wrapper . threaded > . comment-edit-form > . comment-edit-submit-wrapper > . comment-edit-submit {
margin-left : 50px ;
}
2011-01-26 15:17:28 +00:00
# profile-jot-plugin-wrapper ,
2010-12-28 14:44:57 +00:00
# profile-jot-submit-wrapper {
margin-top : 15px ;
2012-12-07 18:06:05 +00:00
width : 90 % ;
2010-12-28 14:44:57 +00:00
}
# profile-jot-submit {
float : left ;
}
# profile-upload-wrapper {
float : left ;
2011-03-30 01:57:26 +00:00
margin-left : 30px ;
2010-12-28 14:44:57 +00:00
}
2011-05-25 05:40:52 +00:00
# profile-attach-wrapper {
float : left ;
margin-left : 30px ;
}
2010-12-28 14:44:57 +00:00
# profile-rotator {
float : left ;
2011-03-30 01:57:26 +00:00
margin-left : 30px ;
2010-12-28 14:44:57 +00:00
}
# profile-link-wrapper {
float : left ;
2011-03-30 01:57:26 +00:00
margin-left : 15px ;
2010-12-28 14:44:57 +00:00
}
# profile-youtube-wrapper {
float : left ;
2011-03-30 01:57:26 +00:00
margin-left : 15px ;
2010-12-28 14:44:57 +00:00
}
2011-03-17 04:14:22 +00:00
# profile-video-wrapper {
float : left ;
2011-03-30 01:57:26 +00:00
margin-left : 15px ;
2011-03-17 04:14:22 +00:00
}
# profile-audio-wrapper {
float : left ;
2011-03-30 01:57:26 +00:00
margin-left : 15px ;
2011-03-17 04:14:22 +00:00
}
2010-12-28 14:44:57 +00:00
# profile-location-wrapper {
float : left ;
2011-03-30 01:57:26 +00:00
margin-left : 15px ;
2010-12-28 14:44:57 +00:00
}
2012-01-10 05:02:02 +00:00
# jot-preview-link {
float : left ;
margin-left : 45px ;
margin-top : 0px ! important ;
}
2010-12-28 14:44:57 +00:00
# profile-nolocation-wrapper {
float : left ;
2011-03-30 01:57:26 +00:00
margin-left : 15px ;
}
# profile-title-wrapper {
float : left ;
margin-left : 15px ;
2010-12-28 14:44:57 +00:00
}
# profile-jot-perms {
2012-12-07 18:06:05 +00:00
float : right ;
2011-03-30 01:57:26 +00:00
margin-left : 100px ;
2010-12-28 14:44:57 +00:00
font-weight : bold ;
font-size : 1 . 2em ;
2012-12-07 18:06:05 +00:00
height : auto ;
width : auto ;
background-color : # dd0000 ;
border-radius : 5px ;
border : 2px outset ;
box-shadow : 5px 5px 5px # 666 ;
margin-right : 8px ;
padding : 4px ;
2010-12-28 14:44:57 +00:00
}
2012-12-07 18:06:05 +00:00
# profile-jot-perms : active {
box-shadow : 0 0 0 0 ;
}
2012-01-10 05:02:02 +00:00
2010-12-28 14:44:57 +00:00
# profile-jot-perms-end {
/*clear: left;*/
2011-01-03 08:49:50 +00:00
height : 30px ;
2010-12-28 14:44:57 +00:00
}
2011-01-26 15:17:28 +00:00
# profile-jot-plugin-end {
clear : both ;
}
2011-02-11 10:35:19 +00:00
. profile-jot-net {
float : left ;
margin-right : 10px ;
margin-top : 5px ;
margin-bottom : 5px ;
}
# profile-jot-networks-end {
clear : both ;
}
2010-12-28 14:44:57 +00:00
# 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 ;
}
. fortune {
margin-top : 50px ;
color : # 4444FF ;
font-weight : bold ;
margin-bottom : 20px ;
}
. 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 {
2011-11-09 02:30:20 +00:00
margin-top : 10px ;
2010-12-28 14:44:57 +00:00
}
# contact-edit-banner-name {
font-size : 1 . 4em ;
font-weight : bold ;
}
# contact-edit-poll-wrapper {
2011-11-09 05:22:45 +00:00
margin-top : 15px ;
2010-12-28 14:44:57 +00:00
}
2011-11-09 05:22:45 +00:00
2010-12-28 14:44:57 +00:00
# contact-edit-poll-text {
2011-02-06 23:50:50 +00:00
margin-top : 15px ;
margin-bottom : 5px ;
2010-12-28 14:44:57 +00:00
}
2011-01-31 03:38:03 +00:00
# contact-edit-update-now {
margin-top : 15px ;
}
2011-11-09 02:30:20 +00:00
# contact-edit-links {
clear : both ;
2010-12-28 14:44:57 +00:00
}
2011-11-09 11:46:36 +00:00
# contact-edit-links ul {
list-style : none ;
2011-11-10 03:30:14 +00:00
list-style-type : none ;
margin-left : 0px ;
padding-left : 0px ;
2011-11-09 11:46:36 +00:00
}
2011-11-10 03:30:14 +00:00
2011-11-09 11:46:36 +00:00
# contact-edit-links li {
margin-top : 5px ;
}
2011-11-09 02:30:20 +00:00
# contact-edit-drop-link {
float : right ;
margin-right : 20px ;
2010-12-28 14:44:57 +00:00
}
# contact-edit-nav-end {
clear : both ;
}
2011-11-09 02:30:20 +00:00
# contact-edit-wrapper {
width : 100 % ;
}
2011-11-09 05:22:45 +00:00
2010-12-28 14:44:57 +00:00
# contact-edit-end {
clear : both ;
2011-12-06 02:36:26 +00:00
margin-top : 15px ;
2010-12-28 14:44:57 +00:00
}
# contact-profile-selector {
width : 175px ;
margin-left : 175px ;
}
. contact-edit-submit {
margin-top : 20px ;
}
2011-08-25 05:40:26 +00:00
. contact-photo-menu-button {
2011-08-25 06:20:04 +00:00
position : absolute ;
2012-08-01 12:02:43 +00:00
background-image : url ( "../img/photo-menu.jpg" ) ;
2011-08-25 05:40:26 +00:00
background-position : top left ;
background-repeat : no-repeat ;
margin : 0px ; padding : 0px ;
width : 16px ;
height : 16px ;
2011-08-25 06:20:04 +00:00
top : 64px ; left : 0px ;
2011-08-25 05:40:26 +00:00
overflow : hidden ;
text-indent : 40px ;
display : none ;
}
. contact-photo-menu {
width : auto ;
border : 2px solid # 444444 ;
background : # FFFFFF ;
2011-08-25 06:20:04 +00:00
position : absolute ;
left : 0px ; top : 90px ;
2011-08-25 05:40:26 +00:00
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 ; }
2012-06-15 00:41:24 +00:00
# block-message , # ignore-message , # archive-message , # lost-contact-message {
2010-12-28 14:44:57 +00:00
color : # FF0000 ;
}
2011-03-21 02:29:01 +00:00
# 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 ;
}
2012-12-07 09:51:10 +00:00
/* TinyMCE */
DIV # profile-jot-text_toolbargroup {
2012-12-10 02:07:36 +00:00
background : # FFF ;
2012-12-07 09:51:10 +00:00
border : 1px # 111 ;
2012-12-10 02:07:36 +00:00
/*box-shadow: 5px 5px 5px #000 inset;*/
2012-12-07 09:51:10 +00:00
}
2012-12-10 02:07:36 +00:00
/ *
2012-10-26 01:42:42 +00:00
# profile-jot-text_parent , . mceLayout {
2012-12-06 21:58:41 +00:00
border-radius : 5px ;
-moz-border-radius : 5px ;
2012-10-26 01:42:42 +00:00
box-shadow : 4px 4px 3px 0 # 444444 ;
}
2012-12-10 02:07:36 +00:00
* /
2012-10-26 01:42:42 +00:00
2012-12-07 09:51:10 +00:00
iframe # profile-jot-text_ifr {
width : 100 % ! important ;
height : 100 % ! important ;
2012-12-10 02:07:36 +00:00
box-shadow : 5px 5px 5px # 000 inset ! important ; }
tr . mceLast {
2012-12-07 09:51:10 +00:00
}
/* Not MCE */
2011-07-20 09:08:42 +00:00
# profile-jot-text {
height : 20px ;
2012-12-06 21:58:41 +00:00
color : # 000 ;
2011-07-20 09:08:42 +00:00
border : 1px solid # cccccc ;
2012-12-06 21:58:41 +00:00
padding : 8px ;
width : 90 % ;
-moz-border-radius : 5px ;
2012-12-12 21:14:51 +00:00
border-radius : 20px ;
2012-12-06 21:58:41 +00:00
box-shadow : 4px 4px 3px 0 # 666 inset ;
2011-07-20 09:08:42 +00:00
}
2012-10-26 01:42:42 +00:00
# profile-jot-text : hover {
color : # 000000 ;
}
. wall-item-photo , . photo , . contact-block-img , . my-comment-photo {
2012-12-06 21:58:41 +00:00
border-radius : 5px ;
-moz-border-radius : 5px ;
2012-10-26 01:42:42 +00:00
box-shadow : 4px 4px 3px 0 # 444444 ;
}
# datebrowse-sidebar select {
margin-left : 25px ;
2012-12-06 21:58:41 +00:00
border-radius : 5px ;
-moz-border-radius : 5px ;
2012-10-26 01:42:42 +00:00
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 ;
}
2012-12-07 18:06:05 +00:00
. contact-entry-photo img , . profile-match-photo img , # photo-photo img , . directory-photo-img , . photo-album-photo , . photo-top-photo , . group-selected , . nets-selected , . fileas-selected , . categories-selected {
2012-12-06 21:58:41 +00:00
border-radius : 5px ;
-moz-border-radius : 5px ;
2012-10-26 01:42:42 +00:00
box-shadow : 4px 4px 3px 0 # 444444 ;
}
2012-12-07 18:06:05 +00:00
# profile-jot-submit {
height : auto ;
background-color : # dd0000 ;
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 ;
}
2012-10-26 01:42:42 +00:00
. settings-widget . selected {
2012-12-06 21:58:41 +00:00
border-radius : 5px ;
-moz-border-radius : 5px ;
2012-10-26 01:42:42 +00:00
box-shadow : 4px 4px 3px 0 # 444444 ;
}
# sidebar-page-list . label {
margin-left : 5px ;
}
2011-07-20 09:08:42 +00:00
2011-07-19 14:17:58 +00:00
/** acl **/
2011-07-20 12:19:20 +00:00
# photo-edit-perms-select ,
2011-07-20 09:40:24 +00:00
# photos-upload-permissions-wrapper ,
2011-07-19 14:17:58 +00:00
# profile-jot-acl-wrapper {
2011-07-20 08:00:33 +00:00
display : block ! important ;
2010-12-28 14:44:57 +00:00
}
2012-06-25 08:37:44 +00:00
# photos-usage-message {
margin-bottom : 15px ;
}
2011-10-01 13:20:41 +00:00
2011-07-19 14:17:58 +00:00
# acl-wrapper {
2011-07-19 14:34:27 +00:00
width : 690px ;
2011-07-19 14:17:58 +00:00
float : left ;
2010-12-28 14:44:57 +00:00
}
2011-07-19 14:17:58 +00:00
# acl-search {
float : right ;
2012-08-01 12:02:43 +00:00
background : # ffffff url ( "../../../../images/search_18.png" ) no-repeat right center ;
2011-07-19 14:17:58 +00:00
padding-right : 20px ;
2010-12-28 14:44:57 +00:00
}
2011-07-19 14:17:58 +00:00
# acl-showall {
float : left ;
2010-12-28 14:44:57 +00:00
display : block ;
2011-07-19 14:17:58 +00:00
width : auto ;
height : 18px ;
background-color : # cccccc ;
2012-08-01 12:02:43 +00:00
background-image : url ( "../../../../images/show_all_off.png" ) ;
2011-07-19 15:15:34 +00:00
background-position : 7px 7px ;
background-repeat : no-repeat ;
2011-07-19 14:17:58 +00:00
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 ;
2012-08-01 12:02:43 +00:00
background-image : url ( "../../../../images/show_all_on.png" ) ;
2010-12-28 14:44:57 +00:00
}
2011-07-19 14:17:58 +00:00
# acl-list {
height : 210px ;
border : 1px solid # cccccc ;
clear : both ;
margin-top : 30px ;
2011-07-19 14:34:27 +00:00
overflow : auto ;
2011-07-19 14:17:58 +00:00
}
# acl-list-content {
2011-07-19 14:34:27 +00:00
2011-07-19 14:17:58 +00:00
}
. acl-list-item {
display : block ;
width : 150px ;
height : 30px ;
border : 1px solid # cccccc ;
margin : 5px ;
2011-05-20 02:55:34 +00:00
float : left ;
}
2011-07-19 14:17:58 +00:00
. acl-list-item img {
width : 22px ;
height : 22px ;
float : left ;
margin : 4px ;
2010-12-28 14:44:57 +00:00
}
2011-09-04 13:18:26 +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 ; }
2011-07-19 14:17:58 +00:00
. acl-list-item a {
font-size : 8px ;
display : block ;
width : 40px ;
height : 10px ;
2011-05-20 02:55:34 +00:00
float : left ;
2011-07-19 14:17:58 +00:00
color : # 999999 ;
background-color : # cccccc ;
2011-07-19 15:15:34 +00:00
background-position : 3px 3px ;
background-repeat : no-repeat ;
2011-07-19 14:17:58 +00:00
margin-right : 5px ;
2012-12-06 21:58:41 +00:00
-webkit-border-radius : 5px ;
-moz-border-radius : 5px ;
border-radius : 5px ;
2011-07-19 14:17:58 +00:00
padding-left : 15px ;
2011-05-20 02:55:34 +00:00
}
2011-07-19 14:17:58 +00:00
# acl-wrapper a : hover {
text-decoration : none ;
color : # 000000 ;
2011-05-20 02:55:34 +00:00
}
2012-08-01 12:02:43 +00:00
. acl-button-show { background-image : url ( "../../../../images/show_off.png" ) ; }
. acl-button-hide { background-image : url ( "../../../../images/hide_off.png" ) ; }
2011-07-19 15:15:34 +00:00
2011-07-19 14:17:58 +00:00
. acl-button-show . selected {
color : # 000000 ;
background-color : # 9ade00 ;
2012-08-01 12:02:43 +00:00
background-image : url ( "../../../../images/show_on.png" ) ;
2010-12-28 14:44:57 +00:00
}
2011-07-19 14:17:58 +00:00
. acl-button-hide . selected {
color : # 000000 ;
background-color : # ff4141 ;
2012-08-01 12:02:43 +00:00
background-image : url ( "../../../../images/hide_on.png" ) ;
2010-12-28 14:44:57 +00:00
}
2011-07-19 14:17:58 +00:00
. acl-list-item . groupshow { border-color : #9ade00 ; }
. acl-list-item . grouphide { border-color : #ff4141 ; }
/** /acl **/
2010-12-28 14:44:57 +00:00
2011-07-19 14:17:58 +00:00
# group-new-submit-wrapper {
margin-top : 30px ;
2010-12-28 14:44:57 +00:00
}
# 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 {
2011-01-24 18:50:34 +00:00
display : block ;
font-size : 1 . 3em ;
padding : 4px 0 ;
2010-12-28 14:44:57 +00:00
}
# sidebar-group-list ul {
list-style-type : none ;
}
2011-12-02 00:33:53 +00:00
# sidebar-group-list . icon , # sidebar-group-list . iconspacer {
2011-11-11 03:53:13 +00:00
display : inline-block ;
height : 12px ;
width : 12px ;
}
2010-12-28 14:44:57 +00:00
# sidebar-group-list li {
margin-top : 10px ;
}
2012-04-02 01:28:31 +00:00
. nets-ul , . fileas-ul , . categories-ul {
2012-01-06 04:40:48 +00:00
list-style-type : none ;
}
2012-04-02 01:28:31 +00:00
. nets-ul li , . fileas-ul li , . categories-ul li {
2012-01-06 04:40:48 +00:00
margin-top : 10px ;
}
. nets-link {
margin-left : 24px ;
}
. nets-all {
margin-left : 42px ;
}
2012-04-02 01:28:31 +00:00
. fileas-link , . categories-link {
2012-03-14 01:13:03 +00:00
margin-left : 24px ;
}
2012-04-02 01:28:31 +00:00
. fileas-all , . categories-all {
2012-03-14 01:13:03 +00:00
margin-left : 0px ;
}
2011-09-05 00:35:06 +00:00
# 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 ;
}
2010-12-28 14:44:57 +00:00
# side-follow-wrapper {
margin-top : 20px ;
}
2011-10-12 01:24:37 +00:00
# side-follow-url , # side-peoplefind-url {
2010-12-28 14:44:57 +00:00
margin-top : 5px ;
}
2011-10-12 01:24:37 +00:00
# side-follow-submit , # side-peoplefind-submit {
2010-12-28 14:44:57 +00:00
margin-top : 15px ;
}
2011-10-12 01:24:37 +00:00
# side-match-link {
margin-top : 10px ;
}
2011-11-15 14:59:53 +00:00
aside input [ type = 'text' ] {
2011-12-02 04:57:09 +00:00
width : 174px ;
2011-11-15 14:59:53 +00:00
}
2011-10-12 01:24:37 +00:00
. widget {
2012-12-13 00:06:19 +00:00
border-bottom : 1px solid # eec ;
2011-10-13 08:00:06 +00:00
padding : 8px ;
2011-10-12 01:24:37 +00:00
margin-top : 5px ;
-moz-border-radius : 5px ;
-webkit-border-radius : 5px ;
border-radius : 5px ;
}
2010-12-28 14:44:57 +00:00
# profile-jot-desc {
/*float: left;*/
width : 480px ;
2011-05-02 02:50:00 +00:00
color : # FF0000 ;
2010-12-28 14:44:57 +00:00
margin-top : 10px ;
margin-bottom : 10px ;
}
2011-05-02 02:50:00 +00:00
2010-12-28 14:44:57 +00:00
# character-counter {
float : right ;
font-size : 120 % ;
}
# character-counter . grey {
color : # 888888 ;
}
# character-counter . orange {
color : orange ;
}
# character-counter . red {
color : red ;
}
# profile-jot-banner-end {
/* clear: both; */
}
2012-07-19 10:59:32 +00:00
2010-12-28 14:44:57 +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 ,
2011-07-08 15:12:08 +00:00
# install-dbdata {
2010-12-28 14:44:57 +00:00
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 {
2012-08-01 12:02:43 +00:00
cursor : url ( '../img/lock.cur' ) , pointer ;
2010-12-28 14:44:57 +00:00
/* cursor: pointer !important; */
}
. contact-block-div {
float : left ;
width : 52px ;
height : 52px ;
}
2011-05-13 01:55:28 +00:00
. contact-block-textdiv {
float : left ;
width : 150px ;
height : 34px ;
}
2010-12-28 14:44:57 +00:00
# contact-block-end {
clear : both ;
}
. contact-block-link {
float : left ;
}
2011-02-12 02:26:07 +00:00
. contact-block-img {
width : 48px ;
height : 48px ;
}
2010-12-28 14:44:57 +00:00
# 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 ;
}
2012-10-25 02:13:29 +00:00
# nav-searchbar {
float : right ;
2012-10-27 10:40:31 +00:00
margin-top : 4px ;
2012-10-25 02:13:29 +00:00
}
# nav-search-text : hover {
2012-12-06 21:58:41 +00:00
background-color : # FFF ;
color : # 000 ;
2012-10-25 02:13:29 +00:00
}
# nav-search-text {
border-radius : 14px ;
background-color : # AAAAAA ;
2012-12-06 21:58:41 +00:00
color : # eec ;
2012-10-25 02:13:29 +00:00
}
# nav-user-linkmenu img {
2012-12-06 21:58:41 +00:00
border-radius : 5px ;
2012-10-25 02:13:29 +00:00
}
2010-12-28 14:44:57 +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 % ;
}
2011-05-11 12:23:45 +00:00
# plugin-settings-link , # account-settings-link {
2011-03-22 10:07:46 +00:00
margin-bottom : 10px ;
2010-12-28 14:44:57 +00:00
}
2011-05-11 12:23:45 +00:00
# uexport-link {
margin-bottom : 20px ;
}
/* end from default */
2010-12-28 14:44:57 +00:00
2011-01-05 12:00:36 +00:00
. fn {
2012-10-27 11:01:05 +00:00
padding : 0px 0px 5px 0px ;
2011-01-05 12:00:36 +00:00
font-size : 120 % ;
2011-01-05 18:18:13 +00:00
font-weight : bold ;
2012-12-06 21:58:41 +00:00
color : # dd0000 ;
2011-01-06 15:03:03 +00:00
}
2011-01-14 04:28:33 +00:00
2011-01-19 03:25:28 +00:00
. vcard . title {
margin-bottom : 5px ;
2011-11-10 02:29:05 +00:00
margin-left : 12px ;
2011-01-19 03:25:28 +00:00
}
2011-09-27 08:28:22 +00:00
. vcard dl {
clear : both ;
}
2011-01-14 04:28:33 +00:00
# birthday-title {
float : left ;
font-weight : bold ;
}
# birthday-adjust {
float : left ;
font-size : 75 % ;
margin-left : 10px ;
}
# birthday-title-end {
clear : both ;
}
. birthday-list {
margin-left : 15px ;
}
# birthday-wrapper {
2011-01-17 01:56:26 +00:00
margin-bottom : 20px ;
2011-01-14 04:28:33 +00:00
}
2011-01-20 01:56:36 +00:00
# network-new-link {
margin-top : 15px ;
margin-bottom : 15px ;
}
2011-01-26 15:17:28 +00:00
. tool-wrapper {
float : left ;
2011-03-30 01:57:26 +00:00
margin-left : 15px ;
2011-01-26 15:17:28 +00:00
}
2011-02-03 07:07:01 +00:00
2011-01-26 15:17:28 +00:00
. tool-link {
cursor : pointer ;
}
2011-02-16 11:49:16 +00:00
2011-06-07 03:17:36 +00:00
. eventcal {
2011-06-14 03:32:30 +00:00
float : left ;
font-size : 20px ;
2011-06-07 03:17:36 +00:00
}
2011-02-16 11:49:16 +00:00
2012-06-26 04:20:08 +00:00
# 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 ;
}
2011-06-15 03:07:40 +00:00
. vevent {
border : 1px solid # CCCCCC ;
}
2012-06-26 03:55:27 +00:00
. vevent . event-summary {
margin-left : 10px ;
margin-right : 10px ;
font-weight : bold ;
}
2011-06-15 03:07:40 +00:00
. vevent . event-description , . vevent . event-location {
margin-left : 10px ;
margin-right : 10px ;
}
. vevent . event-start {
margin-left : 10px ;
margin-right : 10px ;
}
2011-06-09 07:58:45 +00:00
# new-event-link {
margin-bottom : 10px ;
}
2011-06-15 02:48:37 +00:00
. edit-event-link , . plink-event-link {
float : left ;
2011-06-15 03:07:40 +00:00
margin-top : 4px ;
2011-06-15 02:48:37 +00:00
margin-right : 4px ;
2011-06-15 03:07:40 +00:00
margin-bottom : 15px ;
2011-06-15 02:48:37 +00:00
}
2011-06-09 04:06:02 +00:00
. event-description : before {
2012-08-01 12:02:43 +00:00
content : url ( '../../../../images/calendar.png' ) ;
2011-06-09 04:06:02 +00:00
margin-right : 15px ;
}
. event-start , . event-end {
margin-left : 10px ;
width : 330px ;
clear : both ;
}
. event-start . dtstart , . event-end . dtend {
float : right ;
}
2011-06-14 03:32:30 +00:00
2011-06-15 03:07:40 +00:00
. event-list-date {
margin-bottom : 10px ;
}
2011-06-14 03:32:30 +00:00
. prevcal , . nextcal {
float : left ;
margin-left : 32px ;
margin-right : 32px ;
margin-top : 64px ;
}
. event-calendar-end {
clear : both ;
}
2011-06-09 04:06:02 +00:00
2011-02-23 04:08:15 +00:00
. calendar {
font-family : Courier , monospace ;
}
. today {
2011-06-15 02:48:37 +00:00
font-weight : bold ;
2011-02-23 04:08:15 +00:00
color : # FF0000 ;
}
2011-02-24 02:24:29 +00:00
. settings-block {
border : 1px solid # AAA ;
margin : 10px ;
padding : 10px ;
}
2011-02-24 03:54:29 +00:00
. app-title {
margin : 10px ;
}
2011-03-02 04:18:47 +00:00
# identity-manage-desc {
margin-top : 15px ;
margin-bottom : 15px ;
}
# identity-manage-choose {
margin-bottom : 15px ;
}
# identity-submit {
margin-top : 20px ;
}
2011-03-12 04:06:13 +00:00
# photo-prev-link , # photo-next-link {
padding : 10px ;
float : left ;
}
# photo-photo {
float : left ;
}
# photo-photo-end {
clear : both ;
}
2011-03-22 04:26:11 +00:00
. profile-match-photo {
float : left ;
text-align : center ;
width : 120px ;
}
. profile-match-name {
float : left ;
text-align : center ;
width : 120px ;
2011-03-22 04:43:22 +00:00
overflow : hidden ;
2011-03-22 04:26:11 +00:00
}
. profile-match-break ,
. profile-match-end {
clear : both ;
}
2011-12-18 09:44:46 +00:00
. profile-match-connect {
text-align : center ;
font-weight : bold ;
}
2011-03-22 09:21:53 +00:00
. profile-match-wrapper {
float : left ;
padding : 10px ;
2011-07-04 05:53:11 +00:00
width : 120px ;
height : 120px ;
scroll : auto ;
2011-03-22 09:21:53 +00:00
}
# profile-match-wrapper-end {
clear : both ;
}
2011-03-22 04:43:22 +00:00
. side-link {
margin-bottom : 15px ;
}
2011-03-31 11:57:31 +00:00
# language-selector {
position : absolute ;
2011-06-06 00:32:56 +00:00
top : 0px ;
left : 16px ;
2011-04-12 05:47:16 +00:00
}
# group-members {
margin-top : 20px ;
2011-04-12 08:31:55 +00:00
padding : 10px ;
2011-04-12 12:37:26 +00:00
height : 250px ;
2011-04-12 08:31:55 +00:00
overflow : auto ;
border : 1px solid # ddd ;
2011-04-12 05:47:16 +00:00
}
# group-members-end {
clear : both ;
}
2011-04-12 08:31:55 +00:00
# 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 ;
2011-04-13 04:29:58 +00:00
margin-bottom : 10px ;
2011-04-12 08:31:55 +00:00
}
2011-04-12 12:37:26 +00:00
# group-edit-desc {
margin-top : 15px ;
}
2011-04-13 04:21:33 +00:00
# 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 ;
2011-04-13 04:29:58 +00:00
margin-bottom : 10px ;
2011-04-13 04:21:33 +00:00
}
# prof-edit-desc {
margin-top : 15px ;
}
2011-04-14 03:14:30 +00:00
2012-02-06 01:38:32 +00:00
# crepair-name-label ,
2011-04-14 03:14:30 +00:00
# crepair-nick-label ,
2011-09-05 05:40:36 +00:00
# crepair-attag-label ,
2011-04-14 03:14:30 +00:00
# crepair-url-label ,
# crepair-request-label ,
# crepair-confirm-label ,
# crepair-notify-label ,
2011-10-06 03:01:42 +00:00
# crepair-photo-label ,
2011-04-14 03:14:30 +00:00
# crepair-poll-label {
float : left ;
width : 200px ;
margin-bottom : 15px ;
}
2012-02-06 01:38:32 +00:00
# crepair-name ,
2011-04-14 03:14:30 +00:00
# crepair-nick ,
2011-09-05 05:40:36 +00:00
# crepair-attag ,
2011-04-14 03:14:30 +00:00
# crepair-url ,
# crepair-request ,
# crepair-confirm ,
# crepair-notify ,
2011-10-06 03:01:42 +00:00
# crepair-photo ,
2011-04-14 03:14:30 +00:00
# crepair-poll {
float : left ;
width : 300px ;
}
2011-04-28 17:01:35 +00:00
2011-05-27 00:47:33 +00:00
# netsearch-box {
margin-top : 20px ;
}
# netsearch-box # search-submit {
margin : 5px 0px 0px 0px ;
}
2011-06-08 03:10:43 +00:00
. 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 ;
}
2012-04-02 01:28:31 +00:00
. body-tag , . filesavetags , . categorytags {
2011-10-25 22:36:49 +00:00
opacity : 0 . 5 ;
filter : alpha ( opacity = 50 ) ;
}
2012-04-02 01:28:31 +00:00
. body-tag : hover , . filesavetags : hover , . categorytags : hover {
2011-10-25 22:36:49 +00:00
opacity : 1 . 0 ! important ;
filter : alpha ( opacity = 100 ) ! important ;
}
2011-06-16 03:43:39 +00:00
. item-select {
2011-06-18 05:58:15 +00:00
opacity : 0 . 1 ;
filter : alpha ( opacity = 10 ) ;
2011-06-16 03:43:39 +00:00
float : right ;
margin-right : 10px ;
}
2011-06-18 05:58:15 +00:00
. item-select : hover , . checkeditem {
2011-06-16 03:43:39 +00:00
opacity : 1 ;
filter : alpha ( opacity = 100 ) ;
}
2011-06-08 03:10:43 +00:00
2011-06-18 05:58:15 +00:00
2011-06-16 03:43:39 +00:00
# item-delete-selected {
margin-top : 30px ;
}
2011-06-14 03:32:30 +00:00
2011-06-16 03:43:39 +00:00
# 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 ;
}
2011-06-14 03:32:30 +00:00
2011-06-06 00:32:56 +00:00
# lang-select-icon {
cursor : pointer ;
position : absolute ;
2012-10-27 10:54:44 +00:00
left : 4px ;
2012-12-07 18:06:05 +00:00
/ * 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 ;
2011-06-11 03:39:46 +00:00
}
# lang-select-icon : hover {
opacity : 1 ;
filter : alpha ( opacity = 100 ) ;
2011-06-06 00:32:56 +00:00
}
2011-10-10 03:26:17 +00:00
. notif-image {
height : 80px ;
width : 80px ;
2011-10-10 04:34:07 +00:00
margin-right : 15px ;
2011-10-10 03:26:17 +00:00
}
. notification-listing-end {
clear : both ;
2011-10-10 04:34:07 +00:00
margin-bottom : 15px ;
2011-10-10 03:26:17 +00:00
}
2011-10-10 04:34:07 +00:00
2011-06-30 15:00:26 +00:00
/ * *
* Plugins settings
* /
. settings-block > h3 ,
. settings-heading {
2011-07-01 00:35:35 +00:00
border-bottom : 1px solid # babdb6 ;
2011-06-30 15:00:26 +00:00
}
2011-06-30 14:43:04 +00:00
/ * *
* Form fields
* /
. field {
2011-07-06 10:10:00 +00:00
margin-bottom : 10px ;
padding-bottom : 10px ;
overflow : auto ;
width : 100 %
2011-06-30 14:43:04 +00:00
}
. 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 ;
}
2011-07-06 10:10:00 +00:00
2012-08-17 04:41:07 +00:00
. 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 ;
}
2011-07-06 10:10:00 +00:00
. field . onoff {
float : left ;
width : 80px ;
2012-11-04 04:37:19 +00:00
margin-right : 15px ;
2011-07-06 10:10:00 +00:00
}
. field . onoff a {
display : block ;
border : 1px solid # 666666 ;
2012-08-01 12:02:43 +00:00
background-image : url ( "../../../../images/onoff.jpg" ) ;
2011-07-06 10:10:00 +00:00
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 ;
2011-10-12 01:24:37 +00:00
background-color : # D7E3F1 ;
color : # 204A87 ;
2011-07-06 10:10:00 +00:00
text-align : left ;
}
. hidden { display : none !important ; }
. field . radio . field_help { margin-left : 0 px ; }
2011-06-30 14:43:04 +00:00
2011-07-08 15:12:08 +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 ; }
2011-11-07 16:36:41 +00:00
/ * *
* 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 {
2012-08-01 12:02:43 +00:00
background-image : url ( "../../../../images/icons/48/plugin.png" ) ;
2011-11-07 16:36:41 +00:00
background-position : center center ;
background-repeat : no-repeat ;
}
. oauthapp a {
float : left ;
}
2011-07-08 15:12:08 +00:00
2011-04-28 17:01:35 +00:00
/ * *
* ICONS
* /
2011-12-02 00:33:53 +00:00
. iconspacer {
display : block ; width : 16px ; height : 16px ;
}
2011-04-28 17:01:35 +00:00
. icon {
display : block ; width : 16px ; height : 16px ;
2012-08-01 12:02:43 +00:00
background-image : url ( '../../../../images/icons.png' ) ;
2011-04-28 17:01:35 +00:00
}
. 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 ; }
2012-12-07 18:06:05 +00:00
. unlock { background : url ( ../img/jotperms.png ) no-repeat ; }
2011-04-28 17:01:35 +00:00
. video { background-position : -48 px -32 px ; }
. youtube { background-position : -64 px -32 px ; }
2011-05-25 06:01:24 +00:00
. attach { background-position : -80 px -32 px ; }
2011-06-06 00:32:56 +00:00
. language { background-position : -96 px -32 px ; }
2011-06-14 03:32:30 +00:00
. prev { background-position : -112 px -32 px ; }
. next { background-position : -128 px -32 px ; }
2011-06-14 08:37:54 +00:00
. on { background-position : -144 px -32 px ; }
2011-05-25 06:01:24 +00:00
2011-06-14 08:37:54 +00:00
. off { background-position : 0 px -48 px ; }
2011-07-03 03:51:27 +00:00
. starred { background-position : -16 px -48 px ; }
. unstarred { background-position : -32 px -48 px ; }
2011-09-19 05:42:47 +00:00
. tagged { background-position : -48 px -48 px ; }
2012-05-23 11:38:31 +00:00
. yellow { background-position : -64 px -48 px ; }
2011-07-03 03:51:27 +00:00
2011-05-25 06:01:24 +00:00
2012-03-14 01:13:03 +00:00
. filer-icon {
display : block ; width : 16px ; height : 16px ;
2012-08-01 12:02:43 +00:00
background-image : url ( '../img/file.gif' ) ;
2012-03-14 01:13:03 +00:00
}
2011-06-16 10:05:35 +00:00
. icon . dim { opacity : 0.3 ; filter : alpha ( opacity = 30 ) ; }
2012-04-25 00:43:50 +00:00
[ class ^ = "comment-edit-bb" ] {
list-style : none ;
display : none ;
2012-09-11 05:00:56 +00:00
margin : 0px 0 -5px 0px ;
padding : 0px ;
2012-04-25 00:43:50 +00:00
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 ;
2012-04-27 02:55:20 +00:00
width : 16px ;
height : 16px ;
2012-08-01 12:02:43 +00:00
background-image : url ( . . / img / bbedit . png ) ;
2012-04-27 02:55:20 +00:00
background-color : # fff ;
2012-04-25 00:43:50 +00:00
text-decoration : none ;
}
. editicon : hover {
2012-04-27 02:55:20 +00:00
background-color : # ccc ;
2012-04-25 00:43:50 +00:00
}
. boldbb {
background-position : 0px 0px ;
}
. boldbb : hover {
2012-04-27 02:55:20 +00:00
background-position : 0px -16px ;
2012-04-25 00:43:50 +00:00
}
. italicbb {
2012-04-27 02:55:20 +00:00
background-position : -16px 0px ;
2012-04-25 00:43:50 +00:00
}
. italicbb : hover {
2012-04-27 02:55:20 +00:00
background-position : -16px -16px ;
2012-04-25 00:43:50 +00:00
}
. underlinebb {
2012-04-27 02:55:20 +00:00
background-position : -32px 0px ;
2012-04-25 00:43:50 +00:00
}
. underlinebb : hover {
2012-04-27 02:55:20 +00:00
background-position : -32px -16px ;
2012-04-25 00:43:50 +00:00
}
. quotebb {
2012-04-27 02:55:20 +00:00
background-position : -48px 0px ;
2012-04-25 00:43:50 +00:00
}
. quotebb : hover {
2012-04-27 02:55:20 +00:00
background-position : -48px -16px ;
2012-04-25 00:43:50 +00:00
}
. codebb {
2012-04-27 02:55:20 +00:00
background-position : -64px 0px ;
2012-04-25 00:43:50 +00:00
}
. codebb : hover {
2012-04-27 02:55:20 +00:00
background-position : -64px -16px ;
2012-04-25 00:43:50 +00:00
}
. imagebb {
2012-04-27 02:55:20 +00:00
background-position : -80px 0px ;
2012-04-25 00:43:50 +00:00
}
. imagebb : hover {
2012-04-27 02:55:20 +00:00
background-position : -80px -16px ;
2012-04-25 00:43:50 +00:00
}
. urlbb {
2012-04-27 02:55:20 +00:00
background-position : -96px 0px ;
2012-04-25 00:43:50 +00:00
}
. urlbb : hover {
2012-04-27 02:55:20 +00:00
background-position : -96px -16px ;
2012-04-25 00:43:50 +00:00
}
. videobb {
2012-04-27 02:55:20 +00:00
background-position : -112px 0px ;
2012-04-25 00:43:50 +00:00
}
. videobb : hover {
2012-04-27 02:55:20 +00:00
background-position : -112px -16px ;
2012-04-25 00:43:50 +00:00
}
2011-05-25 03:03:30 +00:00
. attachtype {
display : block ; width : 20px ; height : 23px ;
2011-05-25 03:41:29 +00:00
float : left ;
2012-08-01 12:02:43 +00:00
background-image : url ( '../../../../images/content-types.png' ) ;
2011-05-25 03:03:30 +00:00
}
2011-05-25 04:04:59 +00:00
. body-attach {
margin-top : 10px ;
2011-05-25 03:56:49 +00:00
}
2011-07-01 00:35:35 +00:00
. 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 ; }
2011-05-25 03:03:30 +00:00
2011-10-26 12:02:17 +00:00
/* 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 ;
}
. acpopupitem img {
float : left ;
margin-right : 4px ;
}
. acpopupitem . selected {
color : # FFFFFF ; background : # 3465A4 ;
}
2011-11-11 16:34:15 +00:00
/* popup notifications */
div . jGrowl div . notice {
2012-08-01 12:02:43 +00:00
background : # 511919 url ( "../../../../images/icons/48/notice.png" ) no-repeat 5px center ;
2011-11-11 16:34:15 +00:00
color : # ffffff ;
padding-left : 58px ;
}
div . jGrowl div . info {
2012-08-01 12:02:43 +00:00
background : # 364e59 url ( "../../../../images/icons/48/info.png" ) no-repeat 5px center ;
2011-11-11 16:34:15 +00:00
color : # ffffff ;
padding-left : 58px ;
}
2012-04-05 02:13:41 +00:00
# jGrowl . top-right {
top : 15px ;
right : 15px ;
}
2012-02-15 07:13:18 +00:00
. qcomment {
border : 1px solid # EEE ;
padding : 3px ;
2012-03-27 03:13:03 +00:00
margin-top : 15px ;
margin-left : 25px ;
2012-04-01 10:37:41 +00:00
width : 125px ;
overflow-y : auto ;
}
. qcomment option {
width : 125px ;
overflow-x : hidden ;
2012-02-15 07:13:18 +00:00
}
. qcomment {
2012-03-27 03:13:03 +00:00
opacity : 0 . 3 ;
filter : alpha ( opacity = 30 ) ;
2012-02-15 07:13:18 +00:00
}
. qcomment : hover {
opacity : 1 . 0 ;
filter : alpha ( opacity = 100 ) ;
}
2012-02-25 07:44:55 +00:00
2012-08-10 05:48:13 +00:00
# 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 ;
}
. jslider . jslider-scale ins {
color : # 333 ;
font-size : 12px ;
width : 100px ;
text-align : center ;
}
2012-12-06 21:58:41 +00:00
. jslider . jslider-bg ,
. jslider . jslider-pointer {
background : url ( "../img/slider.png" ) ! important ;
}
2012-08-10 05:48:13 +00:00
. slider {
margin-top : 10px ;
margin-bottom : 30px ;
}
# main-slider {
position : relative ;
left : 5 % ;
width : 90 % ;
}
# contact-slider {
position : relative ;
left : 5 % ;
width : 90 % ;
}
/* nav */
nav {
width : 100 % ;
height : 32px ;
position : fixed ;
left : 0px ;
top : 0px ;
padding : 0px ;
2012-12-06 21:58:41 +00:00
background-color : # d00 ;
color : # eec ;
2012-08-10 05:48:13 +00:00
z-index : 100 ;
-webkit-box-shadow : 0px 0px 10px rgba ( 0 , 0 , 0 , 0 . 7 ) ;
-moz-box-shadow : 0px 0px 10px rgba ( 0 , 0 , 0 , 0 . 7 ) ;
box-shadow : 0px 0px 10px rgba ( 0 , 0 , 0 , 0 . 7 ) ;
2012-12-12 21:14:51 +00:00
/* TODO find a better way to do this without different code for every single browser. */
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 )
) ;
2012-08-10 05:48:13 +00:00
}
nav a ,
nav a : active ,
nav a : visited ,
nav a : link ,
nav a : hover {
color : # ffffff ;
text-decoration : none ;
outline : none ;
}
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 ;
2012-12-06 21:58:41 +00:00
top : 33px ;
2012-08-10 05:48:13 +00:00
}
nav . nav-menu-icon {
position : relative ;
height : 22px ;
padding : 5px ;
margin : 0px 10px ;
-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 ;
margin : 3px 15px 0px ;
font-size : 14px ;
2012-12-08 20:07:16 +00:00
border-bottom : 3px solid # d00 ;
2012-08-10 05:48:13 +00:00
}
nav . nav-menu . selected {
2012-10-27 10:40:31 +00:00
border-bottom : 4px solid # CCCCCC ;
2012-08-10 05:48:13 +00:00
}
nav . nav-notify {
2012-12-07 09:51:10 +00:00
background-color : # 0d0 ;
color : # fff ;
2012-08-10 05:48:13 +00:00
-moz-border-radius : 5px 5px 5px 5px ;
-webkit-border-radius : 5px 5px 5px 5px ;
border-radius : 5px 5px 5px 5px ;
}
nav . nav-notify . show {
display : block ;
}
nav # nav-help-link ,
nav # nav-search-link ,
nav # nav-directory-link ,
nav # nav-apps-link ,
2012-12-06 08:03:24 +00:00
nav # nav-user-linkmenu ,
2012-08-10 05:48:13 +00:00
nav # nav-site-linkmenu {
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 ;
2012-12-06 21:58:41 +00:00
background : # dd0000 ;
color : # eec ;
2012-08-10 05:48:13 +00:00
padding : 0px ;
list-style : none ;
2012-12-06 21:58:41 +00:00
border-radius : 0px 0px 20px 20px ;
2012-08-10 05:48:13 +00:00
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 ;
2012-12-06 21:58:41 +00:00
color : # eec ;
2012-08-10 05:48:13 +00:00
padding : 5px 10px ;
text-decoration : none ;
}
ul . menu-popup a : hover {
2012-12-12 21:14:51 +00:00
background-color : # eec ;
color : # d00 ;
2012-08-10 05:48:13 +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 ;
}
2012-02-25 07:44:55 +00:00
/* 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 ;
2012-10-25 02:13:29 +00:00
/* top: 90px; */
/* left: 400px; */
2012-02-25 07:44:55 +00:00
}
# nav-notifications-menu {
width : 320px ;
max-height : 400px ;
overflow-y : scroll ; overflow-style : scrollbar ;
background-color : # FFFFFF ;
2012-02-25 13:00:48 +00:00
-moz-border-radius : 5px ;
-webkit-border-radius : 5px ;
border-radius : 5px ;
2012-02-25 07:44:55 +00:00
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 ;
}
2012-02-25 11:28:07 +00:00
. notify-seen {
background : # DDDDDD ;
2012-03-05 23:58:26 +00:00
}
2012-11-08 02:48:31 +00:00