mirror of
https://git.friendi.ca/friendica/friendica-addons.git
synced 2025-07-11 10:58:48 +00:00
jappixmini: include jappix source
This commit is contained in:
Leberwurscht
parent
61eb1f0d18
commit
302b2820d1
231 changed files with 96082 additions and 2 deletions
26
jappixmini/jappix/css/adhoc.css
Normal file
26
jappixmini/jappix/css/adhoc.css
Normal file
|
|
@ -0,0 +1,26 @@
|
|||
/*
|
||||
|
||||
Jappix - An open social platform
|
||||
This is the Ad-Hoc CSS stylesheet for Jappix
|
||||
|
||||
-------------------------------------------------
|
||||
|
||||
License: AGPL
|
||||
Author: Vanaryon
|
||||
Last revision: 20/12/10
|
||||
|
||||
*/
|
||||
|
||||
#adhoc .content {
|
||||
padding: 10px 0 10px 0;
|
||||
}
|
||||
|
||||
#adhoc .adhoc-head {
|
||||
background-color: #f1f6fd;
|
||||
border: 1px #9dc4fc solid;
|
||||
width: 598px;
|
||||
height: 18px;
|
||||
font-size: 0.9em;
|
||||
margin: 0 10px 12px 10px;
|
||||
padding: 6px 10px;
|
||||
}
|
||||
29
jappixmini/jappix/css/anonymous.css
Normal file
29
jappixmini/jappix/css/anonymous.css
Normal file
|
|
@ -0,0 +1,29 @@
|
|||
/*
|
||||
|
||||
Jappix - An open social platform
|
||||
This is the anonymous mode CSS stylesheet for Jappix
|
||||
|
||||
-------------------------------------------------
|
||||
|
||||
License: AGPL
|
||||
Author: Vanaryon
|
||||
Last revision: 06/11/10
|
||||
|
||||
*/
|
||||
|
||||
#top-content {
|
||||
min-width: 500px !important;
|
||||
}
|
||||
|
||||
#main-content {
|
||||
min-width: 490px !important;
|
||||
min-height: 450px !important;
|
||||
}
|
||||
|
||||
#left-content {
|
||||
display: none;
|
||||
}
|
||||
|
||||
#right-content {
|
||||
left: 0;
|
||||
}
|
||||
93
jappixmini/jappix/css/archives.css
Normal file
93
jappixmini/jappix/css/archives.css
Normal file
|
|
@ -0,0 +1,93 @@
|
|||
/*
|
||||
|
||||
Jappix - An open social platform
|
||||
This is the archives CSS stylesheet for Jappix
|
||||
|
||||
-------------------------------------------------
|
||||
|
||||
License: AGPL
|
||||
Author: Vanaryon
|
||||
Last revision: 19/12/10
|
||||
|
||||
*/
|
||||
|
||||
#archives .content {
|
||||
padding: 10px 0 10px 0;
|
||||
}
|
||||
|
||||
#archives .filter {
|
||||
background-color: #e9f1fd;
|
||||
border-right: 1px solid #9dc4fc;
|
||||
width: 180px;
|
||||
padding: 12px;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
bottom: 0;
|
||||
float: left;
|
||||
border-top-left-radius: 4px;
|
||||
border-bottom-left-radius: 4px;
|
||||
-moz-border-radius-topleft: 4px;
|
||||
-moz-border-radius-bottomleft: 4px;
|
||||
-webkit-border-top-left-radius: 4px;
|
||||
-webkit-border-bottom-left-radius: 4px;
|
||||
}
|
||||
|
||||
#archives .filter .friend {
|
||||
margin-bottom: 12px;
|
||||
}
|
||||
|
||||
#archives .filter .friend {
|
||||
height: 210px;
|
||||
width: 180px;
|
||||
float: none;
|
||||
}
|
||||
|
||||
#archives .current,
|
||||
#archives .logs {
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
right: 0;
|
||||
left: 204px;
|
||||
}
|
||||
|
||||
#archives .current {
|
||||
background-color: #e4eef9;
|
||||
border-bottom: 1px solid #9dc4fc;
|
||||
font-size: 0.9em;
|
||||
height: 16px;
|
||||
padding: 6px;
|
||||
top: 0;
|
||||
}
|
||||
|
||||
#archives .current span {
|
||||
height: 16px;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
#archives .current .name {
|
||||
max-width: 160px;
|
||||
font-weight: bold;
|
||||
float: left;
|
||||
}
|
||||
|
||||
#archives .current .time {
|
||||
color: #47646a;
|
||||
font-size: 0.95em;
|
||||
float: right;
|
||||
}
|
||||
|
||||
#archives .logs {
|
||||
color: black;
|
||||
font-size: 0.9em;
|
||||
overflow: auto;
|
||||
padding: 8px 10px 0;
|
||||
float: left;
|
||||
position: absolute;
|
||||
top: 29px;
|
||||
}
|
||||
|
||||
#archives .logs a {
|
||||
color: black;
|
||||
text-decoration: underline;
|
||||
}
|
||||
47
jappixmini/jappix/css/board.css
Normal file
47
jappixmini/jappix/css/board.css
Normal file
|
|
@ -0,0 +1,47 @@
|
|||
/*
|
||||
|
||||
Jappix - An open social platform
|
||||
This is the board CSS stylesheet for Jappix
|
||||
|
||||
-------------------------------------------------
|
||||
|
||||
License: AGPL
|
||||
Author: Vanaryon
|
||||
Last revision: 26/08/11
|
||||
|
||||
*/
|
||||
|
||||
#board .one-board {
|
||||
display: none;
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
height: 18px;
|
||||
z-index: 10000;
|
||||
font-size: 0.92em;
|
||||
padding: 6px 8px;
|
||||
box-shadow: 0 0 8px #5c5c5c;
|
||||
-moz-box-shadow: 0 0 8px #5c5c5c;
|
||||
-webkit-box-shadow: 0 0 8px #5c5c5c;
|
||||
}
|
||||
|
||||
#board .one-board:hover {
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
#board .one-board.visible {
|
||||
display: block;
|
||||
}
|
||||
|
||||
#board .one-board.error {
|
||||
background-color: rgb(241,160,160);
|
||||
background-color: rgba(241,160,160,0.9);
|
||||
color: #420c0c;
|
||||
}
|
||||
|
||||
#board .one-board.info {
|
||||
background-color: rgb(248,246,186);
|
||||
background-color: rgba(248,246,186,0.9);
|
||||
color: #2f2a02;
|
||||
}
|
||||
530
jappixmini/jappix/css/buddylist.css
Normal file
530
jappixmini/jappix/css/buddylist.css
Normal file
|
|
@ -0,0 +1,530 @@
|
|||
/*
|
||||
|
||||
Jappix - An open social platform
|
||||
This is the buddy-list CSS stylesheet for Jappix
|
||||
|
||||
-------------------------------------------------
|
||||
|
||||
License: AGPL
|
||||
Author: Vanaryon
|
||||
Last revision: 31/08/11
|
||||
|
||||
*/
|
||||
|
||||
#buddy-list {
|
||||
background-color: rgb(20,20,20);
|
||||
background-color: rgba(20,20,20,0.85);
|
||||
color: #919191;
|
||||
padding: 15px 6px 4px 6px;
|
||||
border-radius: 4px;
|
||||
-moz-border-radius: 4px;
|
||||
-webkit-border-radius: 4px;
|
||||
box-shadow: 0 0 6px #5c5c5c;
|
||||
-moz-box-shadow: 0 0 6px #5c5c5c;
|
||||
-webkit-box-shadow: 0 0 6px #5c5c5c;
|
||||
}
|
||||
|
||||
#buddy-list .content {
|
||||
background: #e8f1f3;
|
||||
background: -moz-linear-gradient(top, #e8f1f3, #e4edef);
|
||||
background: -webkit-gradient(linear, left top, left bottom, from(#e8f1f3), to(#e4edef));
|
||||
color: #666666;
|
||||
height: 207px;
|
||||
padding: 4px 4px 0 4px;
|
||||
overflow-x: hidden;
|
||||
overflow-y: auto;
|
||||
border-top-left-radius: 3px;
|
||||
border-top-right-radius: 3px;
|
||||
-moz-border-radius-topleft: 3px;
|
||||
-moz-border-radius-topright: 3px;
|
||||
-webkit-border-top-left-radius: 3px;
|
||||
-webkit-border-top-right-radius: 3px;
|
||||
}
|
||||
|
||||
#buddy-list .one-group {
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
#buddy-list .one-group a.group {
|
||||
color: #202c2f;
|
||||
font-size: 0.8em;
|
||||
margin: 3px 6px;
|
||||
padding-left: 12px;
|
||||
max-height: 15px;
|
||||
text-decoration: none;
|
||||
overflow: hidden;
|
||||
display: block;
|
||||
}
|
||||
|
||||
#buddy-list .one-group a.group.plus {
|
||||
background-position: -4px -1143px;
|
||||
}
|
||||
|
||||
#buddy-list .one-group a.group.minus {
|
||||
background-position: -4px -1162px;
|
||||
}
|
||||
|
||||
#buddy-list .one-group a.group:hover {
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
#buddy-list .hidden-buddy,
|
||||
#buddy-list .foot-edit-finish,
|
||||
.buddy-conf-more-display-available {
|
||||
display: none;
|
||||
}
|
||||
|
||||
#buddy-list .buddy {
|
||||
width: 100%;
|
||||
height: 50px;
|
||||
margin-bottom: 4px;
|
||||
}
|
||||
|
||||
#buddy-list .buddy-click {
|
||||
background: #d9e7ea;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
overflow: hidden;
|
||||
border-radius: 3px;
|
||||
-moz-border-radius: 3px;
|
||||
-webkit-border-radius: 3px;
|
||||
}
|
||||
|
||||
#buddy-list .buddy-click:hover,
|
||||
#buddy-list .buddy-click:focus {
|
||||
background: #cedee1;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
#buddy-list .buddy-click:active {
|
||||
background: #c3d3d7;
|
||||
}
|
||||
|
||||
#buddy-list .gateway {
|
||||
height: 27px;
|
||||
}
|
||||
|
||||
#buddy-list .gateway .name {
|
||||
margin-left: 0;
|
||||
}
|
||||
|
||||
#buddy-list .gateway .buddy-presence {
|
||||
float: left;
|
||||
overflow: hidden;
|
||||
width: 0;
|
||||
margin: 0 4px;
|
||||
}
|
||||
|
||||
#buddy-list .avatar-container {
|
||||
float: left;
|
||||
text-align: center;
|
||||
margin: 3px;
|
||||
width: 46px;
|
||||
height: 46px;
|
||||
}
|
||||
|
||||
#buddy-list .avatar {
|
||||
max-width: 44px;
|
||||
max-height: 44px;
|
||||
}
|
||||
|
||||
#buddy-list .name {
|
||||
margin: 4px 3px 5px 56px;
|
||||
}
|
||||
|
||||
#buddy-list .buddy-name {
|
||||
height: 17px;
|
||||
font-weight: bold;
|
||||
font-size: 0.8em;
|
||||
color: #264249;
|
||||
margin: 5px 0 5px 2px;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
#buddy-list .buddy.blocked p.buddy-name {
|
||||
text-decoration: line-through;
|
||||
}
|
||||
|
||||
#buddy-list .buddy-presence {
|
||||
height: 14px;
|
||||
font-size: 0.7em;
|
||||
color: #3a585e;
|
||||
padding: 2px 0 0 16px;
|
||||
margin-top: -3px;
|
||||
}
|
||||
|
||||
#buddy-list .unavailable,
|
||||
#page-switch .unavailable,
|
||||
#page-engine p.bc-infos span.show.unavailable {
|
||||
background-position: 0 -153px;
|
||||
}
|
||||
|
||||
#buddy-list .available,
|
||||
#page-engine p.bc-infos span.show.available,
|
||||
#page-engine .list .available,
|
||||
#page-engine .list .chat,
|
||||
#page-switch .available,
|
||||
#my-infos .f-presence a[data-value=available] span {
|
||||
background-position: 0 -169px;
|
||||
}
|
||||
|
||||
#buddy-list .away,
|
||||
#page-engine p.bc-infos span.show.away,
|
||||
#page-engine .list .away,
|
||||
#page-switch .away,
|
||||
#my-infos .f-presence a[data-value=away] span {
|
||||
background-position: 0 -185px;
|
||||
}
|
||||
|
||||
#buddy-list .busy,
|
||||
#page-engine p.bc-infos span.show.busy,
|
||||
#page-engine .list .xa,
|
||||
#page-engine .list .dnd,
|
||||
#page-switch .busy,
|
||||
#my-infos .f-presence a[data-value=xa] span {
|
||||
background-position: 0 -201px;
|
||||
}
|
||||
|
||||
#buddy-list .error,
|
||||
#page-switch .error,
|
||||
#page-engine p.bc-infos span.show.error {
|
||||
background-position: 0 -217px;
|
||||
}
|
||||
|
||||
#buddy-list .buddy-infos {
|
||||
position: absolute;
|
||||
z-index: 100;
|
||||
width: 337px;
|
||||
color: white;
|
||||
font-size: 0.8em;
|
||||
}
|
||||
|
||||
.buddy-infos-subarrow {
|
||||
background-position: 0 -241px;
|
||||
opacity: 0.8;
|
||||
width: 9px;
|
||||
height: 20px;
|
||||
margin-top: 12px;
|
||||
float: left;
|
||||
}
|
||||
|
||||
.buddy-infos-subitem {
|
||||
background-color: rgb(0,0,0);
|
||||
background-color: rgba(0,0,0,0.8);
|
||||
padding: 8px 10px;
|
||||
width: 308px;
|
||||
text-shadow: 0 1px 1px black;
|
||||
float: left;
|
||||
border-radius: 5px;
|
||||
-moz-border-radius: 5px;
|
||||
-webkit-border-radius: 5px;
|
||||
}
|
||||
|
||||
.manage-infos p.bm-authorize,
|
||||
#rosterx .oneresult span.action.add {
|
||||
background-position: 0 -1181px;
|
||||
}
|
||||
|
||||
.manage-infos p.bm-remove,
|
||||
#rosterx .oneresult span.action.delete,
|
||||
#attach div.one-file a.remove {
|
||||
background-position: 0 -1200px;
|
||||
}
|
||||
|
||||
.manage-infos p.bm-remove {
|
||||
margin-bottom: 18px;
|
||||
}
|
||||
|
||||
.manage-infos p.bm-rename {
|
||||
background-position: 0 -1216px;
|
||||
}
|
||||
|
||||
.manage-infos p.bm-group {
|
||||
background-position: 0 -1241px;
|
||||
}
|
||||
|
||||
.manage-infos div.bm-choose {
|
||||
max-height: 95px;
|
||||
margin: 0 0 8px 102px;
|
||||
overflow: auto;
|
||||
}
|
||||
|
||||
.manage-infos div.bm-choose label {
|
||||
float: left;
|
||||
clear: both;
|
||||
margin-bottom: 1px;
|
||||
}
|
||||
|
||||
.manage-infos div.bm-choose input {
|
||||
float: left;
|
||||
}
|
||||
|
||||
.manage-infos div.bm-choose input[type=checkbox] {
|
||||
margin: 0 6px 0 0;
|
||||
}
|
||||
|
||||
.manage-infos div.bm-choose div {
|
||||
clear: both;
|
||||
}
|
||||
|
||||
.manage-infos p.bm-rename,
|
||||
.manage-infos p.bm-group {
|
||||
height: 26px;
|
||||
}
|
||||
|
||||
.manage-infos p.bm-rename label,
|
||||
.manage-infos p.bm-group label {
|
||||
width: 80px;
|
||||
padding-top: 3px;
|
||||
float: left;
|
||||
}
|
||||
|
||||
.manage-infos p.bm-rename input,
|
||||
.manage-infos p.bm-group input {
|
||||
float: left;
|
||||
width: 155px;
|
||||
}
|
||||
|
||||
.manage-infos a.save {
|
||||
float: right;
|
||||
margin: 4px;
|
||||
}
|
||||
|
||||
.buddy-infos-subitem p {
|
||||
margin: 6px 0;
|
||||
padding-left: 22px;
|
||||
height: 16px;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.buddy-infos-subitem a {
|
||||
color: white;
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
.tune-note {
|
||||
background-position: 0 -676px;
|
||||
}
|
||||
|
||||
.location-world {
|
||||
background-position: 0 -658px;
|
||||
}
|
||||
|
||||
.view-individual {
|
||||
background-position: 0 -34px;
|
||||
}
|
||||
|
||||
.edit-buddy {
|
||||
background-position: 0 -1008px;
|
||||
}
|
||||
|
||||
#buddy-list .filter {
|
||||
background-color: white;
|
||||
border-top: 1px solid #b8c2c4;
|
||||
height: 15px;
|
||||
padding: 2px 4px;
|
||||
font-size: 0.8em;
|
||||
border-bottom-left-radius: 3px;
|
||||
border-bottom-right-radius: 3px;
|
||||
-moz-border-radius-bottomleft: 3px;
|
||||
-moz-border-radius-bottomright: 3px;
|
||||
-webkit-border-bottom-left-radius: 3px;
|
||||
-webkit-border-bottom-right-radius: 3px;
|
||||
}
|
||||
|
||||
#buddy-list .filter input {
|
||||
border: none;
|
||||
color: #273a3f;
|
||||
width: 211px;
|
||||
padding: 0;
|
||||
box-shadow: none;
|
||||
-moz-box-shadow: none;
|
||||
-webkit-box-shadow: none;
|
||||
}
|
||||
|
||||
#buddy-list .filter a {
|
||||
display: none;
|
||||
background-color: #9a2d2d;
|
||||
color: white;
|
||||
height: 13px;
|
||||
width: 13px;
|
||||
margin-top: 1px;
|
||||
font-size: 0.8em;
|
||||
text-align: center;
|
||||
text-decoration: none;
|
||||
float: right;
|
||||
border-radius: 2px;
|
||||
-moz-border-radius: 2px;
|
||||
-webkit-border-radius: 2px;
|
||||
}
|
||||
|
||||
#buddy-list .filter a:hover,
|
||||
#buddy-list .filter a:focus {
|
||||
background-color: #8c2121;
|
||||
}
|
||||
|
||||
#buddy-list .filter a:active {
|
||||
background-color: #7e1919;
|
||||
}
|
||||
|
||||
#buddy-list .foot {
|
||||
padding: 9px 1px 3px;
|
||||
}
|
||||
|
||||
#buddy-list .buddy-list-icon {
|
||||
height: 16px;
|
||||
width: 16px;
|
||||
margin: -3px 5px 0 0;
|
||||
float: left;
|
||||
}
|
||||
|
||||
#buddy-list .buddy-list-icon a.talk-images {
|
||||
height: 16px;
|
||||
width: 16px;
|
||||
display: block;
|
||||
}
|
||||
|
||||
#buddy-list .add,
|
||||
#page-engine .text .tools-add {
|
||||
background-position: 0 -1047px;
|
||||
}
|
||||
|
||||
#buddy-list .join {
|
||||
background-position: 0 -1065px;
|
||||
}
|
||||
|
||||
#buddy-list .groupchat,
|
||||
#page-switch .groupchat-default {
|
||||
background-position: 0 -1082px;
|
||||
}
|
||||
|
||||
#buddy-list .more {
|
||||
background-position: 0 -1100px;
|
||||
}
|
||||
|
||||
#buddy-list .foot-edit-finish a {
|
||||
color: white;
|
||||
font-size: 0.8em;
|
||||
margin: -3px 4px 0 0;
|
||||
float: right;
|
||||
display: block;
|
||||
}
|
||||
|
||||
#buddy-list .foot-edit-finish a:hover,
|
||||
#buddy-list .foot-edit-finish a:focus {
|
||||
text-decoration: underline;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.buddy-conf-item {
|
||||
position: absolute;
|
||||
width: 263px;
|
||||
color: white;
|
||||
z-index: 9998;
|
||||
text-align: left;
|
||||
font-size: 0.8em;
|
||||
margin-left: -10px;
|
||||
}
|
||||
|
||||
.buddy-conf-item:hover {
|
||||
cursor: default;
|
||||
}
|
||||
|
||||
.buddy-conf-subarrow {
|
||||
background-position: 0 -241px;
|
||||
opacity: 0.8;
|
||||
height: 10px;
|
||||
width: 18px;
|
||||
margin-left: 9px;
|
||||
}
|
||||
|
||||
.buddy-conf-subitem {
|
||||
background-color: rgb(0,0,0);
|
||||
background-color: rgba(0,0,0,0.8);
|
||||
padding: 10px;
|
||||
text-shadow: 0 1px 1px black;
|
||||
border-radius: 5px;
|
||||
-moz-border-radius: 5px;
|
||||
-webkit-border-radius: 5px;
|
||||
}
|
||||
|
||||
.buddy-conf-p {
|
||||
margin-bottom: 4px;
|
||||
width: 220px;
|
||||
font-weight: bold;
|
||||
float: left;
|
||||
}
|
||||
|
||||
.buddy-conf-input {
|
||||
padding-top: 2px;
|
||||
}
|
||||
|
||||
.buddy-conf-text {
|
||||
font-size: 11px;
|
||||
clear: both;
|
||||
margin-bottom: 3px;
|
||||
}
|
||||
|
||||
.buddy-conf-text a {
|
||||
color: white;
|
||||
}
|
||||
|
||||
.buddy-conf-text a:hover,
|
||||
.buddy-conf-text a:focus {
|
||||
cursor: pointer;
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
.buddy-conf-text a.buddy-conf-add-search {
|
||||
text-decoration: underline;
|
||||
margin-top: 6px;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.buddy-conf-select {
|
||||
font-size: 1.1em;
|
||||
clear: both;
|
||||
margin-bottom: 8px;
|
||||
width: 180px;
|
||||
height: 23px;
|
||||
}
|
||||
|
||||
.join-jid {
|
||||
width: 220px;
|
||||
margin-top: 5px;
|
||||
}
|
||||
|
||||
.add-contact-jid,
|
||||
.add-contact-name,
|
||||
.add-contact-gateway {
|
||||
width: 156px;
|
||||
margin-bottom: 4px;
|
||||
}
|
||||
|
||||
.add-contact-name-get {
|
||||
font-size: 0.8em;
|
||||
display: none;
|
||||
}
|
||||
|
||||
.buddy-conf-subitem label {
|
||||
clear: both;
|
||||
}
|
||||
|
||||
.buddy-conf-subitem label span {
|
||||
width: 76px;
|
||||
height: 14px;
|
||||
margin-top: 3px;
|
||||
overflow: hidden;
|
||||
float: left;
|
||||
}
|
||||
|
||||
#buddy-conf-join ul {
|
||||
width: 224px;
|
||||
max-height: 160px;
|
||||
left: 10px;
|
||||
top: 51px;
|
||||
}
|
||||
|
||||
.buddy-conf-join-select {
|
||||
margin: 8px 0 0 0;
|
||||
}
|
||||
545
jappixmini/jappix/css/channel.css
Normal file
545
jappixmini/jappix/css/channel.css
Normal file
|
|
@ -0,0 +1,545 @@
|
|||
/*
|
||||
|
||||
Jappix - An open social platform
|
||||
This is the channel CSS stylesheet for Jappix
|
||||
|
||||
-------------------------------------------------
|
||||
|
||||
License: AGPL
|
||||
Author: Vanaryon
|
||||
Last revision: 26/08/11
|
||||
|
||||
*/
|
||||
|
||||
#channel .top div.update {
|
||||
position: absolute;
|
||||
top: 12px;
|
||||
left: 115px;
|
||||
right: 15px;
|
||||
bottom: 15px;
|
||||
border-radius: 20px;
|
||||
-moz-border-radius: 20px;
|
||||
-webkit-border-radius: 20px;
|
||||
}
|
||||
|
||||
#channel .top p {
|
||||
font-size: 0.9em;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
#channel .top h2 {
|
||||
font-size: 1.6em;
|
||||
margin-bottom: 10px;
|
||||
color: #232323;
|
||||
}
|
||||
|
||||
#channel .top a {
|
||||
font-size: 0.9em;
|
||||
color: #232323;
|
||||
}
|
||||
|
||||
#channel .top.individual div.update {
|
||||
right: 36px;
|
||||
}
|
||||
|
||||
#channel .top.individual div.shortcuts,
|
||||
#userinfos .main-infos div.shortcuts {
|
||||
width: 16px;
|
||||
float: right;
|
||||
}
|
||||
|
||||
#channel .top.individual div.shortcuts {
|
||||
margin: 2px 5px 0 0;
|
||||
}
|
||||
|
||||
#channel .top.individual div.shortcuts a,
|
||||
#userinfos .main-infos div.shortcuts a {
|
||||
height: 16px;
|
||||
width: 16px;
|
||||
margin-bottom: 4px;
|
||||
display: block;
|
||||
}
|
||||
|
||||
#channel .top.individual div.shortcuts a.message,
|
||||
#userinfos .main-infos a.message {
|
||||
background-position: 0 -1717px;
|
||||
}
|
||||
|
||||
#channel .top.individual div.shortcuts a.chat,
|
||||
#userinfos .main-infos a.chat {
|
||||
background-position: 0 -1737px;
|
||||
}
|
||||
|
||||
#channel .top.individual div.shortcuts a.command,
|
||||
#userinfos .main-infos a.command {
|
||||
background-position: 0 -1758px;
|
||||
}
|
||||
|
||||
#channel .microblog-body {
|
||||
height: 20px;
|
||||
margin-right: 50px;
|
||||
}
|
||||
|
||||
#channel .microblog-body input {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
padding: 8px;
|
||||
}
|
||||
|
||||
#channel .one-microblog-icon {
|
||||
position: absolute;
|
||||
top: 38px;
|
||||
right: 0;
|
||||
}
|
||||
|
||||
#channel div.update .one-microblog-icon,
|
||||
#channel div.update .postit {
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
display: block;
|
||||
}
|
||||
|
||||
#channel div.update .attach {
|
||||
background-position: 0 -79px;
|
||||
display: none;
|
||||
}
|
||||
|
||||
#attach {
|
||||
position: absolute;
|
||||
width: 263px;
|
||||
margin-left: -227px;
|
||||
color: white;
|
||||
font-size: 0.85em;
|
||||
z-index: 9998;
|
||||
text-align: left;
|
||||
display: none;
|
||||
}
|
||||
|
||||
#attach p {
|
||||
margin-bottom: 6px !important;
|
||||
}
|
||||
|
||||
#attach input[type=submit] {
|
||||
margin: 8px 0 6px 0;
|
||||
}
|
||||
|
||||
#attach .wait {
|
||||
float: right;
|
||||
margin: 7px 5px;
|
||||
}
|
||||
|
||||
#attach div.one-file {
|
||||
height: 16px;
|
||||
margin-top: 2px;
|
||||
}
|
||||
|
||||
#attach div.one-file a.link {
|
||||
color: white;
|
||||
width: 215px;
|
||||
height: 14px;
|
||||
margin-left: 2px;
|
||||
overflow: hidden;
|
||||
float: left;
|
||||
}
|
||||
|
||||
#attach div.one-file a.remove {
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
float: left;
|
||||
}
|
||||
|
||||
.attach-subarrow {
|
||||
background-position: 0 -241px;
|
||||
opacity: 0.8;
|
||||
height: 10px;
|
||||
width: 18px;
|
||||
margin-left: 226px;
|
||||
}
|
||||
|
||||
.attach-subitem {
|
||||
background-color: rgb(0,0,0);
|
||||
background-color: rgba(0,0,0,0.8);
|
||||
padding: 10px;
|
||||
text-shadow: 0 1px 1px black;
|
||||
border-radius: 5px;
|
||||
-moz-border-radius: 5px;
|
||||
-webkit-border-radius: 5px;
|
||||
}
|
||||
|
||||
.attach-p {
|
||||
font-weight: bold;
|
||||
float: left;
|
||||
}
|
||||
|
||||
#channel .one-update {
|
||||
margin-bottom: 12px;
|
||||
padding: 6px 6px 8px 6px;
|
||||
border-bottom: 1px dotted #d0d0d0;
|
||||
min-height: 50px;
|
||||
color: black;
|
||||
position: relative;
|
||||
display: none;
|
||||
}
|
||||
|
||||
#channel .one-update .avatar-container {
|
||||
text-align: center;
|
||||
margin-right: 16px;
|
||||
float: left;
|
||||
height: 50px;
|
||||
width: 50px;
|
||||
}
|
||||
|
||||
#channel .one-update .avatar-container:hover {
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
#channel .one-update img.avatar {
|
||||
max-height: 50px;
|
||||
max-width: 50px;
|
||||
}
|
||||
|
||||
#channel .one-update div.body {
|
||||
margin-left: 65px;
|
||||
opacity: 0.8;
|
||||
}
|
||||
|
||||
#channel .one-update:hover div.body {
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
#channel .one-update a.repeat {
|
||||
background-position: 0 -1681px;
|
||||
height: 16px;
|
||||
width: 16px;
|
||||
margin-right: 4px;
|
||||
float: left;
|
||||
}
|
||||
|
||||
#channel .one-update span a {
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
#channel .one-update p {
|
||||
display: block;
|
||||
margin: 0 12px 5px 0;
|
||||
}
|
||||
|
||||
#channel .one-update p b.name:hover {
|
||||
cursor: pointer;
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
#channel .one-update p.infos {
|
||||
font-size: 0.9em;
|
||||
}
|
||||
|
||||
#channel .one-update p.infos a.geoloc {
|
||||
background-position: 0 -1778px;
|
||||
color: #363636;
|
||||
margin-left: 18px;
|
||||
padding-left: 14px;
|
||||
}
|
||||
|
||||
#channel .one-update p.infos a.geoloc:hover,
|
||||
#channel .one-update p.infos a.geoloc:focus,
|
||||
#channel .one-update p.infos a.geoloc:active {
|
||||
color: #141414;
|
||||
}
|
||||
|
||||
#channel .one-update p.file {
|
||||
font-size: 0.9em;
|
||||
margin: 6px 0 5px 10px;
|
||||
}
|
||||
|
||||
#channel .one-update p.file a.link,
|
||||
#inbox .inbox-new-file a.file {
|
||||
min-height: 16px;
|
||||
padding-left: 22px;
|
||||
text-decoration: underline;
|
||||
display: block;
|
||||
}
|
||||
|
||||
#channel .one-update p.file a.link {
|
||||
margin-top: 4px;
|
||||
}
|
||||
|
||||
#channel p.file a,
|
||||
#inbox .inbox-new-file a.file {
|
||||
background-position: 0 -988px;
|
||||
}
|
||||
|
||||
#channel p.file a.audio,
|
||||
#inbox .inbox-new-file a.file.audio {
|
||||
background-position: 0 -899px;
|
||||
}
|
||||
|
||||
#channel p.file a.image,
|
||||
#inbox .inbox-new-file a.file.image {
|
||||
background-position: 0 -917px;
|
||||
}
|
||||
|
||||
#channel p.file a.video,
|
||||
#inbox .inbox-new-file a.file.video {
|
||||
background-position: 0 -935px;
|
||||
}
|
||||
|
||||
#channel p.file a.document,
|
||||
#inbox .inbox-new-file a.file.document {
|
||||
background-position: 0 -953px;
|
||||
}
|
||||
|
||||
#channel p.file a.package,
|
||||
#inbox .inbox-new-file a.file.package {
|
||||
background-position: 0 -971px;
|
||||
}
|
||||
|
||||
#channel .one-update p.file a.thumb img {
|
||||
border: 1px solid #a2a2a2;
|
||||
max-width: 140px;
|
||||
max-height: 105px;
|
||||
margin: 4px 10px 2px 0;
|
||||
padding: 1px;
|
||||
}
|
||||
|
||||
#channel .one-update p.file a.thumb img:hover {
|
||||
border-color: #464646;
|
||||
}
|
||||
|
||||
#channel .one-update div.comments,
|
||||
.popup.large div.comments {
|
||||
width: 410px;
|
||||
margin: 2px 0 2px 76px;
|
||||
}
|
||||
|
||||
#channel .one-update div.comments div.arrow,
|
||||
.popup.large div.comments div.arrow {
|
||||
background-position: 0 -1702px;
|
||||
width: 20px;
|
||||
height: 8px;
|
||||
margin-left: 20px;
|
||||
display: block;
|
||||
}
|
||||
|
||||
#channel .one-update div.comments div.comments-content,
|
||||
.popup.large div.comments div.comments-content {
|
||||
background-color: #e5ebec;
|
||||
color: black;
|
||||
font-size: 0.9em;
|
||||
text-shadow: 0 1px 0 white;
|
||||
}
|
||||
|
||||
#channel .one-update div.comments input,
|
||||
.popup.large div.comments input {
|
||||
width: 356px;
|
||||
margin: 6px 0;
|
||||
padding: 4px 5px;
|
||||
}
|
||||
|
||||
#channel .one-update div.comments span.icon,
|
||||
.popup.large div.comments span.icon {
|
||||
background-position: 0 -1082px;
|
||||
height: 16px;
|
||||
width: 16px;
|
||||
margin: 10px;
|
||||
float: left;
|
||||
}
|
||||
|
||||
#channel .one-update div.comments .one-comment.loading span.icon,
|
||||
.popup.large div.comments .one-comment.loading span.icon {
|
||||
margin: 0 10px 0 0;
|
||||
}
|
||||
|
||||
#channel .one-update div.comments .one-comment,
|
||||
.popup.large div.comments .one-comment {
|
||||
border-bottom: 1px solid #f4f4f4;
|
||||
padding: 4px 8px 0px 8px;
|
||||
position: relative;
|
||||
display: block;
|
||||
}
|
||||
|
||||
#channel .one-update div.comments .one-comment.compose,
|
||||
.popup.large div.comments .one-comment.compose {
|
||||
border-bottom: 2px solid #f4f4f4;
|
||||
height: 36px;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
#channel .one-update div.comments .one-comment.new,
|
||||
.popup.large div.comments .one-comment.new {
|
||||
display: none;
|
||||
}
|
||||
|
||||
#channel .one-update div.comments a.one-comment,
|
||||
.popup.large div.comments a.one-comment {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
#channel .one-update div.comments a.one-comment:hover,
|
||||
#channel .one-update div.comments a.one-comment:focus,
|
||||
.popup.large div.comments a.one-comment:hover,
|
||||
.popup.large div.comments a.one-comment:focus {
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
#channel .one-update div.comments .one-comment.loading,
|
||||
.popup.large div.comments .one-comment.loading {
|
||||
padding-bottom: 5px;
|
||||
}
|
||||
|
||||
#channel .one-update div.comments .one-comment div.marker,
|
||||
.popup.large div.comments .one-comment div.marker {
|
||||
background-color: #6d8387;
|
||||
width: 2px;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
bottom: 0;
|
||||
}
|
||||
|
||||
#channel .one-update div.comments .one-comment .avatar-container,
|
||||
.popup.large div.comments .one-comment .avatar-container {
|
||||
text-align: center;
|
||||
width: 30px;
|
||||
height: 30px;
|
||||
margin: 2px 8px 0 0;
|
||||
float: left;
|
||||
}
|
||||
|
||||
#channel .one-update div.comments .one-comment .avatar-container:hover,
|
||||
.popup.large div.comments .one-comment .avatar-container:hover {
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
#channel .one-update div.comments .one-comment img.avatar,
|
||||
.popup.large div.comments .one-comment img.avatar {
|
||||
max-height: 30px;
|
||||
max-width: 30px;
|
||||
}
|
||||
|
||||
#channel .one-update div.comments .one-comment .comment-container,
|
||||
.popup.large div.comments .one-comment .comment-container {
|
||||
float: left;
|
||||
}
|
||||
|
||||
#channel .one-update div.comments .one-comment a.name,
|
||||
.popup.large div.comments .one-comment a.name {
|
||||
font-weight: bold;
|
||||
text-decoration: none;
|
||||
font-size: 0.95em;
|
||||
padding-bottom: 2px;
|
||||
float: left;
|
||||
}
|
||||
|
||||
#channel .one-update div.comments .one-comment a.name:hover,
|
||||
#channel .one-update div.comments .one-comment a.name:focus,
|
||||
.popup.large div.comments .one-comment a.name:hover,
|
||||
.popup.large div.comments .one-comment a.name:focus {
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
#channel .one-update div.comments .one-comment span.date,
|
||||
#channel .one-update div.comments .one-comment a.remove,
|
||||
.popup.large div.comments .one-comment span.date,
|
||||
.popup.large div.comments .one-comment a.remove {
|
||||
font-size: 0.85em;
|
||||
float: right;
|
||||
}
|
||||
|
||||
#channel .one-update div.comments .one-comment.me:hover span.date,
|
||||
.popup.large div.comments .one-comment.me:hover span.date {
|
||||
display: none;
|
||||
}
|
||||
|
||||
#channel .one-update div.comments .one-comment.me a.remove,
|
||||
.popup.large div.comments .one-comment.me a.remove {
|
||||
display: none;
|
||||
}
|
||||
|
||||
#channel .one-update div.comments .one-comment.me:hover a.remove,
|
||||
.popup.large div.comments .one-comment.me:hover a.remove {
|
||||
display: block;
|
||||
}
|
||||
|
||||
#channel .one-update div.comments .one-comment p.body,
|
||||
.popup.large div.comments .one-comment p.body {
|
||||
clear: both;
|
||||
}
|
||||
|
||||
#channel a.more {
|
||||
background-position: 0 -334px;
|
||||
color: black;
|
||||
height: 16px;
|
||||
text-decoration: none;
|
||||
margin: -2px 0 0 4px;
|
||||
padding: 0 0 14px 20px;
|
||||
display: block;
|
||||
visibility: hidden;
|
||||
}
|
||||
|
||||
#channel a.more:hover,
|
||||
#channel a.more:focus {
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
#channel a.mbtool {
|
||||
width: 11px;
|
||||
height: 11px;
|
||||
display: none;
|
||||
position: absolute;
|
||||
right: 0;
|
||||
}
|
||||
|
||||
#channel .one-update:hover a.mbtool {
|
||||
display: block;
|
||||
}
|
||||
|
||||
#channel a.mbtool:hover,
|
||||
#channel a.mbtool:focus {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
#channel a.mbtool.profile {
|
||||
background-position: -1px -1333px;
|
||||
top: 24px;
|
||||
}
|
||||
|
||||
#channel a.mbtool.repost {
|
||||
background-position: -1px -1354px;
|
||||
}
|
||||
|
||||
#channel a.mbtool.remove {
|
||||
background-position: -1px -1312px;
|
||||
}
|
||||
|
||||
#channel a.mbtool.repost,
|
||||
#channel a.mbtool.remove {
|
||||
top: 6px;
|
||||
}
|
||||
|
||||
#channel .footer {
|
||||
bottom: 0;
|
||||
border-bottom-left-radius: 4px;
|
||||
border-bottom-right-radius: 4px;
|
||||
-moz-border-radius-bottomleft: 4px;
|
||||
-moz-border-radius-bottomright: 4px;
|
||||
-webkit-border-bottom-left-radius: 4px;
|
||||
-webkit-border-bottom-right-radius: 4px;
|
||||
}
|
||||
|
||||
#channel .footer div {
|
||||
margin-left: 5px;
|
||||
padding-left: 24px;
|
||||
min-height: 16px;
|
||||
font-size: 0.85em;
|
||||
width: auto !important;
|
||||
}
|
||||
|
||||
#channel .footer .sync {
|
||||
background-position: 0 -804px;
|
||||
display: none;
|
||||
}
|
||||
|
||||
#channel .footer .unsync {
|
||||
background-position: 0 -830px;
|
||||
display: none;
|
||||
}
|
||||
16
jappixmini/jappix/css/directory.css
Normal file
16
jappixmini/jappix/css/directory.css
Normal file
|
|
@ -0,0 +1,16 @@
|
|||
/*
|
||||
|
||||
Jappix - An open social platform
|
||||
This is the directory tool CSS stylesheet for Jappix
|
||||
|
||||
-------------------------------------------------
|
||||
|
||||
License: AGPL
|
||||
Author: Vanaryon
|
||||
Last revision: 13/02/11
|
||||
|
||||
*/
|
||||
|
||||
#directory .content {
|
||||
padding: 10px 0 10px 0;
|
||||
}
|
||||
61
jappixmini/jappix/css/discovery.css
Normal file
61
jappixmini/jappix/css/discovery.css
Normal file
|
|
@ -0,0 +1,61 @@
|
|||
/*
|
||||
|
||||
Jappix - An open social platform
|
||||
This is the discovery CSS stylesheet for Jappix
|
||||
|
||||
-------------------------------------------------
|
||||
|
||||
License: AGPL
|
||||
Author: Vanaryon
|
||||
Last revision: 13/02/11
|
||||
|
||||
*/
|
||||
|
||||
#discovery .content {
|
||||
padding: 10px 0 10px 0;
|
||||
}
|
||||
|
||||
#discovery .content p {
|
||||
margin: 5px 10px 5px 10px;
|
||||
text-align: justify;
|
||||
font-size: 0.85em;
|
||||
}
|
||||
|
||||
#discovery .discovery-head,
|
||||
#directory .directory-head,
|
||||
#rosterx .rosterx-head,
|
||||
#privacy .privacy-head {
|
||||
width: 606px;
|
||||
height: 24px;
|
||||
margin: 0 10px 10px 10px;
|
||||
padding: 6px;
|
||||
background: #f1f6fd;
|
||||
border: 1px #9dc4fc solid;
|
||||
}
|
||||
|
||||
#discovery .disco-server-text,
|
||||
#directory .directory-server-text {
|
||||
float: left;
|
||||
font-size: 0.9em;
|
||||
margin: 3px;
|
||||
}
|
||||
|
||||
#discovery .disco-server-input,
|
||||
#directory .directory-server-input {
|
||||
float: right;
|
||||
width: 200px;
|
||||
padding: 2px;
|
||||
height: 18px;
|
||||
float: right;
|
||||
margin-right: 10px;
|
||||
padding: 2px;
|
||||
}
|
||||
|
||||
#discovery .disco-category {
|
||||
display: none;
|
||||
margin-bottom: 22px;
|
||||
}
|
||||
|
||||
#discovery .disco-category-title {
|
||||
font-weight: bold;
|
||||
}
|
||||
179
jappixmini/jappix/css/favorites.css
Normal file
179
jappixmini/jappix/css/favorites.css
Normal file
|
|
@ -0,0 +1,179 @@
|
|||
/*
|
||||
|
||||
Jappix - An open social platform
|
||||
This is the favorites CSS stylesheet for Jappix
|
||||
|
||||
-------------------------------------------------
|
||||
|
||||
License: AGPL
|
||||
Author: Vanaryon
|
||||
Last revision: 28/12/10
|
||||
|
||||
*/
|
||||
|
||||
#favorites .content {
|
||||
padding: 10px 0 10px 0;
|
||||
}
|
||||
|
||||
#favorites .fedit-head-select {
|
||||
min-width: 190px;
|
||||
max-width: 210px;
|
||||
}
|
||||
|
||||
#favorites .switch-fav {
|
||||
margin: 0 10px 0 10px;
|
||||
width: 200px;
|
||||
height: 355px;
|
||||
border-right: 1px #c0c0c0 dotted;
|
||||
float: left;
|
||||
}
|
||||
|
||||
#favorites .room-switcher {
|
||||
width: 188px;
|
||||
height: 18px;
|
||||
border-bottom: 1px #9dc4fc solid;
|
||||
float: left;
|
||||
padding: 10px 6px;
|
||||
font-size: 0.9em;
|
||||
}
|
||||
|
||||
#favorites .room-switcher:hover {
|
||||
background-color: #e9f1fd;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
#favorites .room-switcher:active {
|
||||
background-color: #f1f6fd;
|
||||
}
|
||||
|
||||
#favorites .switch-fav .icon {
|
||||
float: left;
|
||||
height: 16px;
|
||||
width: 16px;
|
||||
margin: 0 8px 0 0;
|
||||
}
|
||||
|
||||
#favorites .switch-fav .room-list .list-icon {
|
||||
background-position: 0 -855px;
|
||||
}
|
||||
|
||||
#favorites .switch-fav .room-search .search-icon {
|
||||
background-position: 0 -876px;
|
||||
}
|
||||
|
||||
#favorites .static-fav {
|
||||
width: 385px;
|
||||
height: 335px;
|
||||
margin: 0 10px 0 0;
|
||||
padding: 10px;
|
||||
float: right;
|
||||
}
|
||||
|
||||
#favorites .favorites-search {
|
||||
display: none;
|
||||
}
|
||||
|
||||
#favorites .static-fav-head {
|
||||
width: 393px;
|
||||
margin: -10px;
|
||||
}
|
||||
|
||||
#favorites .static-fav-results {
|
||||
width: 406px;
|
||||
height: 314px;
|
||||
margin: 10px -10px -10px -10px;
|
||||
padding: 6px 0 0 0;
|
||||
}
|
||||
|
||||
#favorites .fedit-line {
|
||||
height: 30px;
|
||||
font-size: 0.9em;
|
||||
padding: 10px 0 4px 4px;
|
||||
border-bottom: 1px #9dc4fc solid;
|
||||
}
|
||||
|
||||
#favorites .fedit-line:hover {
|
||||
background: #e9f1fd;
|
||||
}
|
||||
|
||||
#favorites label {
|
||||
width: 140px;
|
||||
margin-top: 3px;
|
||||
}
|
||||
|
||||
#favorites input {
|
||||
height: 18px;
|
||||
width: 186px;
|
||||
margin-top: 0;
|
||||
padding: 2px;
|
||||
}
|
||||
|
||||
#favorites .fedit-select {
|
||||
min-width: 160px;
|
||||
}
|
||||
|
||||
#favorites .fedit-actions {
|
||||
margin: 10px 0 0;
|
||||
font-size: 0.9em;
|
||||
float: right;
|
||||
}
|
||||
|
||||
#favorites input[type=checkbox] {
|
||||
margin-top: 5px;
|
||||
}
|
||||
|
||||
#favorites .fedit-terminate {
|
||||
float: right;
|
||||
}
|
||||
|
||||
#favorites .fedit-add {
|
||||
display: block;
|
||||
}
|
||||
|
||||
#favorites .fedit-edit {
|
||||
background-position: 2px -1240px;
|
||||
}
|
||||
|
||||
#favorites .fedit-remove {
|
||||
margin: 0 8px 0 0;
|
||||
}
|
||||
|
||||
#favorites .add,
|
||||
.popup .results .one-button.one-add {
|
||||
background-position: 3px -1177px;
|
||||
}
|
||||
|
||||
#favorites .remove,
|
||||
#inbox .remove {
|
||||
background-position: 3px -1196px;
|
||||
}
|
||||
|
||||
#favorites .join,
|
||||
#inbox .reply,
|
||||
#inbox .send,
|
||||
.popup .results .one-button.one-chat {
|
||||
background-position: 3px -124px;
|
||||
}
|
||||
|
||||
#favorites .one-button,
|
||||
#inbox .one-button,
|
||||
.popup .results .one-button {
|
||||
padding-left: 20px !important;
|
||||
font-size: 0.98em;
|
||||
}
|
||||
|
||||
#favorites .fsearch-results {
|
||||
overflow: auto;
|
||||
}
|
||||
|
||||
#favorites .room-name {
|
||||
margin: 4px 2px 5px;
|
||||
max-width: 210px;
|
||||
float: left;
|
||||
}
|
||||
|
||||
#favorites .fsearch-noresults {
|
||||
display: none;
|
||||
font-size: 0.9em;
|
||||
font-weight: bold;
|
||||
}
|
||||
579
jappixmini/jappix/css/home.css
Normal file
579
jappixmini/jappix/css/home.css
Normal file
|
|
@ -0,0 +1,579 @@
|
|||
/*
|
||||
|
||||
Jappix - An open social platform
|
||||
This is the home CSS stylesheet for Jappix
|
||||
|
||||
-------------------------------------------------
|
||||
|
||||
License: AGPL
|
||||
Author: Vanaryon
|
||||
Last revision: 15/01/12
|
||||
|
||||
*/
|
||||
|
||||
#home {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
min-height: 550px;
|
||||
min-width: 875px;
|
||||
}
|
||||
|
||||
#home .corporation,
|
||||
#home .corporation .corp_network,
|
||||
#home .locale,
|
||||
#home .obsolete {
|
||||
background-color: rgb(20,20,20);
|
||||
background-color: rgba(20,20,20,0.70);
|
||||
color: white;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
text-shadow: 0 0 1px black;
|
||||
z-index: 100;
|
||||
border-bottom-left-radius: 3px;
|
||||
border-bottom-right-radius: 3px;
|
||||
-moz-border-radius-bottomleft: 3px;
|
||||
-moz-border-radius-bottomright: 3px;
|
||||
-webkit-border-bottom-left-radius: 3px;
|
||||
-webkit-border-bottom-right-radius: 3px;
|
||||
}
|
||||
|
||||
#home .corporation {
|
||||
background-position: 9px -357px;
|
||||
left: 12px;
|
||||
height: 26px;
|
||||
width: 34px;
|
||||
}
|
||||
|
||||
#home .corporation.hovered {
|
||||
height: 28px;
|
||||
border-radius: 0;
|
||||
-moz-border-radius: 0;
|
||||
-webkit-border-radius: 0;
|
||||
}
|
||||
|
||||
#home .corporation .corp_network {
|
||||
width: 180px;
|
||||
padding: 10px 12px;
|
||||
top: 28px;
|
||||
display: none;
|
||||
border-top-right-radius: 3px;
|
||||
-moz-border-radius-topright: 3px;
|
||||
-webkit-border-top-right-radius: 3px;
|
||||
}
|
||||
|
||||
#home .corporation.hovered .corp_network {
|
||||
display: block;
|
||||
}
|
||||
|
||||
#home .corporation .corp_network h2 {
|
||||
font-size: 1.1em;
|
||||
margin: 14px 0 4px 0;
|
||||
}
|
||||
|
||||
#home .corporation .corp_network h2.nomargin {
|
||||
margin-top: 0;
|
||||
}
|
||||
|
||||
#home .corporation .corp_network a {
|
||||
font-size: 0.8em;
|
||||
margin: 2px 0;
|
||||
padding: 2px 6px;
|
||||
border-radius: 2px;
|
||||
-moz-border-radius: 2px;
|
||||
-webkit-border-radius: 2px;
|
||||
}
|
||||
|
||||
#home .corporation .corp_network a span {
|
||||
margin: 2px 0;
|
||||
display: block;
|
||||
}
|
||||
|
||||
#home .corporation .corp_network a span.name {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
#home .corporation .corp_network a span.desc {
|
||||
font-size: 0.9em;
|
||||
margin-left: 2px;
|
||||
}
|
||||
|
||||
#home .locale {
|
||||
left: 52px;
|
||||
font-size: 0.8em;
|
||||
}
|
||||
|
||||
#home .locale .current {
|
||||
height: 19px;
|
||||
padding: 3px 12px 4px 12px;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
#home .locale .current:hover {
|
||||
cursor: default;
|
||||
}
|
||||
|
||||
#home .locale .current .current_align {
|
||||
height: 19px;
|
||||
vertical-align: middle;
|
||||
display: table-cell;
|
||||
}
|
||||
|
||||
#home .locale .list {
|
||||
margin: 2px 0 2px;
|
||||
}
|
||||
|
||||
#home .locale .list a,
|
||||
#home .corporation .corp_network a {
|
||||
color: white;
|
||||
text-decoration: none;
|
||||
display: block;
|
||||
}
|
||||
|
||||
#home .locale .list a {
|
||||
padding: 3px 10px;
|
||||
}
|
||||
|
||||
#home .locale .list a:hover,
|
||||
#home .locale .list a:focus,
|
||||
#home .corporation .corp_network a:hover,
|
||||
#home .corporation .corp_network a:focus {
|
||||
background-color: rgb(255,255,255);
|
||||
background-color: rgba(255,255,255,0.1);
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
#home .locale .list a:active,
|
||||
#home .corporation .corp_network a:active {
|
||||
background-color: rgb(255,255,255);
|
||||
background-color: rgba(255,255,255,0.14);
|
||||
}
|
||||
|
||||
#home .obsolete {
|
||||
height: 60px;
|
||||
padding: 4px 10px;
|
||||
right: 12px;
|
||||
font-size: 0.9em;
|
||||
font-weight: bold;
|
||||
display: none;
|
||||
}
|
||||
|
||||
#home .obsolete a {
|
||||
height: 33px;
|
||||
width: 33px;
|
||||
margin: 5px 2px 0 0;
|
||||
float: left;
|
||||
}
|
||||
|
||||
#home .obsolete a:hover,
|
||||
#home .obsolete a:focus {
|
||||
opacity: 0.8;
|
||||
}
|
||||
|
||||
#home .obsolete a:active {
|
||||
opacity: 0.6;
|
||||
}
|
||||
|
||||
#home .obsolete a.firefox {
|
||||
background-position: 1px 0;
|
||||
}
|
||||
|
||||
#home .obsolete a.chrome {
|
||||
background-position: -34px 0;
|
||||
}
|
||||
|
||||
#home .obsolete a.safari {
|
||||
background-position: -68px 0;
|
||||
}
|
||||
|
||||
#home .obsolete a.opera {
|
||||
background-position: -101px 0;
|
||||
}
|
||||
|
||||
#home .obsolete a.ie {
|
||||
background-position: -135px 0;
|
||||
}
|
||||
|
||||
#home .plane {
|
||||
background-position: 0 -384px;
|
||||
width: 507px;
|
||||
height: 328px;
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 60px;
|
||||
}
|
||||
|
||||
#home .main {
|
||||
background-color: rgb(20,20,20);
|
||||
background-color: rgba(20,20,20,0.85);
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
margin-top: -200px;
|
||||
width: 800px;
|
||||
height: 400px;
|
||||
left: 50%;
|
||||
margin-left: -400px;
|
||||
z-index: 50;
|
||||
border-radius: 10px;
|
||||
-moz-border-radius: 10px;
|
||||
-webkit-border-radius: 10px;
|
||||
box-shadow: 0 0 35px #5c5c5c;
|
||||
-moz-box-shadow: 0 0 35px #5c5c5c;
|
||||
-webkit-box-shadow: 0 0 35px #5c5c5c;
|
||||
}
|
||||
|
||||
#home .left {
|
||||
float: left;
|
||||
width: 350px;
|
||||
height: 370px;
|
||||
margin: 15px 0 15px 15px;
|
||||
color: white;
|
||||
text-align: center;
|
||||
text-shadow: 0 1px 1px black;
|
||||
}
|
||||
|
||||
#home .left .logo {
|
||||
background-position: 0 0;
|
||||
float: left;
|
||||
margin: 30px 20px;
|
||||
width: 311px;
|
||||
height: 113px;
|
||||
}
|
||||
|
||||
#home .left p.upper {
|
||||
margin: 12px 0 20px 0;
|
||||
}
|
||||
|
||||
#home .left p.secondary {
|
||||
margin: 8px 0 0 16px;
|
||||
font-size: 0.9em;
|
||||
width: 320px;
|
||||
}
|
||||
|
||||
#home .right {
|
||||
background: #e4eef9;
|
||||
background: -moz-linear-gradient(top, #e4eef9, #C5E1FF);
|
||||
background: -webkit-gradient(linear, left top, left bottom, from(#e4eef9), to(#C5E1FF));
|
||||
float: right;
|
||||
width: 385px;
|
||||
height: 350px;
|
||||
margin: 15px 15px 15px 0;
|
||||
padding: 10px;
|
||||
font-size: 13px;
|
||||
text-align: justify;
|
||||
border-radius: 5px;
|
||||
-moz-border-radius: 5px;
|
||||
-webkit-border-radius: 5px;
|
||||
box-shadow: 0 0 20px black;
|
||||
-moz-box-shadow: 0 0 20px black;
|
||||
-webkit-box-shadow: 0 0 20px black;
|
||||
}
|
||||
|
||||
#home .right h1 {
|
||||
font-size: 16px;
|
||||
padding-bottom: 4px;
|
||||
border-bottom: 1px black dotted;
|
||||
}
|
||||
|
||||
#home .right p {
|
||||
margin-bottom: 4px;
|
||||
}
|
||||
|
||||
#home .right p a {
|
||||
border-width: 0 0 1px 0;
|
||||
border-style: dotted;
|
||||
border-color: black;
|
||||
}
|
||||
|
||||
#home .right p a:hover,
|
||||
#home .right p a:focus {
|
||||
border-style: solid;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
#home .right button {
|
||||
display: block;
|
||||
margin-left: 22px;
|
||||
width: 342px;
|
||||
height: 64px;
|
||||
text-decoration: none;
|
||||
font-weight: bold;
|
||||
border-radius: 4px;
|
||||
-moz-border-radius: 4px;
|
||||
-webkit-border-radius: 4px;
|
||||
}
|
||||
|
||||
#home .right button:hover {
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
#home .right button span {
|
||||
float: left;
|
||||
}
|
||||
|
||||
#home .right button span.home-images {
|
||||
height: 16px;
|
||||
width: 16px;
|
||||
margin: 5px 7px 7px 24px;
|
||||
}
|
||||
|
||||
#home .right button span.text {
|
||||
padding-left: 20px;
|
||||
font-size: 1.5em;
|
||||
}
|
||||
|
||||
#home .right .login {
|
||||
background-color: #72d071;
|
||||
background-position: 0 0;
|
||||
border: 1px solid #5cb55c;
|
||||
margin-top: 22px;
|
||||
box-shadow: 0 0 10px #89e389;
|
||||
-moz-box-shadow: 0 0 10px #89e389;
|
||||
-webkit-box-shadow: 0 0 10px #89e389;
|
||||
}
|
||||
|
||||
#home .right .login:hover,
|
||||
#home .right .login:focus {
|
||||
border: 1px solid #419141;
|
||||
box-shadow: 0 0 15px #72d071;
|
||||
-moz-box-shadow: 0 0 15px #72d071;
|
||||
-webkit-box-shadow: 0 0 15px #72d071;
|
||||
}
|
||||
|
||||
#home .right .login:active {
|
||||
background-color: #97e896;
|
||||
background-position: 0 -80px;
|
||||
}
|
||||
|
||||
#home .right .login span.text {
|
||||
color: #2d612d;
|
||||
text-shadow: 1px 1px 1px #5cb55c;
|
||||
}
|
||||
|
||||
#home .right .login span.home-images {
|
||||
background-position: 0 -230px;
|
||||
}
|
||||
|
||||
#home .right .register {
|
||||
background-color: #f6ef82;
|
||||
background-position: 0 -160px;
|
||||
border: 1px solid #e3db56;
|
||||
margin-top: 15px;
|
||||
box-shadow: 0 0 15px #f1e968;
|
||||
-moz-box-shadow: 0 0 15px #f1e968;
|
||||
-webkit-box-shadow: 0 0 15px #f1e968;
|
||||
}
|
||||
|
||||
#home .right .register:hover,
|
||||
#home .right .register:focus {
|
||||
border: 1px solid #d2c93f;
|
||||
box-shadow: 0 0 15px #e0d743;
|
||||
-moz-box-shadow: 0 0 15px #e0d743;
|
||||
-webkit-box-shadow: 0 0 15px #e0d743;
|
||||
}
|
||||
|
||||
#home .right .register:active {
|
||||
background-color: #fdf7af;
|
||||
background-position: 0 -240px;
|
||||
}
|
||||
|
||||
#home .right .register span.text {
|
||||
color: #6d6813;
|
||||
text-shadow: 1px 1px 1px #dbd56e;
|
||||
}
|
||||
|
||||
#home .right .register span.home-images {
|
||||
background-position: 0 -204px;
|
||||
}
|
||||
|
||||
#home .right p.notice {
|
||||
margin-top: 24px;
|
||||
font-size: 0.9em;
|
||||
}
|
||||
|
||||
#home .right .navigation {
|
||||
clear: both;
|
||||
width: 385px;
|
||||
border-top: 1px black dotted;
|
||||
position: absolute;
|
||||
text-align: right;
|
||||
bottom: 25px;
|
||||
right: 25px;
|
||||
padding-top: 6px;
|
||||
}
|
||||
|
||||
#home .right .navigation a {
|
||||
margin-left: 9px;
|
||||
color: black;
|
||||
text-decoration: none;
|
||||
font-size: 0.9em;
|
||||
height: 12px;
|
||||
padding: 0 0 4px 20px;
|
||||
float: right;
|
||||
}
|
||||
|
||||
#home .right .navigation a:hover,
|
||||
#home .right .navigation a:focus {
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
#home .right .navigation a.unencrypted {
|
||||
background-position: 0 -256px;
|
||||
}
|
||||
|
||||
#home .right .navigation a.encrypted {
|
||||
background-position: 0 -282px;
|
||||
}
|
||||
|
||||
#home .right .navigation a.project {
|
||||
background-position: 0 -126px;
|
||||
}
|
||||
|
||||
#home .right .navigation a.manager {
|
||||
background-position: 0 -152px;
|
||||
}
|
||||
|
||||
#home .right .navigation a.mobile {
|
||||
background-position: 0 -178px;
|
||||
}
|
||||
|
||||
#home a.advanced {
|
||||
background-position: 0 -334px;
|
||||
font-size: 0.9em;
|
||||
height: 16px;
|
||||
margin-bottom: 10px;
|
||||
padding-left: 16px;
|
||||
display: block;
|
||||
}
|
||||
|
||||
#home fieldset.advanced {
|
||||
display: none;
|
||||
}
|
||||
|
||||
#home .anonymouser input[type=text] {
|
||||
width: 160px;
|
||||
}
|
||||
|
||||
#home .homediv.registerer .success a {
|
||||
font-weight: bold;
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
#home fieldset {
|
||||
border: 1px solid black;
|
||||
margin: 12px 0 12px 0;
|
||||
padding: 5px 0 4px 0;
|
||||
border-radius: 3px;
|
||||
-moz-border-radius: 3px;
|
||||
-webkit-border-radius: 3px;
|
||||
}
|
||||
|
||||
#home legend {
|
||||
font-size: 0.9em;
|
||||
margin: 0 0 0 15px;
|
||||
padding: 0 2px;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
|
||||
#home label {
|
||||
width: 110px;
|
||||
display: block;
|
||||
float: left;
|
||||
clear: both;
|
||||
margin: 0 0 5px 12px;
|
||||
}
|
||||
|
||||
#home input,
|
||||
#home select {
|
||||
float: left;
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
|
||||
#home input[type=text],
|
||||
#home input[type=password],
|
||||
#home select {
|
||||
width: 140px;
|
||||
margin-top: -2px;
|
||||
}
|
||||
|
||||
#home input[type=submit] {
|
||||
min-width: 120px;
|
||||
float: right;
|
||||
}
|
||||
|
||||
#home span.jid {
|
||||
display: block;
|
||||
float: left;
|
||||
margin: 0 4px;
|
||||
}
|
||||
|
||||
#home input.nick, #home input.server {
|
||||
width: 110px;
|
||||
}
|
||||
|
||||
#home .info {
|
||||
padding: 6px;
|
||||
position: absolute;
|
||||
bottom: 62px;
|
||||
right: 35px;
|
||||
border-width: 1px;
|
||||
border-style: dotted;
|
||||
clear: both;
|
||||
width: 350px;
|
||||
}
|
||||
|
||||
#home .info.success {
|
||||
background-color: #aee578;
|
||||
border-color: #85b05c;
|
||||
display: none;
|
||||
}
|
||||
|
||||
#home .info.fail {
|
||||
background-color: #f19d9d;
|
||||
border-color: #b34f4f;
|
||||
}
|
||||
|
||||
#home .info.report {
|
||||
background-color: #f3f48b;
|
||||
border-color: #c9c66b;
|
||||
display: none;
|
||||
}
|
||||
|
||||
#home .info.report span {
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
#home .notice.simple {
|
||||
background-color: rgb(20,20,20);
|
||||
background-color: rgba(20,20,20,0.7);
|
||||
color: white;
|
||||
font-size: 0.9em;
|
||||
text-decoration: none;
|
||||
text-shadow: 0 1px 0 black;
|
||||
position: fixed;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
padding: 8px 20px;
|
||||
z-index: 100;
|
||||
box-shadow: 0 0 25px #ababab;
|
||||
-moz-box-shadow: 0 0 25px #ababab;
|
||||
-webkit-box-shadow: 0 0 25px #ababab;
|
||||
}
|
||||
|
||||
#home .notice.simple .title {
|
||||
background-color: rgb(20,20,20);
|
||||
background-color: rgba(20,20,20,0.4);
|
||||
background-position: 8px -299px;
|
||||
border-width: 0 1px 1px 1px;
|
||||
border-style: solid;
|
||||
border-color: #141414;
|
||||
font-weight: bold;
|
||||
padding: 8px 8px 8px 30px;
|
||||
}
|
||||
|
||||
#home .notice.simple .text {
|
||||
margin-left: 20px;
|
||||
}
|
||||
146
jappixmini/jappix/css/ie.css
Normal file
146
jappixmini/jappix/css/ie.css
Normal file
|
|
@ -0,0 +1,146 @@
|
|||
/*
|
||||
|
||||
Jappix - An open social platform
|
||||
These are all the IE compliant CSS classes
|
||||
|
||||
-------------------------------------------------
|
||||
|
||||
License: AGPL
|
||||
Author: Vanaryon
|
||||
Last revision: 22/04/11
|
||||
|
||||
*/
|
||||
|
||||
/* rgba(255,255,255,0.9) */
|
||||
.search ul {
|
||||
background: transparent;
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#edffffff,endColorstr=#edffffff);
|
||||
}
|
||||
|
||||
/* rgba(255,255,255,0.3) */
|
||||
a.finish:active,
|
||||
#manager-buttons input:active,
|
||||
#install-buttons input:active {
|
||||
background: transparent;
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#49ffffff,endColorstr=#49ffffff);
|
||||
}
|
||||
|
||||
/* rgba(255,255,255,0.2) */
|
||||
a.finish:hover,
|
||||
a.finish:focus,
|
||||
#manager-buttons input:hover,
|
||||
#manager-buttons input:focus,
|
||||
#install-buttons input:hover,
|
||||
#install-buttons input:focus,
|
||||
.notifications-content .one-notification:active {
|
||||
background: transparent;
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#33ffffff,endColorstr=#33ffffff);
|
||||
}
|
||||
|
||||
/* rgba(255,255,255,0.14) */
|
||||
#home .locale .list a:active {
|
||||
background: transparent;
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#2fffffff,endColorstr=#2fffffff);
|
||||
}
|
||||
|
||||
/* rgba(255,255,255,0.1) */
|
||||
#home .locale .list a:hover,
|
||||
#home .locale .list a:focus,
|
||||
a.finish,
|
||||
a.finish.disabled:hover,
|
||||
a.finish.disabled:focus,
|
||||
a.finish.disabled:active,
|
||||
#manager-buttons input,
|
||||
#install-buttons input,
|
||||
.notifications-content .one-notification:hover,
|
||||
.notifications-content .one-notification:focus {
|
||||
background: transparent;
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#20ffffff,endColorstr=#20ffffff);
|
||||
}
|
||||
|
||||
/* rgba(255,239,104,0.8) */
|
||||
.popup .infos {
|
||||
background: transparent;
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#deffef68,endColorstr=#deffef68);
|
||||
}
|
||||
|
||||
/* rgba(225,160,20,0.3) */
|
||||
.search ul li.hovered {
|
||||
background: transparent;
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#46e1a014,endColorstr=#46e1a014);
|
||||
}
|
||||
|
||||
/* rgba(248,246,186,0.9) */
|
||||
#board .one-board.info {
|
||||
background: transparent;
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#edf8f6ba,endColorstr=#edf8f6ba);
|
||||
}
|
||||
|
||||
/* rgba(241,160,160,0.9) */
|
||||
#board .one-board.error {
|
||||
background: transparent;
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#edf1a0a0,endColorstr=#edf1a0a0);
|
||||
}
|
||||
|
||||
/* rgba(234,234,234,0.8) */
|
||||
#page-engine .chatstate {
|
||||
background: transparent;
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#deeaeaea,endColorstr=#deeaeaea);
|
||||
}
|
||||
|
||||
/* rgba(20,20,20,0.6) */
|
||||
#home .locale,
|
||||
#home .obsolete,
|
||||
#home .notice.simple {
|
||||
background: transparent;
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#a0141414,endColorstr=#a0141414);
|
||||
}
|
||||
|
||||
/* rgba(20,20,20,0.8) */
|
||||
#home .main,
|
||||
#reconnect .pane,
|
||||
#my-infos,
|
||||
#right-content,
|
||||
#buddy-list,
|
||||
#manager,
|
||||
#install {
|
||||
background: transparent;
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#de141414,endColorstr=#de141414);
|
||||
}
|
||||
|
||||
/* rgba(20,20,20,0.9) */
|
||||
.popup {
|
||||
background: transparent;
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ed141414,endColorstr=#ed141414);
|
||||
}
|
||||
|
||||
/* rgba(0,0,0,0.2) */
|
||||
#install-top .step {
|
||||
background: transparent;
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#33000000,endColorstr=#33000000);
|
||||
}
|
||||
|
||||
/* rgba(0,0,0,0.6) */
|
||||
.lock {
|
||||
background: url(../img/others/lock.png) repeat !important;
|
||||
}
|
||||
|
||||
/* rgba(0,0,0,0.8) */
|
||||
#page-engine .tooltip-subitem,
|
||||
.attach-subitem,
|
||||
.buddy-infos-subitem,
|
||||
.buddy-conf-subitem,
|
||||
.tools-content-subitem {
|
||||
background: transparent;
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#de000000,endColorstr=#de000000);
|
||||
}
|
||||
|
||||
/* Fix a fieldset padding bug */
|
||||
legend {
|
||||
margin-bottom: 5px !important;
|
||||
}
|
||||
|
||||
/* Fix an opacity bug */
|
||||
a.finish.disabled {
|
||||
filter: alpha(opacity = 20) !important;
|
||||
}
|
||||
89
jappixmini/jappix/css/images.css
Normal file
89
jappixmini/jappix/css/images.css
Normal file
|
|
@ -0,0 +1,89 @@
|
|||
/*
|
||||
|
||||
Jappix - An open social platform
|
||||
This is the images CSS stylesheet for Jappix
|
||||
|
||||
-------------------------------------------------
|
||||
|
||||
License: AGPL
|
||||
Author: Vanaryon
|
||||
Last revision: 16/01/12
|
||||
|
||||
*/
|
||||
|
||||
.body-images {
|
||||
background-image: url(../img/sprites/background.png);
|
||||
background-repeat: repeat;
|
||||
background-color: #93c5fa;
|
||||
}
|
||||
|
||||
.install-images {
|
||||
background-image: url(../img/sprites/install.png);
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
|
||||
.home-images {
|
||||
background-image: url(../img/sprites/home.png);
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
|
||||
.browsers-images {
|
||||
background-image: url(../img/sprites/browsers.png);
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
|
||||
.buttons-images {
|
||||
background-image: url(../img/sprites/buttons.png);
|
||||
background-repeat: repeat-x;
|
||||
}
|
||||
|
||||
.talk-images {
|
||||
background-image: url(../img/sprites/talk.png);
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
|
||||
.smileys-images {
|
||||
background-image: url(../img/sprites/smileys.png);
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
|
||||
.welcome-images {
|
||||
background-image: url(../img/sprites/welcome.png);
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
|
||||
.me-images {
|
||||
background-image: url(../img/sprites/me.png);
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
|
||||
.manager-images {
|
||||
background-image: url(../img/sprites/manager.png);
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
|
||||
.mobile-images {
|
||||
background-image: url(../img/sprites/mobile.png);
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
|
||||
.wait-small {
|
||||
background-image: url(../img/wait/wait-small.gif);
|
||||
background-repeat: no-repeat;
|
||||
height: 16px;
|
||||
width: 16px;
|
||||
}
|
||||
|
||||
.wait-medium {
|
||||
background-image: url(../img/wait/wait-medium.png);
|
||||
background-repeat: no-repeat;
|
||||
height: 24px;
|
||||
width: 24px;
|
||||
}
|
||||
|
||||
.wait-big {
|
||||
background-image: url(../img/wait/wait-big.gif);
|
||||
background-repeat: no-repeat;
|
||||
height: 30px;
|
||||
width: 30px;
|
||||
}
|
||||
202
jappixmini/jappix/css/inbox.css
Normal file
202
jappixmini/jappix/css/inbox.css
Normal file
|
|
@ -0,0 +1,202 @@
|
|||
/*
|
||||
|
||||
Jappix - An open social platform
|
||||
This is the inbox CSS stylesheet for Jappix
|
||||
|
||||
-------------------------------------------------
|
||||
|
||||
License: AGPL
|
||||
Author: Vanaryon
|
||||
Last revision: 28/12/10
|
||||
|
||||
*/
|
||||
|
||||
#inbox .content {
|
||||
padding: 10px 0 10px 0;
|
||||
}
|
||||
|
||||
#inbox .content p {
|
||||
margin: 3px 10px;
|
||||
text-align: justify;
|
||||
font-size: 0.9em;
|
||||
}
|
||||
|
||||
#inbox .inbox-results {
|
||||
height: 310px;
|
||||
width: 620px;
|
||||
margin: -5px 0 0 10px;
|
||||
padding: 6px 0 0 0;
|
||||
overflow: auto;
|
||||
}
|
||||
|
||||
#inbox .message-unread {
|
||||
background-color: #E9F1FD;
|
||||
}
|
||||
|
||||
#inbox .one-message {
|
||||
font-size: 0.9em;
|
||||
border-bottom: 1px #b2c7cb solid;
|
||||
}
|
||||
|
||||
#inbox .message-head {
|
||||
padding: 6px 0 7px 4px;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
#inbox .message-head:hover {
|
||||
background-color: #e9f1fd;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
#inbox .message-head:active {
|
||||
background-color: #f1f6fd;
|
||||
}
|
||||
|
||||
#inbox .one-message.message-reading,
|
||||
#inbox .one-message.message-reading .message-head {
|
||||
background-color: #f1f6fd;
|
||||
}
|
||||
|
||||
#inbox .avatar-container {
|
||||
float: left;
|
||||
width: 40px;
|
||||
height: 40px;
|
||||
margin-right: 7px;
|
||||
text-align: center;
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
|
||||
#inbox .avatar {
|
||||
max-width: 40px;
|
||||
max-height: 40px;
|
||||
}
|
||||
|
||||
#inbox .message-jid,
|
||||
#inbox .message-subject {
|
||||
float: left;
|
||||
margin: 0 2px;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
#inbox .message-jid {
|
||||
width: 165px;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
#inbox .message-subject {
|
||||
width: 355px;
|
||||
}
|
||||
|
||||
#inbox .message-truncated {
|
||||
color: #42646b;
|
||||
font-size: 0.8em;
|
||||
margin: 23px 0 0 49px;
|
||||
}
|
||||
|
||||
#inbox .message-body {
|
||||
padding: 8px 5px 5px 5px;
|
||||
}
|
||||
|
||||
#inbox .message-body a {
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
#inbox .message-meta {
|
||||
margin-top: 6px;
|
||||
padding: 3px 4px;
|
||||
border-top: 1px #b2c7cb dotted;
|
||||
}
|
||||
|
||||
#inbox .message-meta span.date {
|
||||
color: #28474e;
|
||||
font-size: 0.8em;
|
||||
margin: 10px 0 0 4px;
|
||||
float: left;
|
||||
}
|
||||
|
||||
#inbox .message-meta a {
|
||||
font-size: 0.98em;
|
||||
margin: 5px;
|
||||
float: right;
|
||||
display: block;
|
||||
}
|
||||
|
||||
#inbox .inbox-noresults {
|
||||
font-weight: bold;
|
||||
display: none;
|
||||
}
|
||||
|
||||
#inbox .a-show-messages {
|
||||
display: none;
|
||||
}
|
||||
|
||||
#inbox .inbox-new {
|
||||
display: none;
|
||||
height: 300px;
|
||||
width: 620px;
|
||||
margin: -5px 0 0 10px;
|
||||
padding: 16px 0 0 0;
|
||||
}
|
||||
|
||||
#inbox .inbox-new-block {
|
||||
border-top: 1px #686868 dotted;
|
||||
padding-top: 9px;
|
||||
min-height: 32px;
|
||||
clear: both;
|
||||
}
|
||||
|
||||
#inbox .inbox-new-text {
|
||||
float: left;
|
||||
width: 100px;
|
||||
}
|
||||
|
||||
#inbox .inbox-new-textarea {
|
||||
width: 460px;
|
||||
height: 109px;
|
||||
margin-bottom: 10px;
|
||||
float: left;
|
||||
}
|
||||
|
||||
#inbox .inbox-new input {
|
||||
float: left;
|
||||
}
|
||||
|
||||
#inbox .inbox-new-to ul {
|
||||
width: 264px;
|
||||
max-height: 168px;
|
||||
font-size: 0.9em;
|
||||
left: 120px;
|
||||
top: 31px;
|
||||
}
|
||||
|
||||
#inbox .inbox-new-to-input {
|
||||
width: 260px;
|
||||
}
|
||||
|
||||
#inbox .inbox-new-subject-input {
|
||||
width: 380px;
|
||||
}
|
||||
|
||||
#inbox .inbox-new-file a {
|
||||
display: block;
|
||||
float: left;
|
||||
}
|
||||
|
||||
#inbox .inbox-new-file a.file {
|
||||
font-size: 0.85em;
|
||||
height: 16px;
|
||||
max-width: 320px;
|
||||
margin: 3px 0 15px 013px;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
#inbox .inbox-new-file a.one-button {
|
||||
font-size: 0.85em;
|
||||
margin: -2px 0 0 25px;
|
||||
}
|
||||
|
||||
#inbox .inbox-new-send a {
|
||||
font-size: 0.85em;
|
||||
float: right;
|
||||
display: block;
|
||||
}
|
||||
285
jappixmini/jappix/css/install.css
Normal file
285
jappixmini/jappix/css/install.css
Normal file
|
|
@ -0,0 +1,285 @@
|
|||
/*
|
||||
|
||||
Jappix - An open social platform
|
||||
This is the install CSS stylesheet for Jappix
|
||||
|
||||
-------------------------------------------------
|
||||
|
||||
License: AGPL
|
||||
Author: Vanaryon
|
||||
Last revision: 08/06/11
|
||||
|
||||
*/
|
||||
|
||||
body {
|
||||
color: white;
|
||||
}
|
||||
|
||||
#install {
|
||||
background-color: rgb(20,20,20);
|
||||
background-color: rgba(20,20,20,0.85);
|
||||
width: 800px;
|
||||
margin: 35px auto;
|
||||
padding-bottom: 17px;
|
||||
border-radius: 6px;
|
||||
-moz-border-radius: 6px;
|
||||
-webkit-border-radius: 6px;
|
||||
box-shadow: 0 0 35px #5c5c5c;
|
||||
-moz-box-shadow: 0 0 35px #5c5c5c;
|
||||
-webkit-box-shadow: 0 0 35px #5c5c5c;
|
||||
}
|
||||
|
||||
#install a {
|
||||
color: black;
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
#install .clear {
|
||||
clear: both;
|
||||
}
|
||||
|
||||
#install fieldset {
|
||||
border: 1px solid black;
|
||||
margin: 22px 0 15px 0;
|
||||
padding: 7px 2px 5px 2px;
|
||||
border-radius: 3px;
|
||||
-moz-border-radius: 3px;
|
||||
-webkit-border-radius: 3px;
|
||||
}
|
||||
|
||||
#install legend {
|
||||
font-size: 0.9em;
|
||||
margin: 0 0 0 15px;
|
||||
padding: 0 2px;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
|
||||
#install label {
|
||||
width: 200px;
|
||||
display: block;
|
||||
float: left;
|
||||
clear: both;
|
||||
margin: 0 0 9px 12px;
|
||||
}
|
||||
|
||||
#install input {
|
||||
float: left;
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
|
||||
#install input[type=text],
|
||||
#install input[type=url],
|
||||
#install input[type=password] {
|
||||
margin-top: -2px;
|
||||
padding: 3px;
|
||||
font-size: 0.95em;
|
||||
min-width: 220px;
|
||||
}
|
||||
|
||||
#install input.icon {
|
||||
padding-left: 24px;
|
||||
min-width: 199px;
|
||||
max-height: 18px;
|
||||
}
|
||||
|
||||
#install input.icon#user_name {
|
||||
background-position: 4px -204px;
|
||||
}
|
||||
|
||||
#install input.icon#user_password {
|
||||
background-position: 4px -226px;
|
||||
}
|
||||
|
||||
#install input.icon#user_repassword {
|
||||
background-position: 4px -248px;
|
||||
}
|
||||
|
||||
#install-top {
|
||||
padding: 30px 45px;
|
||||
}
|
||||
|
||||
#install-top .logo {
|
||||
background-position: 0 0;
|
||||
min-width: 88px;
|
||||
height: 36px;
|
||||
padding: 32px 0 0 66px;
|
||||
font-size: 32px;
|
||||
color: white;
|
||||
text-transform: lowercase;
|
||||
float: left;
|
||||
text-shadow: 0 1px 1px black;
|
||||
}
|
||||
|
||||
#install-top .step {
|
||||
background-color: rgb(0,0,0);
|
||||
background-color: rgba(0,0,0,0.2);
|
||||
border: 2px solid white;
|
||||
padding: 6px 21px;
|
||||
font-size: 2.7em;
|
||||
text-shadow: 0 1px 1px black;
|
||||
float: right;
|
||||
border-radius: 40px;
|
||||
-moz-border-radius: 40px;
|
||||
-webkit-border-radius: 40px;
|
||||
box-shadow: 0 0 10px #202020;
|
||||
-moz-box-shadow: 0 0 10px #202020;
|
||||
-webkit-box-shadow: 0 0 10px #202020;
|
||||
}
|
||||
|
||||
#install-top .step span {
|
||||
font-size: 0.6em;
|
||||
}
|
||||
|
||||
#install-content {
|
||||
background: #e4eef9;
|
||||
background: -moz-linear-gradient(top, #e4eef9, #d0e5fa);
|
||||
background: -webkit-gradient(linear, left top, left bottom, from(#e4eef9), to(#d0e5fa));
|
||||
color: black;
|
||||
font-size: 0.9em;
|
||||
margin: 0 10px;
|
||||
padding: 20px 24px;
|
||||
min-height: 260px;
|
||||
clear: both;
|
||||
right: 10px;
|
||||
border-radius: 3px;
|
||||
-moz-border-radius: 3px;
|
||||
-webkit-border-radius: 3px;
|
||||
box-shadow: 0 0 20px #202020;
|
||||
-moz-box-shadow: 0 0 20px #202020;
|
||||
-webkit-box-shadow: 0 0 20px #202020;
|
||||
}
|
||||
|
||||
#install-content h3 {
|
||||
padding-left: 24px;
|
||||
margin-bottom: 15px;
|
||||
}
|
||||
|
||||
#install-content h3.start {
|
||||
background-position: 0 -73px;
|
||||
}
|
||||
|
||||
#install-content h3.storage {
|
||||
background-position: 0 -95px;
|
||||
}
|
||||
|
||||
#install-content h3.account {
|
||||
background-position: 0 -117px;
|
||||
}
|
||||
|
||||
#install-content h3.main {
|
||||
background-position: 0 -139px;
|
||||
}
|
||||
|
||||
#install-content h3.hosts {
|
||||
background-position: 0 -161px;
|
||||
}
|
||||
|
||||
#install-content h3.services {
|
||||
background-position: 0 -183px;
|
||||
}
|
||||
|
||||
#install-content p {
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
#install-content .info {
|
||||
color: black;
|
||||
border-width: 1px;
|
||||
border-style: dashed;
|
||||
padding: 6px 8px;
|
||||
display: block;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
#install-content .info.smallspace {
|
||||
margin: 14px 0 10px 0;
|
||||
}
|
||||
|
||||
#install-content .info.bigspace {
|
||||
margin: 35px 0 20px 0;
|
||||
}
|
||||
|
||||
#install-content .info.first {
|
||||
margin-top: 28px;
|
||||
}
|
||||
|
||||
#install-content .info.last {
|
||||
margin-bottom: 28px;
|
||||
}
|
||||
|
||||
#install-content .info.neutral {
|
||||
background-color: #f0f19d;
|
||||
border-color: #b3ad4f;
|
||||
}
|
||||
|
||||
#install-content a.info.neutral:hover,
|
||||
#install-content a.info.neutral:focus {
|
||||
background-color: #eced96;
|
||||
}
|
||||
|
||||
#install-content a.info.neutral:active {
|
||||
background-color: #e9ea93;
|
||||
}
|
||||
|
||||
#install-content .info.success {
|
||||
background-color: #a8dca9;
|
||||
border-color: #5e9f5f;
|
||||
}
|
||||
|
||||
#install-content a.info.success:hover,
|
||||
#install-content a.info.success:focus {
|
||||
background-color: #a0d5a1;
|
||||
}
|
||||
|
||||
#install-content a.info.success:active {
|
||||
background-color: #9ad09b;
|
||||
}
|
||||
|
||||
#install-content .info.fail {
|
||||
background-color: #f19d9d;
|
||||
border-color: #b34f4f;
|
||||
}
|
||||
|
||||
#install-content ol {
|
||||
margin: 20px 30px;
|
||||
}
|
||||
|
||||
#install-content ol li {
|
||||
margin-bottom: 1px;
|
||||
}
|
||||
|
||||
#install-buttons {
|
||||
margin-top: 22px;
|
||||
}
|
||||
|
||||
#install-buttons input {
|
||||
border: 1px solid white;
|
||||
background-color: rgb(255,255,255);
|
||||
background-color: rgba(255,255,255,0.1);
|
||||
color: white;
|
||||
padding: 4px 8px;
|
||||
margin-right: 20px;
|
||||
text-shadow: 0 1px 1px black;
|
||||
float: right;
|
||||
border-radius: 3px;
|
||||
-moz-border-radius: 3px;
|
||||
-webkit-border-radius: 3px;
|
||||
box-shadow: 0 0 5px #202020;
|
||||
-moz-box-shadow: 0 0 5px #202020;
|
||||
-webkit-box-shadow: 0 0 5px #202020;
|
||||
}
|
||||
|
||||
#install-buttons input:hover,
|
||||
#install-buttons input:focus {
|
||||
cursor: pointer;
|
||||
background-color: rgb(255,255,255);
|
||||
background-color: rgba(255,255,255,0.2);
|
||||
box-shadow: 0 0 15px #202020;
|
||||
-moz-box-shadow: 0 0 15px #202020;
|
||||
-webkit-box-shadow: 0 0 15px #202020;
|
||||
}
|
||||
|
||||
#install-buttons input:active {
|
||||
background-color: rgb(255,255,255);
|
||||
background-color: rgba(255,255,255,0.3);
|
||||
}
|
||||
34
jappixmini/jappix/css/integratebox.css
Normal file
34
jappixmini/jappix/css/integratebox.css
Normal file
|
|
@ -0,0 +1,34 @@
|
|||
/*
|
||||
|
||||
Jappix - An open social platform
|
||||
This is the integratebox CSS stylesheet for Jappix
|
||||
|
||||
-------------------------------------------------
|
||||
|
||||
License: AGPL
|
||||
Author: Vanaryon
|
||||
Last revision: 06/11/10
|
||||
|
||||
*/
|
||||
|
||||
#integratebox .top {
|
||||
height: 40px;
|
||||
}
|
||||
|
||||
#integratebox .content {
|
||||
text-align: center;
|
||||
height: 385px;
|
||||
}
|
||||
|
||||
#integratebox .one-media img {
|
||||
max-height: 385px;
|
||||
max-width: 640px;
|
||||
}
|
||||
|
||||
#integratebox .one-media a img {
|
||||
border: none;
|
||||
}
|
||||
|
||||
#integratebox .one-media audio {
|
||||
margin-top: 170px;
|
||||
}
|
||||
148
jappixmini/jappix/css/jquery.datepicker.css
Normal file
148
jappixmini/jappix/css/jquery.datepicker.css
Normal file
|
|
@ -0,0 +1,148 @@
|
|||
/*
|
||||
|
||||
Jappix - An open social platform
|
||||
This is the datepicker CSS stylesheet
|
||||
|
||||
-------------------------------------------------
|
||||
|
||||
License: AGPL
|
||||
Author: Vanaryon
|
||||
Last revision: 28/12/10
|
||||
|
||||
*/
|
||||
|
||||
div.datepicker {
|
||||
position: relative;
|
||||
font-family: Arial, Helvetica, sans-serif;
|
||||
font-size: 12px;
|
||||
width: 196px;
|
||||
height: 147px;
|
||||
position: absolute;
|
||||
cursor: default;
|
||||
top: 0;
|
||||
left: 0;
|
||||
display: none;
|
||||
}
|
||||
|
||||
.datepickerHidden {
|
||||
display: none;
|
||||
}
|
||||
|
||||
div.datepicker table {
|
||||
border-collapse:collapse;
|
||||
}
|
||||
|
||||
div.datepicker a {
|
||||
text-decoration: none;
|
||||
cursor: default;
|
||||
outline: none;
|
||||
}
|
||||
|
||||
div.datepicker table td {
|
||||
text-align: right;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
div.datepicker th {
|
||||
text-align: center;
|
||||
color: #47646a;
|
||||
font-weight: normal;
|
||||
}
|
||||
|
||||
div.datepicker tbody th {
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
div.datepicker tbody a {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.datepickerDays a {
|
||||
width: 20px;
|
||||
line-height: 16px;
|
||||
height: 16px;
|
||||
padding-right: 2px;
|
||||
}
|
||||
|
||||
.datepickerYears a,
|
||||
.datepickerMonths a {
|
||||
width: 44px;
|
||||
line-height: 36px;
|
||||
height: 36px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
td.datepickerNotInMonth {
|
||||
background: #c7d1d4;
|
||||
}
|
||||
|
||||
tbody.datepickerDays td.datepickerSelected {
|
||||
background: #b0bdc1;
|
||||
}
|
||||
|
||||
tbody.datepickerYears td.datepickerSelected,
|
||||
tbody.datepickerMonths td.datepickerSelected {
|
||||
background: #9daaae;
|
||||
}
|
||||
|
||||
div.datepicker a:hover,
|
||||
div.datepicker a:focus {
|
||||
color: #3d7682;
|
||||
}
|
||||
|
||||
div.datepicker tbody th {
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.datepickerSpace div {
|
||||
width: 20px;
|
||||
}
|
||||
|
||||
.datepickerGoNext a,
|
||||
.datepickerGoPrev a,
|
||||
.datepickerMonth a {
|
||||
text-align: center;
|
||||
height: 20px;
|
||||
line-height: 20px;
|
||||
}
|
||||
|
||||
.datepickerGoNext a {
|
||||
float: right;
|
||||
width: 20px;
|
||||
}
|
||||
|
||||
.datepickerGoPrev a {
|
||||
float: left;
|
||||
width: 20px;
|
||||
}
|
||||
|
||||
table.datepickerViewDays tbody.datepickerMonths,
|
||||
table.datepickerViewDays tbody.datepickerYears {
|
||||
display: none;
|
||||
}
|
||||
|
||||
table.datepickerViewMonths tbody.datepickerDays,
|
||||
table.datepickerViewMonths tbody.datepickerYears,
|
||||
table.datepickerViewMonths tr.datepickerDoW {
|
||||
display: none;
|
||||
}
|
||||
|
||||
table.datepickerViewYears tbody.datepickerDays,
|
||||
table.datepickerViewYears tbody.datepickerMonths,
|
||||
table.datepickerViewYears tr.datepickerDoW {
|
||||
display: none;
|
||||
}
|
||||
|
||||
td.datepickerDisabled a,
|
||||
td.datepickerDisabled.datepickerNotInMonth a {
|
||||
color: #333;
|
||||
}
|
||||
|
||||
td.datepickerSpecial a {
|
||||
background: #700;
|
||||
}
|
||||
|
||||
td.datepickerSpecial.datepickerSelected a {
|
||||
background: #a00;
|
||||
}
|
||||
131
jappixmini/jappix/css/main.css
Normal file
131
jappixmini/jappix/css/main.css
Normal file
|
|
@ -0,0 +1,131 @@
|
|||
/*
|
||||
|
||||
Jappix - An open social platform
|
||||
This is the main CSS stylesheet for Jappix
|
||||
|
||||
-------------------------------------------------
|
||||
|
||||
License: AGPL
|
||||
Author: Vanaryon
|
||||
Last revision: 05/10/11
|
||||
|
||||
*/
|
||||
|
||||
* {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
body {
|
||||
font: normal 14.4px Helvetica, Verdana, sans-serif;
|
||||
text-shadow: 0 0 5px white;
|
||||
}
|
||||
|
||||
h1 {
|
||||
margin-bottom: 15px;
|
||||
}
|
||||
|
||||
a {
|
||||
text-decoration: none;
|
||||
color: black;
|
||||
outline-style: none;
|
||||
}
|
||||
|
||||
a:hover,
|
||||
a:focus {
|
||||
cursor: pointer;
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
legend {
|
||||
color: black;
|
||||
}
|
||||
|
||||
input,
|
||||
textarea {
|
||||
background-color: white;
|
||||
border: 1px solid #636363;
|
||||
font-size: 0.95em;
|
||||
padding: 2px;
|
||||
border-radius: 2px;
|
||||
-moz-border-radius: 2px;
|
||||
-webkit-border-radius: 2px;
|
||||
box-shadow: inset 0 3px 10px #dcdcdc;
|
||||
-moz-box-shadow: inset 0 3px 10px #dcdcdc;
|
||||
-webkit-box-shadow: inset 0 3px 10px #dcdcdc;
|
||||
}
|
||||
|
||||
textarea {
|
||||
font-size: 1.1em;
|
||||
}
|
||||
|
||||
input:focus,
|
||||
input[type=submit]:hover,
|
||||
input[type=reset]:hover,
|
||||
textarea:focus {
|
||||
border: 1px solid #e1a014;
|
||||
box-shadow: inset 0 3px 10px #edd9bc;
|
||||
-moz-box-shadow: inset 0 3px 10px #edd9bc;
|
||||
-webkit-box-shadow: inset 0 3px 10px #edd9bc;
|
||||
}
|
||||
|
||||
input[type=submit],
|
||||
input[type=reset] {
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
input[type=submit]:active,
|
||||
input[type=reset]:active {
|
||||
box-shadow: inset 0 3px 15px #e1a753;
|
||||
-moz-box-shadow: inset 0 3px 15px #e1a753;
|
||||
-webkit-box-shadow: inset 0 3px 15px #e1a753;
|
||||
}
|
||||
|
||||
input[disabled],
|
||||
textarea[disabled] {
|
||||
background-color: #f3f3f3;
|
||||
border: 1px solid #989898;
|
||||
}
|
||||
|
||||
input:placeholder {
|
||||
color: #67787c !important;
|
||||
}
|
||||
|
||||
input:-moz-placeholder {
|
||||
color: #67787c !important;
|
||||
}
|
||||
|
||||
input::-webkit-input-placeholder {
|
||||
color: #67787c !important;
|
||||
}
|
||||
|
||||
input.placeholder {
|
||||
color: #67787c !important;
|
||||
}
|
||||
|
||||
input[type=checkbox] {
|
||||
margin-top: 2px;
|
||||
}
|
||||
|
||||
input[type=checkbox],
|
||||
input[type=radio] {
|
||||
background: transparent none !important;
|
||||
border: 0 none !important;
|
||||
}
|
||||
|
||||
.please-complete,
|
||||
.please-complete:hover,
|
||||
.please-complete:focus {
|
||||
border: 1px #ac2525 solid !important;
|
||||
box-shadow: inset 0 3px 10px #f39c9c !important;
|
||||
-moz-box-shadow: inset 0 3px 10px #f39c9c !important;
|
||||
-webkit-box-shadow: inset 0 3px 10px #f39c9c !important;
|
||||
}
|
||||
|
||||
.hidden {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
.clear {
|
||||
clear: both !important;
|
||||
}
|
||||
543
jappixmini/jappix/css/manager.css
Normal file
543
jappixmini/jappix/css/manager.css
Normal file
|
|
@ -0,0 +1,543 @@
|
|||
/*
|
||||
|
||||
Jappix - An open social platform
|
||||
This is the manager CSS stylesheet for Jappix
|
||||
|
||||
-------------------------------------------------
|
||||
|
||||
License: AGPL
|
||||
Author: Vanaryon
|
||||
Last revision: 31/08/11
|
||||
|
||||
*/
|
||||
|
||||
#manager {
|
||||
background-color: rgb(20,20,20);
|
||||
background-color: rgba(20,20,20,0.85);
|
||||
width: 945px;
|
||||
margin: 0 auto 25px;
|
||||
padding-bottom: 17px;
|
||||
border-bottom-left-radius: 4px;
|
||||
border-bottom-right-radius: 4px;
|
||||
-moz-border-radius-bottomleft: 4px;
|
||||
-moz-border-radius-bottomright: 4px;
|
||||
-webkit-border-bottom-left-radius: 4px;
|
||||
-webkit-border-bottom-right-radius: 4px;
|
||||
box-shadow: 0 0 35px #5c5c5c;
|
||||
-moz-box-shadow: 0 0 35px #5c5c5c;
|
||||
-webkit-box-shadow: 0 0 35px #5c5c5c;
|
||||
}
|
||||
|
||||
#manager a {
|
||||
color: black;
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
#manager .clear {
|
||||
clear: both;
|
||||
}
|
||||
|
||||
#manager fieldset {
|
||||
border: 1px solid black;
|
||||
margin: 22px 0 15px 0;
|
||||
padding: 7px 2px 5px 2px;
|
||||
border-radius: 3px;
|
||||
-moz-border-radius: 3px;
|
||||
-webkit-border-radius: 3px;
|
||||
}
|
||||
|
||||
#manager legend {
|
||||
font-size: 0.9em;
|
||||
margin: 0 0 0 15px;
|
||||
padding: 0 2px;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
|
||||
#manager label {
|
||||
width: 200px;
|
||||
display: block;
|
||||
float: left;
|
||||
clear: both;
|
||||
margin: 0 0 9px 12px;
|
||||
}
|
||||
|
||||
#manager label.master {
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
#manager input,
|
||||
#manager select {
|
||||
float: left;
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
|
||||
#manager input[type=radio] {
|
||||
margin: 2px 8px 5px 0;
|
||||
}
|
||||
|
||||
#manager input[type=text],
|
||||
#manager input[type=url],
|
||||
#manager input[type=password],
|
||||
#manager select {
|
||||
margin-top: -2px;
|
||||
font-size: 0.95em;
|
||||
}
|
||||
|
||||
#manager input[type=text],
|
||||
#manager input[type=url],
|
||||
#manager input[type=password] {
|
||||
padding: 3px;
|
||||
min-width: 220px;
|
||||
}
|
||||
|
||||
#manager input.icon {
|
||||
padding-left: 24px;
|
||||
min-width: 199px;
|
||||
max-height: 18px;
|
||||
}
|
||||
|
||||
#manager input.icon#admin_name {
|
||||
background-position: 4px -510px;
|
||||
}
|
||||
|
||||
#manager input.icon#admin_password,
|
||||
#manager input.icon#user_repassword {
|
||||
background-position: 4px -532px;
|
||||
}
|
||||
|
||||
#manager input.icon#user_name,
|
||||
#manager input.icon#music_artist {
|
||||
background-position: 4px -554px;
|
||||
}
|
||||
|
||||
#manager input.icon#user_password {
|
||||
background-position: 4px -576px;
|
||||
}
|
||||
|
||||
#manager input.icon#music_title {
|
||||
background-position: 4px -598px;
|
||||
}
|
||||
|
||||
#manager input.icon#music_album {
|
||||
background-position: 4px -620px;
|
||||
}
|
||||
|
||||
#manager input.icon#background_image_color,
|
||||
#manager input.icon#background_color_color {
|
||||
background-position: 4px -641px;
|
||||
}
|
||||
|
||||
#manager select {
|
||||
min-width: 160px;
|
||||
max-width: 230px;
|
||||
}
|
||||
|
||||
#manager-top {
|
||||
padding: 25px 45px 30px;
|
||||
}
|
||||
|
||||
#manager-top .logo {
|
||||
background-position: 0 0;
|
||||
min-width: 89px;
|
||||
height: 40px;
|
||||
padding: 28px 0 0 65px;
|
||||
font-size: 32px;
|
||||
color: white;
|
||||
text-transform: lowercase;
|
||||
float: left;
|
||||
text-shadow: 0 1px 1px black;
|
||||
}
|
||||
|
||||
#manager-top .meta {
|
||||
background-color: #e0eaec;
|
||||
font-size: 0.9em;
|
||||
padding: 12px 7px 12px 14px;
|
||||
float: right;
|
||||
border-radius: 3px;
|
||||
-moz-border-radius: 3px;
|
||||
-webkit-border-radius: 3px;
|
||||
box-shadow: 0 0 10px #202020;
|
||||
-moz-box-shadow: 0 0 10px #202020;
|
||||
-webkit-box-shadow: 0 0 10px #202020;
|
||||
}
|
||||
|
||||
#manager-top .meta span {
|
||||
margin-right: 10px;
|
||||
color: black;
|
||||
}
|
||||
|
||||
#manager-top .meta a {
|
||||
background-color: #f1f6fd;
|
||||
border: 1px solid #b9cbcf;
|
||||
color: #224249;
|
||||
padding: 4px 8px 4px 21px;
|
||||
margin-left: 2px;
|
||||
text-decoration: none;
|
||||
border-radius: 2px;
|
||||
-moz-border-radius: 2px;
|
||||
-webkit-border-radius: 2px;
|
||||
}
|
||||
|
||||
#manager-top .meta a:hover,
|
||||
#manager-top .meta a:focus {
|
||||
border: 1px solid #95b1b7;
|
||||
}
|
||||
|
||||
#manager-top .meta a:active {
|
||||
border: 1px solid #77989f;
|
||||
}
|
||||
|
||||
#manager-top .meta a.logout {
|
||||
background-position: 3px -69px;
|
||||
}
|
||||
|
||||
#manager-top .meta a.close {
|
||||
background-position: 3px -90px;
|
||||
}
|
||||
|
||||
#manager-tabs {
|
||||
margin-left: 12px;
|
||||
}
|
||||
|
||||
#manager-tabs a {
|
||||
background-color: #d9e7ea;
|
||||
color: #204249;
|
||||
width: 107px;
|
||||
height: 17px;
|
||||
padding: 4px 4px 4px 16px;
|
||||
margin-left: 4px;
|
||||
font-size: 0.94em;
|
||||
text-decoration: none;
|
||||
overflow: hidden;
|
||||
float: left;
|
||||
border-top-right-radius: 3px;
|
||||
border-top-left-radius: 3px;
|
||||
-moz-border-radius-topright: 3px;
|
||||
-moz-border-radius-topleft: 3px;
|
||||
-webkit-border-top-right-radius: 3px;
|
||||
-webkit-border-top-left-radius: 3px;
|
||||
}
|
||||
|
||||
#manager-tabs a:hover,
|
||||
#manager-tabs a:focus {
|
||||
background-color: #cedee1;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
#manager-tabs a:active {
|
||||
background-color: #c3d3d7;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
#manager-tabs a.tab-active {
|
||||
background-color: #e4eef9 !important;
|
||||
}
|
||||
|
||||
#manager-content {
|
||||
background: #e4eef9;
|
||||
background: -moz-linear-gradient(top, #e4eef9, #d0e5fa);
|
||||
background: -webkit-gradient(linear, left top, left bottom, from(#e4eef9), to(#d0e5fa));
|
||||
color: black;
|
||||
font-size: 0.9em;
|
||||
margin: 0 10px;
|
||||
padding: 20px 24px;
|
||||
min-height: 260px;
|
||||
clear: both;
|
||||
right: 10px;
|
||||
border-radius: 3px;
|
||||
-moz-border-radius: 3px;
|
||||
-webkit-border-radius: 3px;
|
||||
box-shadow: 0 0 20px #202020;
|
||||
-moz-box-shadow: 0 0 20px #202020;
|
||||
-webkit-box-shadow: 0 0 20px #202020;
|
||||
}
|
||||
|
||||
#manager-content h3 {
|
||||
padding-left: 24px;
|
||||
margin-bottom: 15px;
|
||||
}
|
||||
|
||||
#manager-content h3.login {
|
||||
background-position: 0 -466px;
|
||||
}
|
||||
|
||||
#manager-content h3.statistics {
|
||||
background-position: 0 -203px;
|
||||
}
|
||||
|
||||
#manager-content h3.configuration {
|
||||
background-position: 0 -224px;
|
||||
}
|
||||
|
||||
#manager-content h3.hosts {
|
||||
background-position: 0 -246px;
|
||||
}
|
||||
|
||||
#manager-content h3.storage {
|
||||
background-position: 0 -268px;
|
||||
}
|
||||
|
||||
#manager-content h3.design {
|
||||
background-position: 0 -290px;
|
||||
}
|
||||
|
||||
#manager-content h3.users {
|
||||
background-position: 0 -312px;
|
||||
}
|
||||
|
||||
#manager-content h3.updates {
|
||||
background-position: 0 -334px;
|
||||
}
|
||||
|
||||
#manager-content h4 {
|
||||
border-top: 1px dotted black;
|
||||
padding-top: 5px;
|
||||
margin: 20px 0 14px;
|
||||
clear: both;
|
||||
}
|
||||
|
||||
#manager-content ul,
|
||||
#manager-content ol {
|
||||
width: 380px;
|
||||
margin: 8px 0 20px 18px;
|
||||
}
|
||||
|
||||
#manager-content li {
|
||||
margin-bottom: 3px;
|
||||
}
|
||||
|
||||
#manager-content li.total {
|
||||
margin-bottom: 14px;
|
||||
}
|
||||
|
||||
#manager-content li b {
|
||||
width: 190px;
|
||||
float: left;
|
||||
}
|
||||
|
||||
#manager-content li span {
|
||||
margin-left: 10px;
|
||||
float: left;
|
||||
}
|
||||
|
||||
#manager-content ul.stats,
|
||||
#manager-content ol.stats {
|
||||
float: left;
|
||||
}
|
||||
|
||||
#manager-content object.stats {
|
||||
border: 1px dotted #bed4d9;
|
||||
width: 450px;
|
||||
height: 270px;
|
||||
margin-bottom: 20px;
|
||||
float: right;
|
||||
}
|
||||
|
||||
#manager-content p,
|
||||
#manager-content div {
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
#manager-content .info {
|
||||
color: black;
|
||||
border-width: 1px;
|
||||
border-style: dashed;
|
||||
padding: 6px 8px;
|
||||
display: block;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
#manager-content .info.bottomspace {
|
||||
margin-bottom: 16px;
|
||||
}
|
||||
|
||||
#manager-content .info.smallspace {
|
||||
margin: 14px 0 10px 0;
|
||||
}
|
||||
|
||||
#manager-content .info.bigspace {
|
||||
margin: 35px 0 20px 0;
|
||||
}
|
||||
|
||||
#manager-content .info.neutral {
|
||||
background-color: #f0f19d;
|
||||
border-color: #b3ad4f;
|
||||
}
|
||||
|
||||
#manager-content a.info.neutral:hover,
|
||||
#manager-content a.info.neutral:focus {
|
||||
background-color: #eced96;
|
||||
}
|
||||
|
||||
#manager-content a.info.neutral:active {
|
||||
background-color: #e9ea93;
|
||||
}
|
||||
|
||||
#manager-content .info.success {
|
||||
background-color: #a8dca9;
|
||||
border-color: #5e9f5f;
|
||||
}
|
||||
|
||||
#manager-content a.info.success:hover,
|
||||
#manager-content a.info.success:focus {
|
||||
background-color: #a0d5a1;
|
||||
}
|
||||
|
||||
#manager-content a.info.success:active {
|
||||
background-color: #9ad09b;
|
||||
}
|
||||
|
||||
#manager-content .info.fail {
|
||||
background-color: #f19d9d;
|
||||
border-color: #b34f4f;
|
||||
}
|
||||
|
||||
#manager-content a.info.fail:hover,
|
||||
#manager-content a.info.fail:focus {
|
||||
background-color: #ea9595;
|
||||
}
|
||||
|
||||
#manager-content a.info.fail:active {
|
||||
background-color: #e59090;
|
||||
}
|
||||
|
||||
#manager-content .browse {
|
||||
margin: 2px 0 6px;
|
||||
max-height: 243px;
|
||||
overflow: auto;
|
||||
}
|
||||
|
||||
#manager-content .browse .one-browse {
|
||||
padding: 5px 10px 5px 34px;
|
||||
height: 17px;
|
||||
}
|
||||
|
||||
#manager-content .browse .user {
|
||||
background-position: 9px -111px;
|
||||
}
|
||||
|
||||
#manager-content .browse .other {
|
||||
background-position: 9px -133px;
|
||||
}
|
||||
|
||||
#manager-content .browse .folder {
|
||||
background-position: 9px -178px;
|
||||
}
|
||||
|
||||
#manager-content .browse .audio {
|
||||
background-position: 9px -154px;
|
||||
}
|
||||
|
||||
#manager-content .browse .alert {
|
||||
background-position: 9px -353px;
|
||||
}
|
||||
|
||||
#manager-content .browse .image {
|
||||
background-position: 9px -374px;
|
||||
}
|
||||
|
||||
#manager-content .browse .video {
|
||||
background-position: 9px -397px;
|
||||
}
|
||||
|
||||
#manager-content .browse .document {
|
||||
background-position: 9px -418px;
|
||||
}
|
||||
|
||||
#manager-content .browse .package {
|
||||
background-position: 9px -441px;
|
||||
}
|
||||
|
||||
#manager-content .browse .previous {
|
||||
background-position: 9px -485px;
|
||||
margin-bottom: 4px;
|
||||
}
|
||||
|
||||
#manager-content .browse div {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
#manager-content .browse input {
|
||||
float: right;
|
||||
margin: 1px 0;
|
||||
}
|
||||
|
||||
#manager-content .browse .odd {
|
||||
background-color: #e9f1fd;
|
||||
}
|
||||
|
||||
#manager-content .browse .even {
|
||||
background-color: #f1f6fd;
|
||||
}
|
||||
|
||||
#manager-content .sub {
|
||||
border-left: 1px solid black;
|
||||
margin: 5px 0 20px 22px;
|
||||
padding-left: 12px;
|
||||
clear: both;
|
||||
}
|
||||
|
||||
#manager span.logo_links a {
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
margin-right: 6px;
|
||||
float: left;
|
||||
}
|
||||
|
||||
#manager span.logo_links a.remove {
|
||||
background-position: 0 -688px;
|
||||
}
|
||||
|
||||
#manager span.logo_links a.view {
|
||||
background-position: 0 -666px;
|
||||
}
|
||||
|
||||
#manager-content .clear {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
#manager-content textarea.notice-text {
|
||||
height: 70px;
|
||||
width: 600px;
|
||||
margin-left: 4px;
|
||||
padding: 5px;
|
||||
font-size: 1.2em;
|
||||
}
|
||||
|
||||
#manager-buttons {
|
||||
margin-top: 22px;
|
||||
}
|
||||
|
||||
#manager-buttons input {
|
||||
border: 1px solid white;
|
||||
background-color: rgb(255,255,255);
|
||||
background-color: rgba(255,255,255,0.1);
|
||||
color: white;
|
||||
padding: 4px 8px;
|
||||
margin-left: -12px;
|
||||
margin-right: 20px;
|
||||
font-size: 1em;
|
||||
text-shadow: 0 1px 1px black;
|
||||
float: right;
|
||||
border-radius: 3px;
|
||||
-moz-border-radius: 3px;
|
||||
-webkit-border-radius: 3px;
|
||||
box-shadow: 0 0 5px #202020;
|
||||
-moz-box-shadow: 0 0 5px #202020;
|
||||
-webkit-box-shadow: 0 0 5px #202020;
|
||||
}
|
||||
|
||||
#manager-buttons input:hover,
|
||||
#manager-buttons input:focus {
|
||||
cursor: pointer;
|
||||
background-color: rgb(255,255,255);
|
||||
background-color: rgba(255,255,255,0.2);
|
||||
box-shadow: 0 0 15px #202020;
|
||||
-moz-box-shadow: 0 0 15px #202020;
|
||||
-webkit-box-shadow: 0 0 15px #202020;
|
||||
}
|
||||
|
||||
#manager-buttons input:active {
|
||||
background-color: rgb(255,255,255);
|
||||
background-color: rgba(255,255,255,0.3);
|
||||
}
|
||||
49
jappixmini/jappix/css/me.css
Normal file
49
jappixmini/jappix/css/me.css
Normal file
|
|
@ -0,0 +1,49 @@
|
|||
/*
|
||||
|
||||
Jappix - An open social platform
|
||||
This is the Jappix Me tool CSS stylesheet for Jappix
|
||||
|
||||
-------------------------------------------------
|
||||
|
||||
License: AGPL
|
||||
Author: Vanaryon
|
||||
Last revision: 16/01/12
|
||||
|
||||
*/
|
||||
|
||||
#me .content {
|
||||
padding: 10px 0;
|
||||
}
|
||||
|
||||
#me .logo {
|
||||
background-position: 0 0;
|
||||
width: 300px;
|
||||
height: 61px;
|
||||
margin: 20px auto 0 auto;
|
||||
display: block;
|
||||
}
|
||||
|
||||
#me .infos {
|
||||
margin-top: 30px;
|
||||
}
|
||||
|
||||
#me .infos p {
|
||||
margin-top: 8px;
|
||||
}
|
||||
|
||||
#me .infos p.infos-title {
|
||||
margin-top: 0;
|
||||
}
|
||||
|
||||
#me .infos a {
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
#me a.go {
|
||||
text-align: center;
|
||||
font-weight: bold;
|
||||
width: 300px;
|
||||
margin: 30px auto 0 auto;
|
||||
padding: 8px 12px;
|
||||
display: block;
|
||||
}
|
||||
73
jappixmini/jappix/css/mini-ie.css
Normal file
73
jappixmini/jappix/css/mini-ie.css
Normal file
|
|
@ -0,0 +1,73 @@
|
|||
/*
|
||||
|
||||
Jappix - An open social platform
|
||||
This is the Jappix Mini legacy IE CSS stylesheet
|
||||
|
||||
-------------------------------------------------
|
||||
|
||||
License: AGPL
|
||||
Author: Vanaryon
|
||||
Last revision: 20/03/11
|
||||
|
||||
*/
|
||||
|
||||
#jappix_mini {
|
||||
width: expression(document.documentElement.clientWidth - 150 + 'px') !important;
|
||||
position: absolute !important;
|
||||
bottom: auto !important;
|
||||
right: auto !important;
|
||||
top: expression(((document.documentElement.clientHeight - this.offsetHeight) + (ignoreMiniTop = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop)) + 'px') !important;
|
||||
left: expression((150 + this.offsetWidth - (document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body.clientWidth) + (ignoreMiniLeft = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft)) + 'px') !important;
|
||||
}
|
||||
|
||||
#jappix_mini .jm_images {
|
||||
background-image: url(../img/sprites/mini.gif) !important;
|
||||
}
|
||||
|
||||
#jappix_mini .jm_images_animate {
|
||||
background-image: url(../img/sprites/animate.gif) !important;
|
||||
}
|
||||
|
||||
#jappix_mini a.jm_button {
|
||||
width: 1px !important;
|
||||
}
|
||||
|
||||
#jappix_mini div.jm_roster {
|
||||
right: -1px !important;
|
||||
bottom: 23px !important;
|
||||
}
|
||||
|
||||
#jappix_mini div.jm_roster div.jm_buddies {
|
||||
height: expression(this.scrollHeight > (document.documentElement.clientHeight - 70) ? (document.documentElement.clientHeight - 70) + 'px' : 'auto') !important;
|
||||
}
|
||||
|
||||
#jappix_mini a.jm_pane {
|
||||
height: 12px !important;
|
||||
overflow-y: hidden !important;
|
||||
}
|
||||
|
||||
#jappix_mini a.jm_button.jm_clicked {
|
||||
background-image: none !important;
|
||||
}
|
||||
|
||||
#jappix_mini div.jm_conversations a.jm_clicked {
|
||||
border-right: none !important;
|
||||
padding: 7px 6px 6px 6px !important;
|
||||
}
|
||||
|
||||
#jappix_mini div.jm_chat-content {
|
||||
bottom: 23px !important;
|
||||
right: -2px !important;
|
||||
}
|
||||
|
||||
#jappix_popup {
|
||||
height: expression(document.documentElement.clientHeight + 'px') !important;
|
||||
width: expression(document.documentElement.clientWidth + 'px') !important;
|
||||
position: absolute !important;
|
||||
top: expression(((ignorePopupTop = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop)) + 'px') !important;
|
||||
left: expression(((ignorePopupLeft = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft)) + 'px') !important;
|
||||
}
|
||||
|
||||
#jappix_popup div.jm_prompt {
|
||||
position: absolute !important;
|
||||
}
|
||||
540
jappixmini/jappix/css/mini.css
Normal file
540
jappixmini/jappix/css/mini.css
Normal file
|
|
@ -0,0 +1,540 @@
|
|||
/*
|
||||
|
||||
Jappix - An open social platform
|
||||
This is the Jappix Mini CSS stylesheet
|
||||
|
||||
-------------------------------------------------
|
||||
|
||||
License: AGPL
|
||||
Authors: Vanaryon, Julien
|
||||
Last revision: 16/01/12
|
||||
|
||||
*/
|
||||
|
||||
#jappix_mini,
|
||||
#jappix_popup {
|
||||
font: normal 11px helvetica, "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", Arial, sans-serif;
|
||||
}
|
||||
|
||||
#jappix_mini {
|
||||
margin-left: 130px;
|
||||
position: fixed;
|
||||
bottom: 0;
|
||||
right: 20px;
|
||||
z-index: 999;
|
||||
}
|
||||
|
||||
#jappix_mini *,
|
||||
#jappix_popup * {
|
||||
border: none;
|
||||
color: black;
|
||||
width: auto;
|
||||
height: auto;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
overflow: visible;
|
||||
font-size: 11px;
|
||||
text-align: left;
|
||||
text-transform: none;
|
||||
text-shadow: none;
|
||||
opacity: 1.0;
|
||||
border-radius: 0;
|
||||
-moz-border-radius: 0;
|
||||
-webkit-border-radius: 0;
|
||||
box-shadow: none;
|
||||
-moz-box-shadow: none;
|
||||
-webkit-box-shadow: none;
|
||||
}
|
||||
|
||||
#jappix_mini .jm_images {
|
||||
background-image: url(../img/sprites/mini.png);
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
|
||||
#jappix_mini .jm_images_animate {
|
||||
background-image: url(../img/sprites/animate.png);
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
|
||||
#jappix_mini a {
|
||||
text-decoration: none;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
#jappix_mini a:hover {
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
#jappix_mini div.jm_position {
|
||||
float: right;
|
||||
}
|
||||
|
||||
#jappix_mini a.jm_pane {
|
||||
background-color: #f4f4f4;
|
||||
background-position: 0 -100px;
|
||||
background-repeat: repeat-x;
|
||||
border-color: #999999;
|
||||
border-style: solid;
|
||||
border-width: 1px 1px 0 1px;
|
||||
font-weight: bold;
|
||||
outline-style: none;
|
||||
display: block;
|
||||
padding: 6px;
|
||||
height: 13px;
|
||||
}
|
||||
|
||||
#jappix_mini a.jm_pane:hover {
|
||||
background: white;
|
||||
}
|
||||
|
||||
#jappix_mini a.jm_pane:hover,
|
||||
#jappix_mini a.jm_pane:focus {
|
||||
border-color: #666666;
|
||||
}
|
||||
|
||||
#jappix_mini div.jm_starter,
|
||||
#jappix_mini div.jm_conversations,
|
||||
#jappix_mini div.jm_conversation {
|
||||
float: left;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
#jappix_mini div.jm_conversation {
|
||||
width: 153px;
|
||||
}
|
||||
|
||||
#jappix_mini a.jm_chat-tab {
|
||||
border-width: 1px 0 0 1px;
|
||||
width: 140px;
|
||||
float: right;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
#jappix_mini a.jm_chat-tab.jm_clicked {
|
||||
background: white;
|
||||
position: relative;
|
||||
border-top: none;
|
||||
border-left: 1px solid #999999;
|
||||
padding-top: 7px;
|
||||
}
|
||||
|
||||
#jappix_mini a.jm_chat-tab span.jm_notify {
|
||||
position: absolute;
|
||||
top: 6px;
|
||||
right: 9px;
|
||||
}
|
||||
|
||||
#jappix_mini a.jm_chat-tab span.jm_notify span {
|
||||
float: left;
|
||||
}
|
||||
|
||||
#jappix_mini a.jm_chat-tab span.jm_notify span.jm_notify_left {
|
||||
background-position: 0 -360px;
|
||||
}
|
||||
|
||||
#jappix_mini a.jm_chat-tab span.jm_notify span.jm_notify_right {
|
||||
background-position: -7px -360px;
|
||||
}
|
||||
|
||||
#jappix_mini a.jm_chat-tab span.jm_notify span.jm_notify_left,
|
||||
#jappix_mini a.jm_chat-tab span.jm_notify span.jm_notify_right {
|
||||
height: 16px;
|
||||
width: 7px;
|
||||
}
|
||||
|
||||
#jappix_mini a.jm_chat-tab span.jm_notify span.jm_notify_middle {
|
||||
background-color: #c60505;
|
||||
color: white;
|
||||
font-size: 0.85em;
|
||||
height: 14px;
|
||||
padding-top: 2px;
|
||||
}
|
||||
|
||||
#jappix_mini div.jm_conversation.jm_type_groupchat span.jm_name {
|
||||
margin-left: 4px;
|
||||
}
|
||||
|
||||
#jappix_mini div.jm_chat-content {
|
||||
background-color: white;
|
||||
border: 1px solid #999999;
|
||||
height: 300px;
|
||||
width: 260px;
|
||||
position: absolute;
|
||||
right: -1px;
|
||||
bottom: 25px;
|
||||
display: none;
|
||||
}
|
||||
|
||||
#jappix_mini div.jm_actions {
|
||||
background-color: #565d5e;
|
||||
border-bottom: 1px solid #3a3a3a;
|
||||
height: 14px;
|
||||
padding: 4px 6px;
|
||||
font-weight: bold;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
#jappix_mini div.jm_actions span.jm_nick {
|
||||
color: white;
|
||||
height: 16px;
|
||||
width: 225px;
|
||||
overflow: hidden;
|
||||
float: left;
|
||||
}
|
||||
|
||||
#jappix_mini div.jm_actions a.jm_one-action {
|
||||
background-color: #727879;
|
||||
margin: 0 -2px 0 5px;
|
||||
height: 15px;
|
||||
width: 15px;
|
||||
outline-style: none;
|
||||
float: right;
|
||||
}
|
||||
|
||||
#jappix_mini div.jm_actions a.jm_one-action:hover,
|
||||
#jappix_mini div.jm_actions a.jm_one-action:focus {
|
||||
background-color: #7f8788;
|
||||
}
|
||||
|
||||
#jappix_mini div.jm_actions a.jm_one-action:active {
|
||||
background-color: #8c9293;
|
||||
}
|
||||
|
||||
#jappix_mini div.jm_actions a.jm_logo {
|
||||
background-position: 7px 2px;
|
||||
width: 81px;
|
||||
height: 22px;
|
||||
margin: -4px 0 0 -2px;
|
||||
outline-style: none;
|
||||
float: left;
|
||||
}
|
||||
|
||||
#jappix_mini div.jm_actions a.jm_logo:hover,
|
||||
#jappix_mini div.jm_actions a.jm_logo:focus {
|
||||
background-color: #636a6b;
|
||||
}
|
||||
|
||||
#jappix_mini div.jm_actions a.jm_logo:active {
|
||||
background-color: #707677;
|
||||
}
|
||||
|
||||
#jappix_mini div.jm_actions a.jm_close {
|
||||
background-position: 1px -341px;
|
||||
}
|
||||
|
||||
#jappix_mini div.jm_actions a.jm_join {
|
||||
background-position: 0 -327px;
|
||||
}
|
||||
|
||||
#jappix_mini div.jm_received-messages {
|
||||
background-color: white;
|
||||
padding: 5px 0 4px;
|
||||
height: 242px;
|
||||
overflow: auto;
|
||||
}
|
||||
|
||||
#jappix_mini div.jm_received-messages p {
|
||||
margin: 3px 0;
|
||||
word-wrap: break-word;
|
||||
}
|
||||
|
||||
#jappix_mini div.jm_received-messages p,
|
||||
#jappix_mini div.jm_received-messages a {
|
||||
color: black !important;
|
||||
}
|
||||
|
||||
#jappix_mini div.jm_received-messages div.jm_group {
|
||||
margin: 2px 6px 9px 6px;
|
||||
padding-bottom: 8px;
|
||||
border-bottom: 1px solid #eaeaea;
|
||||
}
|
||||
|
||||
#jappix_mini div.jm_received-messages div.jm_system-message p,
|
||||
#jappix_mini div.jm_received-messages div.jm_system-message a {
|
||||
color: #053805 !important;
|
||||
font-style: italic !important;
|
||||
}
|
||||
|
||||
#jappix_mini div.jm_received-messages p a {
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
#jappix_mini div.jm_received-messages b {
|
||||
margin-bottom: 3px;
|
||||
display: block;
|
||||
}
|
||||
|
||||
#jappix_mini div.jm_received-messages b.jm_me {
|
||||
color: #123a5c;
|
||||
}
|
||||
|
||||
#jappix_mini div.jm_received-messages b.jm_him {
|
||||
color: #801e1e;
|
||||
}
|
||||
|
||||
#jappix_mini div.jm_received-messages span.jm_date {
|
||||
font-size: 0.8em;
|
||||
float: right;
|
||||
display: none;
|
||||
}
|
||||
|
||||
#jappix_mini div.jm_received-messages div.jm_group:hover span.jm_date {
|
||||
display: block;
|
||||
}
|
||||
|
||||
#jappix_mini input.jm_send-messages {
|
||||
background-color: white;
|
||||
border-color: #999999;
|
||||
border-style: solid;
|
||||
border-width: 1px 0 0 0;
|
||||
padding: 5px;
|
||||
width: 250px;
|
||||
min-height: 14px;
|
||||
}
|
||||
|
||||
#jappix_mini div.jm_disabled div.jm_chat-content,
|
||||
#jappix_mini div.jm_disabled input.jm_send-messages,
|
||||
#jappix_mini div.jm_disabled a.jm_pane {
|
||||
background: #f3f3f3 !important;
|
||||
}
|
||||
|
||||
#jappix_mini div.jm_disabled input.jm_send-messages {
|
||||
color: #9d9d9d;
|
||||
}
|
||||
|
||||
#jappix_mini div.jm_roster {
|
||||
background-color: white;
|
||||
border: 1px solid #999999;
|
||||
width: 160px;
|
||||
position: absolute;
|
||||
right: 0;
|
||||
bottom: 25px;
|
||||
display: none;
|
||||
}
|
||||
|
||||
#jappix_mini div.jm_roster div.jm_buddies {
|
||||
width: 100%;
|
||||
max-height: 300px;
|
||||
padding: 5px 0;
|
||||
overflow: auto;
|
||||
}
|
||||
|
||||
#jappix_mini div.jm_roster div.jm_grouped {
|
||||
margin: 2px 0;
|
||||
}
|
||||
|
||||
#jappix_mini div.jm_roster div.jm_grouped div.jm_name {
|
||||
margin-bottom: 2px;
|
||||
padding: 4px 8px 0;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
#jappix_mini a.jm_friend {
|
||||
border-color: white;
|
||||
border-style: solid;
|
||||
border-width: 1px 0;
|
||||
outline-style: none;
|
||||
padding: 6px;
|
||||
display: block;
|
||||
}
|
||||
|
||||
#jappix_mini a.jm_friend.jm_offline {
|
||||
display: none;
|
||||
}
|
||||
|
||||
#jappix_mini a.jm_friend:hover,
|
||||
#jappix_mini a.jm_friend:focus {
|
||||
background-color: #888888;
|
||||
border-color: #494949;
|
||||
color: white;
|
||||
}
|
||||
|
||||
#jappix_mini a.jm_friend:hover span.jm_presence,
|
||||
#jappix_mini a.jm_friend:focus span.jm_presence {
|
||||
background-position: 0 -84px;
|
||||
}
|
||||
|
||||
#jappix_mini a.jm_button {
|
||||
padding: 6px 10px;
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
#jappix_mini a.jm_button.jm_clicked {
|
||||
background: white;
|
||||
border-top: none;
|
||||
border-left: 1px solid #999999;
|
||||
border-right: 1px solid #999999;
|
||||
padding: 7px 10px 6px 10px;
|
||||
}
|
||||
|
||||
#jappix_mini span.jm_animate {
|
||||
background-position: 0 0;
|
||||
width: 111px;
|
||||
height: 102px;
|
||||
position: absolute;
|
||||
top: -100px;
|
||||
left: -74px;
|
||||
z-index: 1;
|
||||
display: block;
|
||||
}
|
||||
|
||||
#jappix_mini span.jm_counter {
|
||||
background-position: 0 -288px;
|
||||
color: #333333;
|
||||
height: 16px;
|
||||
padding-left: 25px;
|
||||
display: block;
|
||||
}
|
||||
|
||||
#jappix_mini span.jm_counter.jm_error {
|
||||
background-position: 0 -305px;
|
||||
}
|
||||
|
||||
#jappix_mini span.jm_presence {
|
||||
display: block;
|
||||
height: 16px;
|
||||
width: 16px;
|
||||
margin-right: 4px;
|
||||
float: left;
|
||||
}
|
||||
|
||||
#jappix_mini span.jm_name {
|
||||
color: #272727;
|
||||
height: 14px;
|
||||
width: 105px;
|
||||
overflow: hidden;
|
||||
float: left;
|
||||
}
|
||||
|
||||
#jappix_mini .jm_available,
|
||||
#jappix_mini .jm_chat {
|
||||
background-position: 0 -20px;
|
||||
}
|
||||
|
||||
#jappix_mini .jm_away {
|
||||
background-position: 0 -36px;
|
||||
}
|
||||
|
||||
#jappix_mini .jm_xa,
|
||||
#jappix_mini .jm_dnd {
|
||||
background-position: 0 -52px;
|
||||
}
|
||||
|
||||
#jappix_mini .jm_unavailable {
|
||||
background-position: 0 -68px;
|
||||
}
|
||||
|
||||
#jappix_mini .jm_smiley {
|
||||
border: 0 none;
|
||||
height: 16px;
|
||||
width: 16px;
|
||||
vertical-align: bottom;
|
||||
}
|
||||
|
||||
#jappix_mini .jm_smiley-wink {
|
||||
background-position: 0 -148px;
|
||||
}
|
||||
|
||||
#jappix_mini .jm_smiley-waii {
|
||||
background-position: 0 -164px;
|
||||
}
|
||||
|
||||
#jappix_mini .jm_smiley-unhappy {
|
||||
background-position: 0 -180px;
|
||||
}
|
||||
|
||||
#jappix_mini .jm_smiley-tongue {
|
||||
background-position: 0 -196px;
|
||||
}
|
||||
|
||||
#jappix_mini .jm_smiley-surprised {
|
||||
background-position: 0 -212px;
|
||||
}
|
||||
|
||||
#jappix_mini .jm_smiley-smile {
|
||||
background-position: 0 -228px;
|
||||
}
|
||||
|
||||
#jappix_mini .jm_smiley-happy {
|
||||
background-position: 0 -244px;
|
||||
}
|
||||
|
||||
#jappix_mini .jm_smiley-grin {
|
||||
background-position: 0 -260px;
|
||||
}
|
||||
|
||||
#jappix_popup {
|
||||
background: url(../img/others/blank.gif) repeat;
|
||||
position: fixed;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
z-index: 999;
|
||||
}
|
||||
|
||||
#jappix_popup div.jm_prompt {
|
||||
background-color: #565d5e;
|
||||
border: 1px solid #3a3a3a;
|
||||
width: 346px;
|
||||
position: fixed;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
margin-left: -175px;
|
||||
padding: 16px 2px 2px 2px;
|
||||
border-top-right-radius: 4px;
|
||||
border-top-left-radius: 4px;
|
||||
-moz-border-radius-topright: 4px;
|
||||
-moz-border-radius-topleft: 4px;
|
||||
-webkit-border-top-right-radius: 4px;
|
||||
-webkit-border-top-left-radius: 4px;
|
||||
box-shadow: 0 0 35px #232323;
|
||||
-moz-box-shadow: 0 0 35px #232323;
|
||||
-webkit-box-shadow: 0 0 35px #232323;
|
||||
}
|
||||
|
||||
#jappix_popup div.jm_prompt form {
|
||||
background-color: white;
|
||||
border: 1px solid #3a3a3a;
|
||||
width: 332px;
|
||||
padding: 6px;
|
||||
}
|
||||
|
||||
#jappix_popup div.jm_prompt form input {
|
||||
background-color: #f9f9f9;
|
||||
border: 1px solid #666666;
|
||||
font-size: 1.1em;
|
||||
padding: 1px 2px;
|
||||
}
|
||||
|
||||
#jappix_popup div.jm_prompt form input:hover,
|
||||
#jappix_popup div.jm_prompt form input:focus {
|
||||
border: 1px solid #202020;
|
||||
}
|
||||
|
||||
#jappix_popup div.jm_prompt form input.jm_text {
|
||||
width: 326px;
|
||||
margin: 6px 0;
|
||||
display: block;
|
||||
}
|
||||
|
||||
#jappix_popup div.jm_prompt form input.jm_submit {
|
||||
text-align: center;
|
||||
margin-left: 3px;
|
||||
float: right;
|
||||
}
|
||||
|
||||
#jappix_popup div.jm_prompt form input.jm_submit:hover,
|
||||
#jappix_popup div.jm_prompt form input.jm_submit:focus {
|
||||
background-color: #f3f3f3;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
#jappix_popup div.jm_prompt form input.jm_submit:active {
|
||||
background-color: #e8e8e8;
|
||||
}
|
||||
|
||||
#jappix_popup div.jm_prompt div.jm_clear {
|
||||
clear: both;
|
||||
}
|
||||
288
jappixmini/jappix/css/mobile.css
Normal file
288
jappixmini/jappix/css/mobile.css
Normal file
|
|
@ -0,0 +1,288 @@
|
|||
/*
|
||||
|
||||
Jappix - An open social platform
|
||||
This is the Jappix Mobile CSS stylesheet
|
||||
|
||||
-------------------------------------------------
|
||||
|
||||
License: AGPL
|
||||
Author: Vanaryon
|
||||
Last revision: 05/10/11
|
||||
|
||||
*/
|
||||
|
||||
/* BEGIN GENERAL STYLE */
|
||||
|
||||
* {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
body {
|
||||
font: normal 14.4px Helvetica, Verdana, sans-serif;
|
||||
background-color: #dcdcdc;
|
||||
margin: 0 auto;
|
||||
text-align: center;
|
||||
min-width: 200px;
|
||||
min-height: 260px;
|
||||
}
|
||||
|
||||
a {
|
||||
color: black;
|
||||
}
|
||||
|
||||
/* END GENERAL STYLE */
|
||||
|
||||
/* BEGIN HEADER STYLE */
|
||||
|
||||
.header {
|
||||
background-color: #2d2d2d;
|
||||
border-bottom: 1px solid #6d6d6d;
|
||||
color: #405964;
|
||||
padding: 6px 0;
|
||||
height: 30px;
|
||||
}
|
||||
|
||||
.header div {
|
||||
background-position: 0 0;
|
||||
width: 83px;
|
||||
height: 30px;
|
||||
}
|
||||
|
||||
/* END HEADER STYLE */
|
||||
|
||||
/* BEGIN HOME STYLE */
|
||||
|
||||
#home .header div {
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
#home .notification {
|
||||
padding: 2px;
|
||||
margin-top: -1px;
|
||||
}
|
||||
|
||||
#noscript {
|
||||
background: #86a2ff;
|
||||
border-bottom: 1px solid #5890d6;
|
||||
color: #1e4b82;
|
||||
}
|
||||
|
||||
#error {
|
||||
background: #ff8686;
|
||||
border-bottom: 1px solid #d65858;
|
||||
color: #821e1e;
|
||||
display: none;
|
||||
}
|
||||
|
||||
#info {
|
||||
background: #f3eba7;
|
||||
border-bottom: 1px solid #d9d085;
|
||||
color: #5e5616;
|
||||
display: none;
|
||||
}
|
||||
|
||||
#home .login {
|
||||
padding: 8px 0;
|
||||
margin: 30px 0 30px 0;
|
||||
}
|
||||
|
||||
#home .login input {
|
||||
margin-top: 5px;
|
||||
padding: 2px;
|
||||
}
|
||||
|
||||
#home .login input.xid,
|
||||
#home .login input.password {
|
||||
display: block;
|
||||
margin: 4px auto;
|
||||
font-size: 0.85em;
|
||||
padding: 4px;
|
||||
background-color: white;
|
||||
border: 1px solid #636363;
|
||||
width: 150px;
|
||||
padding-left: 24px;
|
||||
}
|
||||
|
||||
#home .login input.xid {
|
||||
background-position: 4px -30px;
|
||||
}
|
||||
|
||||
#home .login input.password {
|
||||
background-position: 4px -53px;
|
||||
}
|
||||
|
||||
#home .login label {
|
||||
margin-bottom: 12px;
|
||||
display: block;
|
||||
}
|
||||
|
||||
#home .login label input {
|
||||
margin-right: 4px;
|
||||
}
|
||||
|
||||
#home a {
|
||||
font-size: 0.8em;
|
||||
}
|
||||
|
||||
/* END HOME STYLE */
|
||||
|
||||
/* BEGIN TALK STYLE */
|
||||
|
||||
#talk .header div,
|
||||
#chat .header div {
|
||||
float: left;
|
||||
margin-left: 7px;
|
||||
}
|
||||
|
||||
#talk .header button,
|
||||
#chat .header button {
|
||||
float: right;
|
||||
margin-right: 7px;
|
||||
padding: 2px;
|
||||
}
|
||||
|
||||
#talk a.one-buddy {
|
||||
display: none;
|
||||
background-color: #87a5ab;
|
||||
border-bottom: 1px solid #5b8088;
|
||||
text-shadow: 1px 1px 1px #5b8088;
|
||||
text-decoration: none;
|
||||
color: white;
|
||||
outline-style: none;
|
||||
padding: 10px 0;
|
||||
}
|
||||
|
||||
#talk a.one-buddy:hover {
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
#talk a.available,
|
||||
#talk a.chat {
|
||||
background-color: #83b187;
|
||||
border-bottom: 1px solid #4d8252;
|
||||
text-shadow: 1px 1px 1px #4d8252;
|
||||
}
|
||||
|
||||
#talk a.available:hover,
|
||||
#talk a.chat:hover,
|
||||
#talk a.available:focus,
|
||||
#talk a.chat:focus {
|
||||
background-color: #89c68e;
|
||||
}
|
||||
|
||||
#talk a.available:active,
|
||||
#talk a.chat:active {
|
||||
background-color: #90d496;
|
||||
}
|
||||
|
||||
#talk a.away {
|
||||
background-color: #e0be7b;
|
||||
border-bottom: 1px solid #ae8941;
|
||||
text-shadow: 1px 1px 1px #ae8941;
|
||||
}
|
||||
|
||||
#talk a.away:hover,
|
||||
#talk a.away:focus {
|
||||
background-color: #eac784;
|
||||
}
|
||||
|
||||
#talk a.away:active {
|
||||
background-color: #f3d294;
|
||||
}
|
||||
|
||||
#talk a.xa,
|
||||
#talk a.dnd {
|
||||
background-color: #db8989;
|
||||
border-bottom: 1px solid #a24343;
|
||||
text-shadow: 1px 1px 1px #a24343;
|
||||
}
|
||||
|
||||
#talk a.xa:hover,
|
||||
#talk a.dnd:hover,
|
||||
#talk a.xa:focus,
|
||||
#talk a.dnd:focus {
|
||||
background-color: #e89797;
|
||||
}
|
||||
|
||||
#talk a.xa:active,
|
||||
#talk a.dnd:active {
|
||||
background-color: #ef9f9f;
|
||||
}
|
||||
|
||||
/* END TALK STYLE */
|
||||
|
||||
/* BEGIN CHAT STYLE */
|
||||
|
||||
#chat {
|
||||
display: none;
|
||||
}
|
||||
|
||||
#chat .one-chat,
|
||||
#chat .one-chat p,
|
||||
#chat .one-chat div,
|
||||
#chat .one-chat input {
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
right: 0;
|
||||
}
|
||||
|
||||
#chat .one-chat {
|
||||
top: 43px;
|
||||
left: 0;
|
||||
}
|
||||
|
||||
#chat .one-chat p {
|
||||
background-color: #87a5ab;
|
||||
border-bottom: 1px solid #5b8088;
|
||||
text-shadow: 1px 1px 1px #5b8088;
|
||||
color: white;
|
||||
top: 0;
|
||||
left: 0;
|
||||
height: 18px;
|
||||
padding: 2px 0;
|
||||
font-size: 0.9em;
|
||||
}
|
||||
|
||||
#chat .one-chat div {
|
||||
border-bottom: 1px solid #cbcbcb;
|
||||
top: 23px;
|
||||
left: 0;
|
||||
bottom: 25px;
|
||||
overflow: auto;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
#chat .one-chat span {
|
||||
display: block;
|
||||
font-size: 0.85em;
|
||||
margin: 4px 6px;
|
||||
word-wrap: break-word;
|
||||
}
|
||||
|
||||
#chat .one-chat b {
|
||||
margin-right: 3px;
|
||||
}
|
||||
|
||||
#chat .one-chat b.me {
|
||||
color: #123a5c;
|
||||
}
|
||||
|
||||
#chat .one-chat b.him {
|
||||
color: #801e1e;
|
||||
}
|
||||
|
||||
#chat .one-chat input {
|
||||
background-color: white;
|
||||
bottom: 0;
|
||||
height: 25px;
|
||||
width: 100%;
|
||||
border: none;
|
||||
}
|
||||
|
||||
#chat .one-chat input.submit {
|
||||
right: 0;
|
||||
width: 35px;
|
||||
}
|
||||
|
||||
/* END CHAT STYLE */
|
||||
91
jappixmini/jappix/css/mucadmin.css
Normal file
91
jappixmini/jappix/css/mucadmin.css
Normal file
|
|
@ -0,0 +1,91 @@
|
|||
/*
|
||||
|
||||
Jappix - An open social platform
|
||||
This is the mucadmin CSS stylesheet for Jappix
|
||||
|
||||
-------------------------------------------------
|
||||
|
||||
License: AGPL
|
||||
Author: Vanaryon
|
||||
Last revision: 11/05/11
|
||||
|
||||
*/
|
||||
|
||||
#mucadmin .content {
|
||||
padding: 10px 0 10px 0;
|
||||
}
|
||||
|
||||
#mucadmin .content p {
|
||||
margin: 5px 10px 5px 10px;
|
||||
text-align: justify;
|
||||
}
|
||||
|
||||
#mucadmin .mucadmin-head-jid {
|
||||
text-decoration: underline;
|
||||
font-size: 0.9em;
|
||||
float: right;
|
||||
margin: 1px 4px 1px 1px;
|
||||
}
|
||||
|
||||
#mucadmin .mucadmin-forms {
|
||||
height: 310px;
|
||||
width: 620px;
|
||||
margin: -5px 0 0 10px;
|
||||
padding: 6px 0 0 0;
|
||||
overflow: auto;
|
||||
}
|
||||
|
||||
#mucadmin .mucadmin-forms label {
|
||||
width: 260px;
|
||||
}
|
||||
|
||||
#mucadmin .mucadmin-topic label,
|
||||
#mucadmin .mucadmin-aut label,
|
||||
#mucadmin .mucadmin-others label {
|
||||
font-size: 0.9em;
|
||||
}
|
||||
|
||||
#mucadmin .mucadmin-forms textarea {
|
||||
height: 60px;
|
||||
width: 300px;
|
||||
margin: 5px 12px 10px 0;
|
||||
}
|
||||
|
||||
#mucadmin .results {
|
||||
height: auto;
|
||||
width: auto;
|
||||
overflow: visible;
|
||||
margin: 5px;
|
||||
}
|
||||
|
||||
#mucadmin .aut-group {
|
||||
float: left;
|
||||
padding-bottom: 4px;
|
||||
}
|
||||
|
||||
#mucadmin .one-aut {
|
||||
clear: both;
|
||||
margin: 0 10px 5px 0;
|
||||
}
|
||||
|
||||
#mucadmin .aut-add {
|
||||
clear: both;
|
||||
float: left;
|
||||
margin-bottom: 5px;
|
||||
font-size: 0.9em;
|
||||
}
|
||||
|
||||
#mucadmin .aut-remove {
|
||||
float: left;
|
||||
}
|
||||
|
||||
#mucadmin .aut-remove:hover,
|
||||
#mucadmin .aut-remove:focus {
|
||||
font-weight: bold;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
#mucadmin .mucadmin-others a {
|
||||
float: left;
|
||||
font-size: 0.9em;
|
||||
}
|
||||
330
jappixmini/jappix/css/myinfos.css
Normal file
330
jappixmini/jappix/css/myinfos.css
Normal file
|
|
@ -0,0 +1,330 @@
|
|||
/*
|
||||
|
||||
Jappix - An open social platform
|
||||
This is the my-infos CSS stylesheet for Jappix
|
||||
|
||||
-------------------------------------------------
|
||||
|
||||
License: AGPL
|
||||
Author: Vanaryon
|
||||
Last revision: 31/08/11
|
||||
|
||||
*/
|
||||
|
||||
#my-infos {
|
||||
background-color: rgb(20,20,20);
|
||||
background-color: rgba(20,20,20,0.85);
|
||||
color: #919191;
|
||||
margin-top: 8px;
|
||||
padding: 15px 6px 6px 6px;
|
||||
border-radius: 4px;
|
||||
-moz-border-radius: 4px;
|
||||
-webkit-border-radius: 4px;
|
||||
box-shadow: 0 0 6px #5c5c5c;
|
||||
-moz-box-shadow: 0 0 6px #5c5c5c;
|
||||
-webkit-box-shadow: 0 0 6px #5c5c5c;
|
||||
}
|
||||
|
||||
#my-infos .content {
|
||||
background: #e8f1f3;
|
||||
background: -moz-linear-gradient(top, #e4edef, #e8f1f3);
|
||||
background: -webkit-gradient(linear, left top, left bottom, from(#e4edef), to(#e8f1f3));
|
||||
color: #919191;
|
||||
max-height: 140px;
|
||||
padding: 1px 0;
|
||||
border-radius: 3px;
|
||||
-moz-border-radius: 3px;
|
||||
-webkit-border-radius: 3px;
|
||||
}
|
||||
|
||||
#my-infos .element {
|
||||
height: 24px;
|
||||
margin: 6px 0;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
#my-infos .element .icon {
|
||||
background-color: white;
|
||||
border-color: #636363;
|
||||
border-width: 1px;
|
||||
border-style: solid;
|
||||
margin-left: 6px;
|
||||
height: 22px;
|
||||
width: 25px;
|
||||
border-radius: 2px;
|
||||
-moz-border-radius: 2px;
|
||||
-webkit-border-radius: 2px;
|
||||
}
|
||||
|
||||
#my-infos .element div.bubble a {
|
||||
width: 100%;
|
||||
height: 20px;
|
||||
}
|
||||
|
||||
#my-infos .element .icon:hover,
|
||||
#my-infos .element div.bubble a:hover {
|
||||
background-color: #f4f4f4;
|
||||
}
|
||||
|
||||
#my-infos .element .icon:active,
|
||||
#my-infos .element div.bubble a:active {
|
||||
background-color: #ededed;
|
||||
}
|
||||
|
||||
#my-infos .f-presence div.bubble a[data-value=available] {
|
||||
background-position: 4px -167px;
|
||||
}
|
||||
|
||||
#my-infos .f-presence div.bubble a[data-value=away] {
|
||||
background-position: 4px -183px;
|
||||
}
|
||||
|
||||
#my-infos .f-presence div.bubble a[data-value=xa] {
|
||||
background-position: 4px -199px;
|
||||
}
|
||||
|
||||
#my-infos .f-mood div.bubble a[data-value=crazy] {
|
||||
background-position: 4px -296px;
|
||||
}
|
||||
|
||||
#my-infos .f-mood div.bubble a[data-value=excited] {
|
||||
background-position: 4px -314px;
|
||||
}
|
||||
|
||||
#my-infos .f-mood div.bubble a[data-value=playful] {
|
||||
background-position: 4px -332px;
|
||||
}
|
||||
|
||||
#my-infos .f-mood div.bubble a[data-value=happy] {
|
||||
background-position: 4px -350px;
|
||||
}
|
||||
|
||||
#my-infos .f-mood div.bubble a[data-value=shocked] {
|
||||
background-position: 4px -368px;
|
||||
}
|
||||
|
||||
#my-infos .f-mood div.bubble a[data-value=hot] {
|
||||
background-position: 4px -386px;
|
||||
}
|
||||
|
||||
#my-infos .f-mood div.bubble a[data-value=sad] {
|
||||
background-position: 4px -404px;
|
||||
}
|
||||
|
||||
#my-infos .f-mood div.bubble a[data-value=amorous] {
|
||||
background-position: 4px -422px;
|
||||
}
|
||||
|
||||
#my-infos .f-mood div.bubble a[data-value=confident] {
|
||||
background-position: 4px -440px;
|
||||
}
|
||||
|
||||
#my-infos .f-mood a[data-value] span {
|
||||
background-position: 0 -352px;
|
||||
}
|
||||
|
||||
#my-infos .f-mood a[data-value=crazy] span,
|
||||
.mood-one {
|
||||
background-position: 0 -298px;
|
||||
}
|
||||
|
||||
#my-infos .f-mood a[data-value=excited] span,
|
||||
.mood-two {
|
||||
background-position: 0 -316px;
|
||||
}
|
||||
|
||||
#my-infos .f-mood a[data-value=playful] span,
|
||||
.mood-three {
|
||||
background-position: 0 -334px;
|
||||
}
|
||||
|
||||
#my-infos .f-mood a[data-value=happy] span,
|
||||
.mood-four {
|
||||
background-position: 0 -352px;
|
||||
}
|
||||
|
||||
#my-infos .f-mood a[data-value=shocked] span,
|
||||
.mood-five {
|
||||
background-position: 0 -370px;
|
||||
}
|
||||
|
||||
#my-infos .f-mood a[data-value=hot] span,
|
||||
.mood-six {
|
||||
background-position: 0 -388px;
|
||||
}
|
||||
|
||||
#my-infos .f-mood a[data-value=sad] span,
|
||||
.mood-seven {
|
||||
background-position: 0 -406px;
|
||||
}
|
||||
|
||||
#my-infos .f-mood a[data-value=amorous] span,
|
||||
.mood-eight {
|
||||
background-position: 0 -424px;
|
||||
}
|
||||
|
||||
#my-infos .f-mood a[data-value=confident] span,
|
||||
.mood-nine {
|
||||
background-position: 0 -442px;
|
||||
}
|
||||
|
||||
#my-infos .f-activity div.bubble a[data-value=doing_chores] {
|
||||
background-position: 4px -458px;
|
||||
}
|
||||
|
||||
#my-infos .f-activity div.bubble a[data-value=drinking] {
|
||||
background-position: 4px -476px;
|
||||
}
|
||||
|
||||
#my-infos .f-activity div.bubble a[data-value=eating] {
|
||||
background-position: 4px -494px;
|
||||
}
|
||||
|
||||
#my-infos .f-activity div.bubble a[data-value=exercising] {
|
||||
background-position: 4px -512px;
|
||||
}
|
||||
|
||||
#my-infos .f-activity div.bubble a[data-value=grooming] {
|
||||
background-position: 4px -548px;
|
||||
}
|
||||
|
||||
#my-infos .f-activity div.bubble a[data-value=having_appointment] {
|
||||
background-position: 4px -566px;
|
||||
}
|
||||
|
||||
#my-infos .f-activity div.bubble a[data-value=inactive] {
|
||||
background-position: 4px -530px;
|
||||
}
|
||||
|
||||
#my-infos .f-activity div.bubble a[data-value=relaxing] {
|
||||
background-position: 4px -620px;
|
||||
}
|
||||
|
||||
#my-infos .f-activity div.bubble a[data-value=talking] {
|
||||
background-position: 4px -602px;
|
||||
}
|
||||
|
||||
#my-infos .f-activity div.bubble a[data-value=traveling] {
|
||||
background-position: 4px -584px;
|
||||
}
|
||||
|
||||
#my-infos .f-activity div.bubble a[data-value=working] {
|
||||
background-position: 4px -638px;
|
||||
}
|
||||
|
||||
#my-infos .f-activity a[data-value] span {
|
||||
background-position: 0 -514px;
|
||||
}
|
||||
|
||||
#my-infos .f-activity a[data-value=doing_chores] span,
|
||||
.activity-doing_chores {
|
||||
background-position: 0 -460px;
|
||||
}
|
||||
|
||||
#my-infos .f-activity a[data-value=drinking] span,
|
||||
.activity-drinking {
|
||||
background-position: 0 -478px;
|
||||
}
|
||||
|
||||
#my-infos .f-activity a[data-value=eating] span,
|
||||
.activity-eating {
|
||||
background-position: 0 -496px;
|
||||
}
|
||||
|
||||
#my-infos .f-activity a[data-value=exercising] span,
|
||||
.activity-exercising {
|
||||
background-position: 0 -514px;
|
||||
}
|
||||
|
||||
#my-infos .f-activity a[data-value=grooming] span,
|
||||
.activity-grooming {
|
||||
background-position: 0 -550px;
|
||||
}
|
||||
|
||||
#my-infos .f-activity a[data-value=having_appointment] span,
|
||||
.activity-having_appointment {
|
||||
background-position: 0 -568px;
|
||||
}
|
||||
|
||||
#my-infos .f-activity a[data-value=inactive] span,
|
||||
.activity-inactive {
|
||||
background-position: 0 -532px;
|
||||
}
|
||||
|
||||
#my-infos .f-activity a[data-value=relaxing] span,
|
||||
.activity-relaxing {
|
||||
background-position: 0 -622px;
|
||||
}
|
||||
|
||||
#my-infos .f-activity a[data-value=talking] span,
|
||||
.activity-talking {
|
||||
background-position: 0 -604px;
|
||||
}
|
||||
|
||||
#my-infos .f-activity a[data-value=traveling] span,
|
||||
.activity-traveling {
|
||||
background-position: 0 -586px;
|
||||
}
|
||||
|
||||
#my-infos .f-activity a[data-value=working] span,
|
||||
.activity-working {
|
||||
background-position: 0 -640px;
|
||||
}
|
||||
|
||||
#my-infos .element .icon.picker {
|
||||
border-width: 1px 0 1px 1px;
|
||||
border-top-right-radius: 0;
|
||||
border-bottom-right-radius: 0;
|
||||
-moz-border-radius-topright: 0;
|
||||
-moz-border-radius-bottomright: 0;
|
||||
-webkit-border-top-right-radius: 0;
|
||||
-webkit-border-bottom-right-radius: 0;
|
||||
}
|
||||
|
||||
#my-infos .element .icon.disabled {
|
||||
background-color: #f3f3f3;
|
||||
border-color: #989898;
|
||||
cursor: default;
|
||||
}
|
||||
|
||||
#my-infos .element div.bubble {
|
||||
background-color: white;
|
||||
border-color: #636363;
|
||||
border-width: 1px 1px 0 1px;
|
||||
border-style: solid;
|
||||
width: 25px;
|
||||
padding: 1px 0;
|
||||
position: absolute;
|
||||
bottom: 21px;
|
||||
left: 6px;
|
||||
border-top-left-radius: 2px;
|
||||
border-top-right-radius: 2px;
|
||||
-moz-border-radius-topleft: 2px;
|
||||
-moz-border-radius-topright: 2px;
|
||||
-webkit-border-top-left-radius: 2px;
|
||||
-webkit-border-top-right-radius: 2px;
|
||||
}
|
||||
|
||||
#my-infos .element a {
|
||||
float: left;
|
||||
}
|
||||
|
||||
#my-infos .element .icon span {
|
||||
height: 16px;
|
||||
width: 16px;
|
||||
margin: 3px 4px;
|
||||
display: block;
|
||||
}
|
||||
|
||||
#my-infos .element input {
|
||||
height: 18px;
|
||||
width: 190px;
|
||||
font-size: 0.85em;
|
||||
padding-left: 4px;
|
||||
border-top-left-radius: 0;
|
||||
border-bottom-left-radius: 0;
|
||||
-moz-border-radius-topleft: 0;
|
||||
-moz-border-radius-bottomleft: 0;
|
||||
-webkit-border-top-left-radius: 0;
|
||||
-webkit-border-top-bottom-radius: 0;
|
||||
}
|
||||
97
jappixmini/jappix/css/options.css
Normal file
97
jappixmini/jappix/css/options.css
Normal file
|
|
@ -0,0 +1,97 @@
|
|||
/*
|
||||
|
||||
Jappix - An open social platform
|
||||
This is the options CSS stylesheet for Jappix
|
||||
|
||||
-------------------------------------------------
|
||||
|
||||
License: AGPL
|
||||
Author: Vanaryon
|
||||
Last revision: 26/04/11
|
||||
|
||||
*/
|
||||
|
||||
#options label {
|
||||
width: 190px;
|
||||
font-size: 0.94em;
|
||||
}
|
||||
|
||||
#options .forms {
|
||||
width: 610px;
|
||||
height: 328px;
|
||||
margin: 15px 15px 15px 15px;
|
||||
float: left;
|
||||
}
|
||||
|
||||
#options .forms select {
|
||||
margin-top: -3px;
|
||||
min-width: 120px;
|
||||
float: left;
|
||||
}
|
||||
|
||||
#options .forms a.linked {
|
||||
font-size: 0.9em;
|
||||
float: left;
|
||||
}
|
||||
|
||||
#options fieldset.privacy {
|
||||
display: none;
|
||||
}
|
||||
|
||||
#options .sub-ask-delete, #options .sub-ask-pass, #options .sub-ask-pass-success {
|
||||
display: none;
|
||||
}
|
||||
|
||||
#options .sub-ask {
|
||||
display: none;
|
||||
width: 592px;
|
||||
padding: 8px;
|
||||
float: left;
|
||||
border: 1px #879da2 dotted;
|
||||
background: #cbdde1;
|
||||
}
|
||||
|
||||
#options .sub-ask-top {
|
||||
font-size: 0.9em;
|
||||
margin-top: -3px;
|
||||
}
|
||||
|
||||
#options .sub-ask-title {
|
||||
margin-bottom: 4px;
|
||||
float: left;
|
||||
}
|
||||
|
||||
#options .sub-ask-close {
|
||||
float: right;
|
||||
}
|
||||
|
||||
#options .sub-ask-close:hover {
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
#options .sub-ask-content {
|
||||
clear: both;
|
||||
height: 25px;
|
||||
font-size: 0.9em;
|
||||
border-top: 1px #416972 solid;
|
||||
padding: 12px 0;
|
||||
}
|
||||
|
||||
#options .sub-ask-content label {
|
||||
width: 125px;
|
||||
}
|
||||
|
||||
#options .sub-ask-content input {
|
||||
width: 125px;
|
||||
}
|
||||
|
||||
#options .sub-ask-bottom {
|
||||
clear: both;
|
||||
font-size: 0.9em;
|
||||
float: right;
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
#options .sub-ask-bottom:hover {
|
||||
cursor: pointer;
|
||||
}
|
||||
118
jappixmini/jappix/css/others.css
Normal file
118
jappixmini/jappix/css/others.css
Normal file
|
|
@ -0,0 +1,118 @@
|
|||
/*
|
||||
|
||||
Jappix - An open social platform
|
||||
This is the others CSS stylesheet for Jappix
|
||||
|
||||
-------------------------------------------------
|
||||
|
||||
License: AGPL
|
||||
Author: Vanaryon
|
||||
Last revision: 31/08/11
|
||||
|
||||
*/
|
||||
|
||||
#audio {
|
||||
display: none;
|
||||
}
|
||||
|
||||
#top-content {
|
||||
position: absolute;
|
||||
right: 5px;
|
||||
left: 5px;
|
||||
top: 0;
|
||||
min-width: 860px;
|
||||
z-index: 50;
|
||||
}
|
||||
|
||||
#main-content {
|
||||
position: absolute;
|
||||
top: 34px;
|
||||
left: 5px;
|
||||
right: 5px;
|
||||
bottom: 5px;
|
||||
min-width: 850px;
|
||||
min-height: 450px;
|
||||
}
|
||||
|
||||
#left-content {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
bottom: 0;
|
||||
width: 248px;
|
||||
}
|
||||
|
||||
#right-content {
|
||||
background-color: rgb(20,20,20);
|
||||
background-color: rgba(20,20,20,0.85);
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
left: 260px;
|
||||
z-index: 10;
|
||||
border-radius: 4px;
|
||||
-moz-border-radius: 4px;
|
||||
-webkit-border-radius: 4px;
|
||||
box-shadow: 0 0 6px #5c5c5c;
|
||||
-moz-box-shadow: 0 0 6px #5c5c5c;
|
||||
-webkit-box-shadow: 0 0 6px #5c5c5c;
|
||||
}
|
||||
|
||||
#general-wait {
|
||||
background: url(../img/others/blank.gif) repeat;
|
||||
z-index: 10000;
|
||||
position: fixed;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
}
|
||||
|
||||
.general-wait-content {
|
||||
background-color: rgb(255,255,255);
|
||||
background-color: rgba(255,255,255,0.9);
|
||||
background-position: 8px 8px;
|
||||
padding: 8px;
|
||||
position: absolute;
|
||||
right: 5px;
|
||||
bottom: 5px;
|
||||
border-radius: 4px;
|
||||
-moz-border-radius: 4px;
|
||||
-webkit-border-radius: 4px;
|
||||
box-shadow: 0 0 2px #000;
|
||||
-moz-box-shadow: 0 0 2px #000;
|
||||
-webkit-box-shadow: 0 0 2px #000;
|
||||
}
|
||||
|
||||
.inbox-hidable,
|
||||
.options-hidable,
|
||||
.pep-hidable,
|
||||
.pubsub-hidable,
|
||||
.archives-hidable,
|
||||
.commands-hidable,
|
||||
.privacy-hidable,
|
||||
.xmpplinks-hidable {
|
||||
display: none;
|
||||
}
|
||||
|
||||
#reconnect .pane {
|
||||
background-color: rgb(20,20,20);
|
||||
background-color: rgba(20,20,20,0.85);
|
||||
color: white;
|
||||
padding: 25px;
|
||||
z-index: 10000;
|
||||
text-shadow: 0 1px 1px black;
|
||||
position: absolute;
|
||||
left: 0;
|
||||
right: 0;
|
||||
top: 0;
|
||||
box-shadow: 0 0 35px #232323;
|
||||
-moz-box-shadow: 0 0 35px #232323;
|
||||
-webkit-box-shadow: 0 0 35px #232323;
|
||||
}
|
||||
|
||||
#reconnect .pane a {
|
||||
margin-top: -4px;
|
||||
float: right;
|
||||
}
|
||||
601
jappixmini/jappix/css/pageengine.css
Normal file
601
jappixmini/jappix/css/pageengine.css
Normal file
|
|
@ -0,0 +1,601 @@
|
|||
/*
|
||||
|
||||
Jappix - An open social platform
|
||||
This is the page-engine CSS stylesheet for Jappix
|
||||
|
||||
-------------------------------------------------
|
||||
|
||||
License: AGPL
|
||||
Author: Vanaryon
|
||||
Last revision: 31/08/11
|
||||
|
||||
*/
|
||||
|
||||
#page-engine {
|
||||
background-color: #f4f4f4;
|
||||
position: absolute;
|
||||
top: 40px;
|
||||
bottom: 6px;
|
||||
right: 6px;
|
||||
left: 6px;
|
||||
z-index: 8;
|
||||
border-radius: 3px;
|
||||
-moz-border-radius: 3px;
|
||||
-webkit-border-radius: 3px;
|
||||
}
|
||||
|
||||
#page-engine .top {
|
||||
background: #e8f1f3;
|
||||
background: -moz-linear-gradient(top, #e8f1f3, #dee8ea);
|
||||
background: -webkit-gradient(linear, left top, left bottom, from(#e8f1f3), to(#dee8ea));
|
||||
border-bottom: 1px solid #d0d0d0;
|
||||
color: black;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
padding: 6px;
|
||||
height: 80px;
|
||||
border-top-right-radius: 3px;
|
||||
border-top-left-radius: 3px;
|
||||
-moz-border-radius-topright: 3px;
|
||||
-moz-border-radius-topleft: 3px;
|
||||
-webkit-border-top-right-radius: 3px;
|
||||
-webkit-border-top-left-radius: 3px;
|
||||
}
|
||||
|
||||
#page-engine .top .avatar-container {
|
||||
text-align: center;
|
||||
margin: 2px 0 0 10px;
|
||||
height: 76px;
|
||||
width: 76px;
|
||||
float: left;
|
||||
}
|
||||
|
||||
#page-engine .top .avatar {
|
||||
max-height: 76px;
|
||||
max-width: 76px;
|
||||
}
|
||||
|
||||
#page-engine .top .name {
|
||||
text-align: right;
|
||||
padding: 7px;
|
||||
}
|
||||
|
||||
#page-engine p.bc-name {
|
||||
font-size: 2.3em;
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
|
||||
#page-engine p.bc-infos {
|
||||
font-size: 0.85em;
|
||||
height: 16px;
|
||||
overflow: hidden;
|
||||
position: absolute;
|
||||
left: 115px;
|
||||
right: 12px;
|
||||
}
|
||||
|
||||
#page-engine .page-engine-chan[data-type=groupchat] p.bc-infos {
|
||||
left: 12px;
|
||||
}
|
||||
|
||||
#page-engine p.bc-infos span.show {
|
||||
padding-left: 18px;
|
||||
}
|
||||
|
||||
#page-engine p.bc-infos a {
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
#page-engine div.bc-pep {
|
||||
float: right;
|
||||
}
|
||||
|
||||
#page-engine div.bc-pep a {
|
||||
height: 16px;
|
||||
width: 16px;
|
||||
margin-left: 4px;
|
||||
float: left;
|
||||
}
|
||||
|
||||
#page-engine div.bc-pep a:hover {
|
||||
cursor: default;
|
||||
}
|
||||
|
||||
#page-engine div.bc-pep a[href]:hover {
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
#page-engine .content,
|
||||
#page-engine .list {
|
||||
font-size: 0.9em;
|
||||
position: absolute;
|
||||
top: 93px;
|
||||
right: 0;
|
||||
bottom: 29px;
|
||||
overflow: auto;
|
||||
box-shadow: inset 0 3px 10px #e8e8e8;
|
||||
-moz-box-shadow: inset 0 3px 10px #e8e8e8;
|
||||
-webkit-box-shadow: inset 0 3px 10px #e8e8e8;
|
||||
}
|
||||
|
||||
#page-engine .content {
|
||||
left: 0;
|
||||
padding: 12px 14px 0;
|
||||
}
|
||||
|
||||
#page-engine .content a {
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
#page-engine .page-engine-chan {
|
||||
display: none;
|
||||
}
|
||||
|
||||
#page-engine .chat .content,
|
||||
#page-engine .chat .list {
|
||||
bottom: 93px;
|
||||
}
|
||||
|
||||
#page-engine .chat .content {
|
||||
padding-bottom: 24px;
|
||||
}
|
||||
|
||||
#page-engine .groupchat-content {
|
||||
padding-bottom: 16px !important;
|
||||
right: 191px !important;
|
||||
}
|
||||
|
||||
#page-engine .list {
|
||||
border-left: 1px solid #c8c8c8;
|
||||
padding: 8px 0 0;
|
||||
width: 190px;
|
||||
right: 0;
|
||||
}
|
||||
|
||||
#page-engine .list .role {
|
||||
display: none;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
#page-engine .list .title {
|
||||
font-weight: bold;
|
||||
color: #383838;
|
||||
margin-left: 8px;
|
||||
}
|
||||
|
||||
#page-engine .list .user {
|
||||
background: #eff2f2;
|
||||
background: -moz-linear-gradient(top, #eff2f2, #ecefef);
|
||||
background: -webkit-gradient(linear, left top, left bottom, from(#eff2f2), to(#ecefef));
|
||||
border-color: #c8c8c8;
|
||||
border-width: 1px 0;
|
||||
border-style: solid;
|
||||
color: #383838;
|
||||
margin-bottom: 3px;
|
||||
height: 32px;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
#page-engine .list .user:hover {
|
||||
background: #e9ecec;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
#page-engine .list .user:active {
|
||||
background: #e3e7e7;
|
||||
}
|
||||
|
||||
#page-engine .list .user.myself {
|
||||
background-color: #eff2f2;
|
||||
cursor: default;
|
||||
}
|
||||
|
||||
#page-engine .list .user .name {
|
||||
float: left;
|
||||
height: 18px;
|
||||
overflow: hidden;
|
||||
margin: 7px 0 7px 3px;
|
||||
padding-left: 18px;
|
||||
}
|
||||
|
||||
#page-engine .list .user .avatar-container {
|
||||
text-align: center;
|
||||
float: right;
|
||||
height: 32px;
|
||||
width: 32px;
|
||||
}
|
||||
|
||||
#page-engine .list .user .avatar {
|
||||
max-height: 32px;
|
||||
max-width: 32px;
|
||||
}
|
||||
|
||||
#page-engine .one-group,
|
||||
#archives .one-group {
|
||||
border-bottom: 1px dotted #d0d0d0;
|
||||
padding-bottom: 8px;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
#page-engine .one-line,
|
||||
#archives .one-line,
|
||||
#page-engine .one-group b.name,
|
||||
#archives .one-group b.name {
|
||||
padding-left: 50px;
|
||||
word-wrap: break-word;
|
||||
}
|
||||
|
||||
#page-engine .one-group b.name,
|
||||
#archives .one-group b.name {
|
||||
display: block;
|
||||
margin-bottom: 4px;
|
||||
}
|
||||
|
||||
#page-engine .one-group b.name.me,
|
||||
#archives .one-group b.name.me {
|
||||
color: #123a5c;
|
||||
}
|
||||
|
||||
#page-engine .one-group b.name.him,
|
||||
#archives .one-group b.name.him {
|
||||
color: #801e1e;
|
||||
}
|
||||
|
||||
#page-engine .one-group span.date,
|
||||
#archives .one-group span.date {
|
||||
float: right;
|
||||
font-size: 0.9em;
|
||||
}
|
||||
|
||||
#page-engine .one-group .avatar-container,
|
||||
#archives .one-group .avatar-container {
|
||||
text-align: center;
|
||||
margin: 4px 0 0 6px;
|
||||
height: 30px;
|
||||
width: 30px;
|
||||
float: left;
|
||||
}
|
||||
|
||||
#page-engine .one-group .avatar,
|
||||
#archives .one-group .avatar {
|
||||
max-height: 30px;
|
||||
max-width: 30px;
|
||||
}
|
||||
|
||||
#page-engine b.name.talk-images {
|
||||
background-position: 50px -99px;
|
||||
padding-left: 68px;
|
||||
}
|
||||
|
||||
#page-engine .user-message,
|
||||
#archives .user-message {
|
||||
margin-bottom: 3px;
|
||||
}
|
||||
|
||||
#page-engine .system-message {
|
||||
color: #053805 !important;
|
||||
margin-bottom: 3px !important;
|
||||
padding-left: 0 !important;
|
||||
}
|
||||
|
||||
#page-engine .system-message a {
|
||||
color: #053805 !important;
|
||||
}
|
||||
|
||||
#page-engine .system-message p.help b {
|
||||
margin-bottom: 5px;
|
||||
text-decoration: underline;
|
||||
display: block;
|
||||
}
|
||||
|
||||
#page-engine .system-message p.help em {
|
||||
width: 240px;
|
||||
text-decoration: underline;
|
||||
margin-left: 5px;
|
||||
float: left;
|
||||
}
|
||||
|
||||
#page-engine .my-nick {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
#page-engine .old-message {
|
||||
font-size: 11px !important;
|
||||
margin-bottom: 1px !important;
|
||||
}
|
||||
|
||||
#page-engine .chatstate {
|
||||
background-color: rgb(234,234,234);
|
||||
background-color: rgba(234,234,234,0.8);
|
||||
color: #2c2c2c;
|
||||
padding: 3px 10px 2px 8px;
|
||||
position: absolute;
|
||||
bottom: 93px;
|
||||
left: 0;
|
||||
font-size: 0.75em;
|
||||
border-top-right-radius: 3px;
|
||||
-moz-border-radius-topright: 3px;
|
||||
-webkit-border-top-right-radius: 3px;
|
||||
}
|
||||
|
||||
#page-engine .text {
|
||||
height: 93px;
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
}
|
||||
|
||||
#page-engine .footer {
|
||||
background: #e8f1f3;
|
||||
background: -moz-linear-gradient(top, #dee8ea, #e8f1f3);
|
||||
background: -webkit-gradient(linear, left top, left bottom, from(#dee8ea), to(#e8f1f3));
|
||||
border-color: #d0d0d0;
|
||||
border-width: 1px 0 0;
|
||||
border-style: solid;
|
||||
color: black;
|
||||
position: absolute;
|
||||
left: 0;
|
||||
right: 0;
|
||||
padding: 6px;
|
||||
height: 16px;
|
||||
}
|
||||
|
||||
#page-engine .chat .footer {
|
||||
border-width: 1px 0;
|
||||
position: static;
|
||||
}
|
||||
|
||||
#page-engine .chat-tools-content {
|
||||
height: 16px;
|
||||
width: 16px;
|
||||
margin-right: 8px;
|
||||
float: left;
|
||||
}
|
||||
|
||||
#page-engine .tools-tooltip {
|
||||
display: block;
|
||||
height: 16px;
|
||||
width: 16px;
|
||||
overflow: hidden;
|
||||
float: left;
|
||||
}
|
||||
|
||||
#page-engine .text .chat-tools-smileys {
|
||||
margin-left: 4px;
|
||||
}
|
||||
|
||||
#page-engine .text .chat-tools-file {
|
||||
display: none;
|
||||
}
|
||||
|
||||
#page-engine .text .chat-tools-file.mini .bubble-file {
|
||||
z-index: 39;
|
||||
}
|
||||
|
||||
#page-engine .text .chat-tools-file.mini .tooltip-subitem {
|
||||
width: 22px;
|
||||
height: 20px;
|
||||
}
|
||||
|
||||
#page-engine .text .chat-tools-file.mini .wait {
|
||||
margin: -2px 0 0 -1px;
|
||||
}
|
||||
|
||||
#page-engine .text .tools-smileys {
|
||||
background-position: 0 -388px;
|
||||
}
|
||||
|
||||
#page-engine .text .tools-style {
|
||||
background-position: 0 -700px;
|
||||
}
|
||||
|
||||
#page-engine .text .tools-file {
|
||||
background-position: 0 -1956px;
|
||||
}
|
||||
|
||||
#page-engine .text .tools-save {
|
||||
background-position: 0 -719px;
|
||||
}
|
||||
|
||||
#page-engine .text .tools-clear {
|
||||
background-position: 0 -739px;
|
||||
}
|
||||
|
||||
#page-engine .text .tools-infos,
|
||||
#channel .top div.shortcuts a.profile {
|
||||
background-position: 0 -758px;
|
||||
}
|
||||
|
||||
#page-engine .text .tools-add,
|
||||
#page-engine .text .tools-archives,
|
||||
#page-engine .text .tools-mucadmin {
|
||||
display: none;
|
||||
}
|
||||
|
||||
#page-engine .text .tools-mucadmin {
|
||||
background-position: 0 -777px;
|
||||
}
|
||||
|
||||
#page-engine .bubble-style label.bold {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
#page-engine .bubble-style label.italic {
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
#page-engine .bubble-style label.underline {
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
#page-engine .bubble-style a.color {
|
||||
height: 18px;
|
||||
width: 18px;
|
||||
border-color: white;
|
||||
border-width: 1px;
|
||||
border-style: solid;
|
||||
margin: 6px 5px 0 0;
|
||||
float: left;
|
||||
opacity: 0.6;
|
||||
border-radius: 3px;
|
||||
-moz-border-radius: 3px;
|
||||
-webkit-border-radius: 3px;
|
||||
box-shadow: 0 0 5px black;
|
||||
-moz-box-shadow: 0 0 5px black;
|
||||
-webkit-box-shadow: 0 0 5px black;
|
||||
}
|
||||
|
||||
#page-engine .bubble-style a.color:hover,
|
||||
#page-engine .bubble-style a.color:focus {
|
||||
opacity: 0.7;
|
||||
}
|
||||
|
||||
#page-engine .bubble-style a.color.selected {
|
||||
opacity: 1;
|
||||
border-color: #ffb20d;
|
||||
}
|
||||
|
||||
#page-engine .bubble-file .tooltip-subitem {
|
||||
width: 240px;
|
||||
}
|
||||
|
||||
#page-engine .bubble-file input[type=file] {
|
||||
width: 220px;
|
||||
}
|
||||
|
||||
#page-engine .bubble-file input[type=submit],
|
||||
#page-engine .bubble-file input[type=reset] {
|
||||
margin: 4px 4px 0 0;
|
||||
}
|
||||
|
||||
#page-engine .text .compose,
|
||||
#page-engine .muc-ask {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
}
|
||||
|
||||
#page-engine .text .compose {
|
||||
top: 29px;
|
||||
right: 12px;
|
||||
bottom: 12px;
|
||||
}
|
||||
|
||||
#page-engine .muc-ask {
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
}
|
||||
|
||||
#page-engine .text textarea {
|
||||
border: 1px solid #c8c8c8;
|
||||
padding: 5px;
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
font-size: 1.1em;
|
||||
border-radius: 3px;
|
||||
-moz-border-radius: 3px;
|
||||
-webkit-border-radius: 3px;
|
||||
border-top-right-radius: 0;
|
||||
border-top-left-radius: 0;
|
||||
-moz-border-radius-topright: 0;
|
||||
-moz-border-radius-topleft: 0;
|
||||
-webkit-border-top-right-radius: 0;
|
||||
-webkit-border-top-left-radius: 0;
|
||||
}
|
||||
|
||||
#page-engine .muc-ask {
|
||||
background-color: #e8f1f3;
|
||||
height: 64px;
|
||||
font-size: 0.9em;
|
||||
right: 0;
|
||||
z-index: 2;
|
||||
border-bottom-left-radius: 3px;
|
||||
border-bottom-right-radius: 3px;
|
||||
-moz-border-radius-bottomleft: 3px;
|
||||
-moz-border-radius-bottomright: 3px;
|
||||
-webkit-border-bottom-left-radius: 3px;
|
||||
-webkit-border-bottom-right-radius: 3px;
|
||||
}
|
||||
|
||||
#page-engine .muc-ask label {
|
||||
color: #224249;
|
||||
margin: 23px 10px 0 16px;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
#page-engine .muc-ask input {
|
||||
width: 200px;
|
||||
margin: 19px 10px 0 10px;
|
||||
padding: 3px;
|
||||
}
|
||||
|
||||
#page-engine .tooltip {
|
||||
position: absolute;
|
||||
bottom: 84px;
|
||||
margin-left: -13px;
|
||||
z-index: 40;
|
||||
font-size: 0.8em;
|
||||
color: white;
|
||||
}
|
||||
|
||||
#page-engine .tooltip a {
|
||||
color: white;
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
#page-engine .tooltip-subitem {
|
||||
background-color: rgb(0,0,0);
|
||||
background-color: rgba(0,0,0,0.8);
|
||||
padding: 10px;
|
||||
width: 200px;
|
||||
height: 110px;
|
||||
text-shadow: 0 1px 1px black;
|
||||
border-radius: 5px;
|
||||
-moz-border-radius: 5px;
|
||||
-webkit-border-radius: 5px;
|
||||
}
|
||||
|
||||
#page-engine .tooltip-subarrow {
|
||||
background-position: 0 -251px;
|
||||
opacity: 0.8;
|
||||
height: 10px;
|
||||
width: 18px;
|
||||
margin-left: 12px;
|
||||
}
|
||||
|
||||
#page-engine .tooltip .tooltip-top {
|
||||
margin-bottom: 8px;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
#page-engine .tooltip label {
|
||||
margin-bottom: 4px;
|
||||
float: left;
|
||||
clear: both;
|
||||
}
|
||||
|
||||
#page-engine .tooltip label input[type=checkbox] {
|
||||
margin: 0 6px 0 0;
|
||||
float: left;
|
||||
}
|
||||
|
||||
#page-engine .tooltip label.select {
|
||||
margin-top: 5px;
|
||||
}
|
||||
|
||||
#page-engine .tooltip input,
|
||||
#page-engine .tooltip select {
|
||||
float: left;
|
||||
}
|
||||
|
||||
#page-engine .tooltip select {
|
||||
width: 100px;
|
||||
}
|
||||
|
||||
#page-engine .tooltip .tooltip-actionlog:hover,
|
||||
#page-engine .tooltip .tooltip-actionlog:focus {
|
||||
cursor: pointer;
|
||||
text-decoration: underline;
|
||||
}
|
||||
209
jappixmini/jappix/css/pageswitch.css
Normal file
209
jappixmini/jappix/css/pageswitch.css
Normal file
|
|
@ -0,0 +1,209 @@
|
|||
/*
|
||||
|
||||
Jappix - An open social platform
|
||||
This is the page-switch CSS stylesheet for Jappix
|
||||
|
||||
-------------------------------------------------
|
||||
|
||||
License: AGPL
|
||||
Author: Vanaryon
|
||||
Last revision: 22/05/11
|
||||
|
||||
*/
|
||||
|
||||
#page-switch {
|
||||
position: absolute;
|
||||
top: 15px;
|
||||
left: 10px;
|
||||
right: 10px;
|
||||
z-index: 9;
|
||||
}
|
||||
|
||||
#page-switch .chans {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
right: 40px;
|
||||
top: 0;
|
||||
height: 25px;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
#page-switch .more {
|
||||
position: absolute;
|
||||
right: 0;
|
||||
top: 0;
|
||||
}
|
||||
|
||||
#page-switch .more-button {
|
||||
background-position: 6px -1372px;
|
||||
background-color: #d9e7ea;
|
||||
width: 7px;
|
||||
height: 17px;
|
||||
padding: 1px 6px;
|
||||
font-size: 0.9em;
|
||||
text-decoration: none;
|
||||
border-radius: 2px;
|
||||
-moz-border-radius: 2px;
|
||||
-webkit-border-radius: 2px;
|
||||
}
|
||||
|
||||
#page-switch .more-content {
|
||||
background-color: #d9e7ea;
|
||||
width: 200px;
|
||||
max-height: 400px;
|
||||
overflow: auto;
|
||||
position: absolute;
|
||||
margin: -2px 0 0 -181px;
|
||||
padding: 4px 0;
|
||||
font-size: 0.95em;
|
||||
border-top-left-radius: 3px;
|
||||
border-bottom-left-radius: 3px;
|
||||
border-bottom-right-radius: 3px;
|
||||
-moz-border-radius-topleft: 3px;
|
||||
-moz-border-radius-bottomleft: 3px;
|
||||
-moz-border-radius-bottomright: 3px;
|
||||
-webkit-border-top-left-radius: 3px;
|
||||
-webkit-border-bottom-left-radius: 3px;
|
||||
-webkit-border-bottom-right-radius: 3px;
|
||||
}
|
||||
|
||||
#page-switch .switcher {
|
||||
background-color: #d9e7ea;
|
||||
color: #17353b;
|
||||
height: 15px;
|
||||
padding: 5px 10px 5px 5px;
|
||||
margin: 0 2px;
|
||||
font-size: 0.85em;
|
||||
float: left;
|
||||
border-top-right-radius: 3px;
|
||||
border-top-left-radius: 3px;
|
||||
-moz-border-radius-topright: 3px;
|
||||
-moz-border-radius-topleft: 3px;
|
||||
-webkit-border-top-right-radius: 3px;
|
||||
-webkit-border-top-left-radius: 3px;
|
||||
}
|
||||
|
||||
#page-switch .more-content .switcher {
|
||||
background-color: #d9e7ea;
|
||||
float: none;
|
||||
margin: 0;
|
||||
font-size: 0.9em;
|
||||
border-radius: 0;
|
||||
-moz-border-radius: 0;
|
||||
-webkit-border-radius: 0;
|
||||
}
|
||||
|
||||
#page-switch .more-content .switcher .exit {
|
||||
display: block;
|
||||
}
|
||||
|
||||
#page-switch .more-button:hover,
|
||||
#page-switch .more-button:focus,
|
||||
#page-switch .switcher:hover,
|
||||
#page-switch .switcher:focus,
|
||||
#page-switch .more-content .switcher:hover,
|
||||
#page-switch .more-content .switcher:focus {
|
||||
background-color: #cedee1;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
#page-switch .more-button:active,
|
||||
#page-switch .switcher:active,
|
||||
#page-switch .more-content .switcher:active {
|
||||
background-color: #c3d3d7;
|
||||
}
|
||||
|
||||
#page-switch .switcher.activechan {
|
||||
background-color: #e8f1f3;
|
||||
}
|
||||
|
||||
#page-switch .more-content .switcher.activechan {
|
||||
background-color: #d1e0e3;
|
||||
}
|
||||
|
||||
#page-switch .icon {
|
||||
height: 16px;
|
||||
width: 16px;
|
||||
float: left;
|
||||
}
|
||||
|
||||
#page-switch .name {
|
||||
float: left;
|
||||
margin-left: 4px;
|
||||
max-height: 16px;
|
||||
max-width: 140px;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
#page-switch .exit {
|
||||
display: none;
|
||||
background-color: #bdd9dc;
|
||||
border: 1px solid #80aab0;
|
||||
color: #355e64;
|
||||
height: 14px;
|
||||
width: 13px;
|
||||
margin-left: 10px;
|
||||
font-size: 0.85em;
|
||||
text-align: center;
|
||||
text-decoration: none;
|
||||
float: right;
|
||||
border-radius: 2px;
|
||||
-moz-border-radius: 2px;
|
||||
-webkit-border-radius: 2px;
|
||||
}
|
||||
|
||||
#page-switch .exit:hover,
|
||||
#page-switch .exit:focus {
|
||||
background-color: #aac7cb;
|
||||
}
|
||||
|
||||
#page-switch .exit:active {
|
||||
background-color: #9bbdc1;
|
||||
}
|
||||
|
||||
#page-switch .activechan .exit {
|
||||
display: block;
|
||||
float: right;
|
||||
}
|
||||
|
||||
#page-switch .chan-newmessage {
|
||||
background-color: #f6edc3 !important;
|
||||
}
|
||||
|
||||
#page-switch .chan-newmessage:hover,
|
||||
#page-switch .chan-newmessage:focus {
|
||||
background-color: #f1eac0 !important;
|
||||
}
|
||||
|
||||
#page-switch .chan-newmessage:active {
|
||||
background-color: #ede4b8 !important;
|
||||
}
|
||||
|
||||
#page-switch .composing,
|
||||
#page-engine .list .user.composing {
|
||||
color: #217021 !important;
|
||||
}
|
||||
|
||||
#page-switch .paused,
|
||||
#page-switch .chan-unread .name,
|
||||
#page-engine .list .user.paused {
|
||||
color: #2431ac !important;
|
||||
}
|
||||
|
||||
#page-switch .active,
|
||||
#page-engine .list .user.active {
|
||||
color: #353535 !important;
|
||||
}
|
||||
|
||||
#page-switch .inactive,
|
||||
#page-engine .list .user.inactive {
|
||||
color: #585858 !important;
|
||||
}
|
||||
|
||||
#page-switch .gone {
|
||||
color: #851313 !important;
|
||||
}
|
||||
|
||||
#page-switch .channel .icon {
|
||||
background-position: 0 -55px;
|
||||
}
|
||||
612
jappixmini/jappix/css/popup.css
Normal file
612
jappixmini/jappix/css/popup.css
Normal file
|
|
@ -0,0 +1,612 @@
|
|||
/*
|
||||
|
||||
Jappix - An open social platform
|
||||
This is the popup CSS stylesheet for Jappix
|
||||
|
||||
-------------------------------------------------
|
||||
|
||||
License: AGPL
|
||||
Author: Vanaryon
|
||||
Last revision: 02/05/11
|
||||
|
||||
*/
|
||||
|
||||
.lock {
|
||||
background-color: rgb(0,0,0);
|
||||
background-color: rgba(0,0,0,0.6);
|
||||
left: 0;
|
||||
right: 0;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
position: fixed;
|
||||
z-index: 9999;
|
||||
}
|
||||
|
||||
.popup {
|
||||
background-color: rgb(20,20,20);
|
||||
background-color: rgba(20,20,20,0.95);
|
||||
margin-top: -250px;
|
||||
margin-left: -330px;
|
||||
width: 640px;
|
||||
height: 500px;
|
||||
padding: 0 10px;
|
||||
position: absolute;
|
||||
z-index: 10000;
|
||||
left: 50%;
|
||||
top: 50%;
|
||||
border-radius: 5px;
|
||||
-moz-border-radius: 5px;
|
||||
-webkit-border-radius: 5px;
|
||||
box-shadow: 0 0 35px #232323;
|
||||
-moz-box-shadow: 0 0 35px #232323;
|
||||
-webkit-box-shadow: 0 0 35px #232323;
|
||||
}
|
||||
|
||||
.popup.large {
|
||||
margin-left: -460px;
|
||||
width: 920px;
|
||||
}
|
||||
|
||||
.popup .top {
|
||||
width: 600px;
|
||||
height: 45px;
|
||||
font-size: 1.2em;
|
||||
padding-top: 9px;
|
||||
color: white;
|
||||
margin: 14px 0 0 40px;
|
||||
text-transform: uppercase;
|
||||
text-decoration: none;
|
||||
font-weight: bold;
|
||||
text-shadow: 0 2px 2px black;
|
||||
}
|
||||
|
||||
.popup .tab {
|
||||
width: 620px;
|
||||
height: 25px;
|
||||
margin: -5px 10px 0 10px;
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
.popup .tab a {
|
||||
background-color: #d9e7ea;
|
||||
color: #204249;
|
||||
width: 180px;
|
||||
height: 17px;
|
||||
padding: 4px 4px 4px 16px;
|
||||
margin-left: 5px;
|
||||
font-size: 0.94em;
|
||||
overflow: hidden;
|
||||
float: left;
|
||||
border-top-right-radius: 3px;
|
||||
border-top-left-radius: 3px;
|
||||
-moz-border-radius-topright: 3px;
|
||||
-moz-border-radius-topleft: 3px;
|
||||
-webkit-border-top-right-radius: 3px;
|
||||
-webkit-border-top-left-radius: 3px;
|
||||
}
|
||||
|
||||
.popup .tab a:hover,
|
||||
.popup .tab a:focus {
|
||||
background-color: #cedee1;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.popup .tab a:active {
|
||||
background-color: #c3d3d7;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.popup .tab a.tab-active {
|
||||
background-color: #e4eef9 !important;
|
||||
}
|
||||
|
||||
.popup .one-lap {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.popup .one-lap.lap-active {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.popup .content {
|
||||
background: #e4eef9;
|
||||
background: -moz-linear-gradient(top, #e4eef9, #D0E5FA);
|
||||
background: -webkit-gradient(linear, left top, left bottom, from(#e4eef9), to(#D0E5FA));
|
||||
height: 358px;
|
||||
width: 640px;
|
||||
position: absolute;
|
||||
left: 10px;
|
||||
border-radius: 3px;
|
||||
-moz-border-radius: 3px;
|
||||
-webkit-border-radius: 3px;
|
||||
box-shadow: 0 0 20px black;
|
||||
-moz-box-shadow: 0 0 20px black;
|
||||
-webkit-box-shadow: 0 0 20px black;
|
||||
}
|
||||
|
||||
.popup .content,
|
||||
.popup .content a {
|
||||
color: #112a2f;
|
||||
}
|
||||
|
||||
.popup.large div.comments {
|
||||
background-color: #f4f4f4;
|
||||
width: 272px;
|
||||
margin: 0;
|
||||
position: absolute;
|
||||
right: 10px;
|
||||
top: 63px;
|
||||
bottom: 10px;
|
||||
overflow-x: hidden;
|
||||
overflow-y: auto;
|
||||
border-radius: 3px;
|
||||
-moz-border-radius: 3px;
|
||||
-webkit-border-radius: 3px;
|
||||
}
|
||||
|
||||
.popup.large div.comments div.comments-content {
|
||||
font-size: 0.8em;
|
||||
}
|
||||
|
||||
.popup.large div.comments input {
|
||||
width: 185px;
|
||||
min-width: 0;
|
||||
}
|
||||
|
||||
.popup.large div.comments .one-comment {
|
||||
padding-bottom: 4px;
|
||||
}
|
||||
|
||||
.popup.large div.comments .one-comment a {
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
.popup.large div.comments div.comments-content {
|
||||
border-top-right-radius: 3px;
|
||||
border-top-left-radius: 3px;
|
||||
-moz-border-radius-topright: 3px;
|
||||
-moz-border-radius-topleft: 3px;
|
||||
-webkit-border-top-right-radius: 3px;
|
||||
-webkit-border-top-left-radius: 3px;
|
||||
}
|
||||
|
||||
.popup .head {
|
||||
background: #f1f6fd;
|
||||
border: 1px #9dc4fc solid;
|
||||
width: 606px;
|
||||
height: 24px;
|
||||
margin: 0 10px 10px 10px;
|
||||
padding: 6px;
|
||||
}
|
||||
|
||||
.popup .head-text {
|
||||
float: left;
|
||||
font-size: 0.9em;
|
||||
margin: 3px;
|
||||
}
|
||||
|
||||
.popup .head-actions {
|
||||
float: right;
|
||||
margin-top: 2px;
|
||||
}
|
||||
|
||||
.popup .head-actions a {
|
||||
font-size: 0.9em;
|
||||
margin: 0 4px;
|
||||
}
|
||||
|
||||
.popup .actions a {
|
||||
color: #30575f;
|
||||
font-size: 0.9em;
|
||||
margin-left: 5px;
|
||||
}
|
||||
|
||||
.popup .head .head-input {
|
||||
float: right;
|
||||
width: 200px;
|
||||
padding: 2px;
|
||||
}
|
||||
|
||||
.popup .head .head-select {
|
||||
float: right;
|
||||
height: 24px;
|
||||
}
|
||||
|
||||
.popup .forms {
|
||||
width: 390px;
|
||||
height: 328px;
|
||||
margin: 15px;
|
||||
float: left;
|
||||
}
|
||||
|
||||
.popup fieldset {
|
||||
border: 1px #547177 solid;
|
||||
margin: 0 0 15px 0;
|
||||
padding: 8px 2px 3px 2px;
|
||||
border-radius: 3px;
|
||||
-moz-border-radius: 3px;
|
||||
-webkit-border-radius: 3px;
|
||||
}
|
||||
|
||||
.popup legend {
|
||||
font-size: 0.9em;
|
||||
margin: 0 0 0 15px;
|
||||
padding: 0 2px;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
|
||||
.popup label {
|
||||
color: #1b1b1b;
|
||||
width: 150px;
|
||||
margin: 0 0 10px 12px;
|
||||
clear: both;
|
||||
float: left;
|
||||
}
|
||||
|
||||
.popup input,
|
||||
.popup select {
|
||||
margin: 0 10px 10px 0;
|
||||
float: left;
|
||||
}
|
||||
|
||||
.popup input[type=text] {
|
||||
min-width: 174px;
|
||||
}
|
||||
|
||||
.popup select {
|
||||
min-height: 20px;
|
||||
}
|
||||
|
||||
.popup .results {
|
||||
height: 310px;
|
||||
width: 620px;
|
||||
margin: -5px 0 0 10px;
|
||||
padding: 6px 0 0 0;
|
||||
overflow: auto;
|
||||
}
|
||||
|
||||
.popup .results .no-results {
|
||||
margin: 6px 0;
|
||||
font-size: 0.85em;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.popup .results label {
|
||||
width: 180px;
|
||||
margin: 6px 4px 4px 4px;
|
||||
}
|
||||
|
||||
.popup .results input,
|
||||
.popup .results textarea,
|
||||
.popup .results select {
|
||||
margin: 4px;
|
||||
}
|
||||
|
||||
.popup .results input,
|
||||
.popup .results select {
|
||||
min-width: 180px;
|
||||
}
|
||||
|
||||
.popup .results input[type=checkbox],
|
||||
.popup .results input[type=radio] {
|
||||
margin-top: 7px;
|
||||
}
|
||||
|
||||
.popup .results textarea {
|
||||
width: 380px;
|
||||
}
|
||||
|
||||
.popup .results .avatar-container {
|
||||
float: left;
|
||||
width: 60px;
|
||||
height: 60px;
|
||||
margin: 5px 12px 5px 9px;
|
||||
text-align: center;
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
|
||||
.popup .results img.avatar {
|
||||
max-width: 60px;
|
||||
max-height: 60px;
|
||||
}
|
||||
|
||||
.popup .results .one-icon {
|
||||
height: 16px;
|
||||
width: 16px;
|
||||
margin: 10px 3px 0 8px;
|
||||
float: left;
|
||||
}
|
||||
|
||||
.popup .results .one-icon.account,
|
||||
.popup .results .one-icon.auth {
|
||||
background-position: 0 -777px;
|
||||
}
|
||||
|
||||
.popup .results .one-icon.automation,
|
||||
.popup .results .one-icon.client {
|
||||
background-position: 0 -1500px;
|
||||
}
|
||||
|
||||
.popup .results .one-icon.collaboration {
|
||||
background-position: 0 -1520px;
|
||||
}
|
||||
|
||||
.popup .results .one-icon.proxy,
|
||||
.popup .results .one-icon.server,
|
||||
.popup .results .one-icon.others {
|
||||
background-position: 0 -1540px;
|
||||
}
|
||||
|
||||
.popup .results .one-icon.component,
|
||||
.popup .results .one-icon.gateway {
|
||||
background-position: 0 -1560px;
|
||||
}
|
||||
|
||||
.popup .results .one-icon.conference {
|
||||
background-position: 0 -1082px;
|
||||
}
|
||||
|
||||
.popup .results .one-icon.directory {
|
||||
background-position: 0 -876px;
|
||||
}
|
||||
|
||||
.popup .results .one-icon.headline,
|
||||
.popup .results .one-icon.hierarchy {
|
||||
background-position: 0 -1580px;
|
||||
}
|
||||
|
||||
.popup .results .one-icon.pubsub,
|
||||
.popup .results .one-icon.store {
|
||||
background-position: 0 -1600px;
|
||||
}
|
||||
|
||||
.popup .results .one-icon.loading {
|
||||
background-position: 0 -1620px;
|
||||
}
|
||||
|
||||
.popup .results .one-icon.down {
|
||||
background-position: 0 -1640px;
|
||||
}
|
||||
|
||||
.popup .results .one-host {
|
||||
font-weight: bold;
|
||||
width: 170px;
|
||||
}
|
||||
|
||||
.popup .results .one-type {
|
||||
width: 210px;
|
||||
}
|
||||
|
||||
.popup .results .one-type,
|
||||
.popup .results .one-host {
|
||||
float: left;
|
||||
overflow: hidden;
|
||||
margin: 9px 8px;
|
||||
}
|
||||
|
||||
.popup .results .one-jid,
|
||||
.popup .results .one-ctry,
|
||||
.popup .results .one-fn {
|
||||
margin: 4px;
|
||||
width: 400px;
|
||||
}
|
||||
|
||||
.popup .results .one-fn {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.popup .results .one-jid {
|
||||
margin-top: 8px;
|
||||
font-size: 0.9em;
|
||||
}
|
||||
|
||||
.popup .results .one-name {
|
||||
float: left;
|
||||
margin: 4px;
|
||||
}
|
||||
|
||||
.popup a.one-button {
|
||||
display: none;
|
||||
background-color: #f1f6fd;
|
||||
border: 1px solid #b9cbcf;
|
||||
margin-top: 1px;
|
||||
padding: 4px 8px;
|
||||
text-decoration: none;
|
||||
border-radius: 2px;
|
||||
-moz-border-radius: 2px;
|
||||
-webkit-border-radius: 2px;
|
||||
}
|
||||
|
||||
.popup a.one-button:hover,
|
||||
.popup a.one-button:focus {
|
||||
border: 1px solid #95b1b7;
|
||||
}
|
||||
|
||||
.popup a.one-button:active {
|
||||
border: 1px solid #77989f;
|
||||
}
|
||||
|
||||
.popup .results .oneresult:hover a.one-button {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.popup .results a.one-button,
|
||||
#inbox .one-message a.one-button {
|
||||
float: right;
|
||||
padding: 3px 6px;
|
||||
margin-right: 4px;
|
||||
}
|
||||
|
||||
.popup .results a.one-vjud {
|
||||
position: absolute;
|
||||
right: 4px;
|
||||
}
|
||||
|
||||
.popup .results a.one-add {
|
||||
top: 8px;
|
||||
}
|
||||
|
||||
.popup .results a.one-chat {
|
||||
top: 42px;
|
||||
}
|
||||
|
||||
.popup .results .one-next {
|
||||
float: right;
|
||||
margin: 4px 8px 4px 4px;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.popup .results .one-actions {
|
||||
width: 148px;
|
||||
margin: 4px;
|
||||
float: left;
|
||||
}
|
||||
|
||||
.popup .results .one-actions a {
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
padding: 2px 2px 4px 5px !important;
|
||||
margin-top: 2px;
|
||||
}
|
||||
|
||||
.popup .results .one-actions a.browse {
|
||||
background-position: 3px -1396px;
|
||||
}
|
||||
|
||||
.popup .results .one-actions a.command {
|
||||
background-position: 3px -1415px;
|
||||
}
|
||||
|
||||
.popup .results .one-actions a.subscribe {
|
||||
background-position: 4px -1435px;
|
||||
}
|
||||
|
||||
.popup .results .one-actions a.join {
|
||||
background-position: 3px -1455px;
|
||||
}
|
||||
|
||||
.popup .results .one-actions a.search {
|
||||
background-position: 4px -1475px;
|
||||
}
|
||||
|
||||
.popup .results a.submit,
|
||||
.popup .results a.cancel,
|
||||
.popup .results a.back {
|
||||
margin-right: 8px;
|
||||
float: right;
|
||||
}
|
||||
|
||||
.popup .onetitle {
|
||||
font-size: 0.9em;
|
||||
padding: 4px;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.popup .oneinstructions {
|
||||
font-size: 0.9em;
|
||||
padding: 4px;
|
||||
margin: 8px 0;
|
||||
}
|
||||
|
||||
.popup .oneresult {
|
||||
font-size: 0.9em;
|
||||
padding: 3px 0 4px 4px;
|
||||
border-bottom: 1px #9dc4fc solid;
|
||||
overflow: hidden;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.popup .oneresult:hover {
|
||||
background: #e9f1fd;
|
||||
}
|
||||
|
||||
.popup .oneresult[onclick]:hover {
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.popup .oneresult[onclick]:active {
|
||||
background: #f1f6fd;
|
||||
}
|
||||
|
||||
.popup .infos {
|
||||
background-color: rgb(255,239,104);
|
||||
background-color: rgba(255,239,104,0.8);
|
||||
border: 1px #decb2f solid;
|
||||
color: #3f3f3f;
|
||||
padding: 8px;
|
||||
margin: 10px;
|
||||
font-size: 0.8em;
|
||||
}
|
||||
|
||||
.popup .infos p {
|
||||
margin-top: 10px;
|
||||
}
|
||||
|
||||
.popup .infos p.infos-title {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.popup .bottom {
|
||||
width: 640px;
|
||||
height: 40px;
|
||||
position: absolute;
|
||||
bottom: 8px;
|
||||
}
|
||||
|
||||
.popup .wait {
|
||||
display: none;
|
||||
margin: 8px 0 0 3px;
|
||||
float: left;
|
||||
}
|
||||
|
||||
a.finish {
|
||||
border: 1px solid white;
|
||||
background-color: rgb(255,255,255);
|
||||
background-color: rgba(255,255,255,0.1);
|
||||
color: white;
|
||||
padding: 4px 8px;
|
||||
margin-right: 7px;
|
||||
font-size: 0.95em;
|
||||
text-align: center;
|
||||
text-decoration: none;
|
||||
text-shadow: 0 1px 1px black;
|
||||
border-radius: 3px;
|
||||
-moz-border-radius: 3px;
|
||||
-webkit-border-radius: 3px;
|
||||
box-shadow: 0 0 5px black;
|
||||
-moz-box-shadow: 0 0 5px black;
|
||||
-webkit-box-shadow: 0 0 5px black;
|
||||
}
|
||||
|
||||
a.finish:hover,
|
||||
a.finish:focus {
|
||||
cursor: pointer;
|
||||
background-color: rgb(255,255,255);
|
||||
background-color: rgba(255,255,255,0.2);
|
||||
box-shadow: 0 0 15px black;
|
||||
-moz-box-shadow: 0 0 15px black;
|
||||
-webkit-box-shadow: 0 0 15px black;
|
||||
}
|
||||
|
||||
a.finish:active {
|
||||
background-color: rgb(255,255,255);
|
||||
background-color: rgba(255,255,255,0.3);
|
||||
}
|
||||
|
||||
a.finish.disabled {
|
||||
opacity: 0.2;
|
||||
}
|
||||
|
||||
a.finish.disabled:hover,
|
||||
a.finish.disabled:focus,
|
||||
a.finish.disabled:active {
|
||||
cursor: default;
|
||||
background-color: rgb(255,255,255);
|
||||
background-color: rgba(255,255,255,0.1);
|
||||
}
|
||||
|
||||
.popup a.finish {
|
||||
margin-top: 6px;
|
||||
float: right;
|
||||
}
|
||||
197
jappixmini/jappix/css/privacy.css
Normal file
197
jappixmini/jappix/css/privacy.css
Normal file
|
|
@ -0,0 +1,197 @@
|
|||
/*
|
||||
|
||||
Jappix - An open social platform
|
||||
This is the privacy CSS stylesheet for Jappix
|
||||
|
||||
-------------------------------------------------
|
||||
|
||||
License: AGPL
|
||||
Author: Vanaryon
|
||||
Last revision: 16/02/11
|
||||
|
||||
*/
|
||||
|
||||
#privacy .content {
|
||||
padding: 10px 0 10px 0;
|
||||
}
|
||||
|
||||
#privacy .privacy-head div.list-left,
|
||||
#privacy .privacy-head div.list-center,
|
||||
#privacy .privacy-head div.list-right,
|
||||
#privacy .privacy-first {
|
||||
float: left;
|
||||
}
|
||||
|
||||
#privacy .privacy-head div.list-left {
|
||||
margin-left: 5px;
|
||||
}
|
||||
|
||||
#privacy .privacy-head div.list-center {
|
||||
border-right: 1px dotted #1b393f;
|
||||
height: 24px;
|
||||
width: 1px;
|
||||
margin-right: 15px;
|
||||
padding-left: 18px;
|
||||
}
|
||||
|
||||
#privacy .privacy-head span,
|
||||
#privacy .privacy-head a,
|
||||
#privacy .privacy-item span,
|
||||
#privacy .privacy-item a {
|
||||
float: left;
|
||||
}
|
||||
|
||||
#privacy .privacy-head span {
|
||||
font-size: 0.9em;
|
||||
font-weight: bold;
|
||||
margin: 3px 10px 0 0;
|
||||
}
|
||||
|
||||
#privacy .privacy-head input,
|
||||
#privacy .privacy-head select {
|
||||
width: 180px;
|
||||
}
|
||||
|
||||
#privacy .privacy-head input {
|
||||
margin-top: 1px;
|
||||
}
|
||||
|
||||
#privacy .privacy-head select,
|
||||
#privacy .privacy-item select {
|
||||
margin-top: -2px;
|
||||
}
|
||||
|
||||
#privacy .privacy-head span.left-space {
|
||||
margin-left: 16px;
|
||||
}
|
||||
|
||||
#privacy .privacy-head a,
|
||||
#privacy .privacy-item a {
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
padding: 0;
|
||||
display: block;
|
||||
}
|
||||
|
||||
#privacy .privacy-item a.item-add {
|
||||
background-position: 2px -1178px;
|
||||
}
|
||||
|
||||
#privacy .privacy-head a.list-remove,
|
||||
#privacy .privacy-item a.item-remove {
|
||||
background-position: 2px -1197px;
|
||||
}
|
||||
|
||||
#privacy .privacy-item a.item-save {
|
||||
background-position: 3px -126px;
|
||||
width: auto;
|
||||
height: 19px;
|
||||
padding: 1px 7px 0 21px;
|
||||
}
|
||||
|
||||
#privacy .privacy-item,
|
||||
#privacy form,
|
||||
#privacy .privacy-active {
|
||||
clear: both;
|
||||
}
|
||||
|
||||
#privacy .privacy-item {
|
||||
margin: 17px 12px;
|
||||
font-size: 0.9em;
|
||||
}
|
||||
|
||||
#privacy .privacy-item span {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
#privacy .privacy-item select {
|
||||
width: 300px;
|
||||
margin: -4px 30px 0 10px;
|
||||
}
|
||||
|
||||
#privacy .privacy-item a {
|
||||
margin: -2px 6px 0 0;
|
||||
}
|
||||
|
||||
#privacy .privacy-first,
|
||||
#privacy .privacy-second,
|
||||
#privacy .privacy-third {
|
||||
height: 195px;
|
||||
font-size: 0.9em;
|
||||
margin: 10px 0 0 10px;
|
||||
float: left;
|
||||
}
|
||||
|
||||
#privacy .privacy-first,
|
||||
#privacy .privacy-second {
|
||||
border-right: 1px dotted #1b393f;
|
||||
padding-right: 14px;
|
||||
}
|
||||
|
||||
#privacy .privacy-first {
|
||||
width: 125px;
|
||||
}
|
||||
|
||||
#privacy .privacy-first label {
|
||||
margin: 50px 0 0 15px;
|
||||
}
|
||||
|
||||
#privacy .privacy-first label input {
|
||||
margin-top: 2px;
|
||||
}
|
||||
|
||||
#privacy .privacy-second {
|
||||
width: 205px;
|
||||
}
|
||||
|
||||
#privacy .privacy-second label {
|
||||
margin: 2px 0 0 12px;
|
||||
}
|
||||
|
||||
#privacy .privacy-second input[type=radio],
|
||||
#privacy .privacy-third input[type=checkbox] {
|
||||
margin-top: 2px;
|
||||
margin-bottom: 2px;
|
||||
}
|
||||
|
||||
#privacy .privacy-second input[type=text],
|
||||
#privacy .privacy-second select {
|
||||
width: 170px;
|
||||
margin: 2px 0 11px 12px;
|
||||
float: none;
|
||||
}
|
||||
|
||||
#privacy .privacy-third label {
|
||||
width: auto;
|
||||
margin-top: 11px;
|
||||
}
|
||||
|
||||
#privacy .privacy-third {
|
||||
width: 240px;
|
||||
}
|
||||
|
||||
#privacy .privacy-active {
|
||||
margin: 34px 16px 0 16px;
|
||||
font-size: 0.9em;
|
||||
}
|
||||
|
||||
#privacy .privacy-active-elements {
|
||||
float: right;
|
||||
}
|
||||
|
||||
#privacy .privacy-active input[type=text] {
|
||||
width: 30px;
|
||||
margin: 0 0 0 8px;
|
||||
float: none;
|
||||
}
|
||||
|
||||
#privacy .privacy-active input[type=checkbox] {
|
||||
margin: 2px 8px 0 0;
|
||||
float: left;
|
||||
}
|
||||
|
||||
#privacy .privacy-active label {
|
||||
width: auto;
|
||||
margin: 0 15px 0 0;
|
||||
clear: none;
|
||||
}
|
||||
53
jappixmini/jappix/css/rosterx.css
Normal file
53
jappixmini/jappix/css/rosterx.css
Normal file
|
|
@ -0,0 +1,53 @@
|
|||
/*
|
||||
|
||||
Jappix - An open social platform
|
||||
This is the Roster Item Exchange tool CSS stylesheet for Jappix
|
||||
|
||||
-------------------------------------------------
|
||||
|
||||
License: AGPL
|
||||
Author: Vanaryon
|
||||
Last revision: 05/02/11
|
||||
|
||||
*/
|
||||
|
||||
#rosterx .content {
|
||||
padding: 10px 0 10px 0;
|
||||
}
|
||||
|
||||
#rosterx .rosterx-head a {
|
||||
font-size: 0.9em;
|
||||
margin: 3px 4px;
|
||||
float: left;
|
||||
}
|
||||
|
||||
#rosterx .oneresult:hover {
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
#rosterx .oneresult span {
|
||||
margin: 2px 5px 0 5px;
|
||||
overflow: hidden;
|
||||
float: left;
|
||||
}
|
||||
|
||||
#rosterx .oneresult span.name {
|
||||
width: 230px;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
#rosterx .oneresult span.xid {
|
||||
width: 270px;
|
||||
font-size: 0.9em;
|
||||
}
|
||||
|
||||
#rosterx .oneresult span.action {
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
margin-top: 4px;
|
||||
float: right;
|
||||
}
|
||||
|
||||
#rosterx .oneresult span.action.modify {
|
||||
background-position: 0 -1244px;
|
||||
}
|
||||
60
jappixmini/jappix/css/search.css
Normal file
60
jappixmini/jappix/css/search.css
Normal file
|
|
@ -0,0 +1,60 @@
|
|||
/*
|
||||
|
||||
Jappix - An open social platform
|
||||
This is the search tool CSS stylesheet for Jappix
|
||||
|
||||
-------------------------------------------------
|
||||
|
||||
License: AGPL
|
||||
Author: Vanaryon
|
||||
Last revision: 23/01/11
|
||||
|
||||
*/
|
||||
|
||||
.search {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.search input.suggested {
|
||||
border-bottom: 1px solid white;
|
||||
border-bottom-right-radius: 0;
|
||||
border-bottom-left-radius: 0;
|
||||
-moz-border-radius-bottomright: 0;
|
||||
-moz-border-radius-bottomleft: 0;
|
||||
-webkit-border-bottom-right-radius: 0;
|
||||
-webkit-border-bottom-left-radius: 0;
|
||||
}
|
||||
|
||||
.search ul {
|
||||
background-color: rgb(255,255,255);
|
||||
background-color: rgba(255,255,255,0.9);
|
||||
border-color: #e1a014;
|
||||
border-style: solid;
|
||||
border-width: 0 1px 1px 1px;
|
||||
position: absolute;
|
||||
z-index: 1;
|
||||
padding: 3px 0;
|
||||
list-style: none;
|
||||
overflow: auto;
|
||||
border-bottom-right-radius: 3px;
|
||||
border-bottom-left-radius: 3px;
|
||||
-moz-border-radius-bottomright: 3px;
|
||||
-moz-border-radius-bottomleft: 3px;
|
||||
-webkit-border-bottom-right-radius: 3px;
|
||||
-webkit-border-bottom-left-radius: 3px;
|
||||
}
|
||||
|
||||
.search ul li {
|
||||
padding: 2px 6px;
|
||||
color: #3d3d3d;
|
||||
text-shadow: none;
|
||||
}
|
||||
|
||||
.search ul li:hover {
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.search ul li.hovered {
|
||||
background-color: rgb(225,160,20);
|
||||
background-color: rgba(225,160,20,0.3);
|
||||
}
|
||||
196
jappixmini/jappix/css/smileys.css
Normal file
196
jappixmini/jappix/css/smileys.css
Normal file
|
|
@ -0,0 +1,196 @@
|
|||
/*
|
||||
|
||||
Jappix - An open social platform
|
||||
This is the smileys CSS stylesheet for Jappix
|
||||
|
||||
-------------------------------------------------
|
||||
|
||||
License: AGPL
|
||||
Author: Vanaryon
|
||||
Last revision: 16/02/11
|
||||
|
||||
*/
|
||||
|
||||
.emoticon {
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
}
|
||||
|
||||
a.emoticon {
|
||||
margin: 2px;
|
||||
float: left;
|
||||
}
|
||||
|
||||
a.emoticon:hover,
|
||||
a.emoticon:focus {
|
||||
opacity: 0.8;
|
||||
}
|
||||
|
||||
a.emoticon:active {
|
||||
opacity: 0.7;
|
||||
}
|
||||
|
||||
img.emoticon {
|
||||
border: 0 none;
|
||||
vertical-align: bottom;
|
||||
}
|
||||
|
||||
.emoticon-biggrin {
|
||||
background-position: 0 0;
|
||||
}
|
||||
|
||||
.emoticon-devil {
|
||||
background-position: -16px 0;
|
||||
}
|
||||
|
||||
.emoticon-coolglasses {
|
||||
background-position: -32px 0;
|
||||
}
|
||||
|
||||
.emoticon-tongue {
|
||||
background-position: -48px 0;
|
||||
}
|
||||
|
||||
.emoticon-smile {
|
||||
background-position: -64px 0;
|
||||
}
|
||||
|
||||
.emoticon-wink {
|
||||
background-position: -80px 0;
|
||||
}
|
||||
|
||||
.emoticon-blush {
|
||||
background-position: -96px 0;
|
||||
}
|
||||
|
||||
.emoticon-stare {
|
||||
background-position: -112px 0;
|
||||
}
|
||||
|
||||
.emoticon-frowning {
|
||||
background-position: -128px 0;
|
||||
}
|
||||
|
||||
.emoticon-oh {
|
||||
background-position: -144px 0;
|
||||
}
|
||||
|
||||
.emoticon-unhappy {
|
||||
background-position: -160px 0;
|
||||
}
|
||||
|
||||
.emoticon-cry {
|
||||
background-position: -176px 0;
|
||||
}
|
||||
|
||||
.emoticon-angry {
|
||||
background-position: -192px 0;
|
||||
}
|
||||
|
||||
.emoticon-puke {
|
||||
background-position: -208px 0;
|
||||
}
|
||||
|
||||
.emoticon-hugright {
|
||||
background-position: -224px 0;
|
||||
}
|
||||
|
||||
.emoticon-hugleft {
|
||||
background-position: -240px 0;
|
||||
}
|
||||
|
||||
.emoticon-lion {
|
||||
background-position: -256px 0;
|
||||
}
|
||||
|
||||
.emoticon-pussy {
|
||||
background-position: -272px 0;
|
||||
}
|
||||
|
||||
.emoticon-bat {
|
||||
background-position: -288px 0;
|
||||
}
|
||||
|
||||
.emoticon-kiss {
|
||||
background-position: -304px 0;
|
||||
}
|
||||
|
||||
.emoticon-heart {
|
||||
background-position: -320px 0;
|
||||
}
|
||||
|
||||
.emoticon-brheart {
|
||||
background-position: -336px 0;
|
||||
}
|
||||
|
||||
.emoticon-flower {
|
||||
background-position: -352px 0;
|
||||
}
|
||||
|
||||
.emoticon-brflower {
|
||||
background-position: -368px 0;
|
||||
}
|
||||
|
||||
.emoticon-thumbup {
|
||||
background-position: -384px 0;
|
||||
}
|
||||
|
||||
.emoticon-thumbdown {
|
||||
background-position: -400px 0;
|
||||
}
|
||||
|
||||
.emoticon-lamp {
|
||||
background-position: -416px 0;
|
||||
}
|
||||
|
||||
.emoticon-coffee {
|
||||
background-position: -432px 0;
|
||||
}
|
||||
|
||||
.emoticon-drink {
|
||||
background-position: -448px 0;
|
||||
}
|
||||
|
||||
.emoticon-beer {
|
||||
background-position: -464px 0;
|
||||
}
|
||||
|
||||
.emoticon-boy {
|
||||
background-position: -480px 0;
|
||||
}
|
||||
|
||||
.emoticon-girl {
|
||||
background-position: -496px 0;
|
||||
}
|
||||
|
||||
.emoticon-phone {
|
||||
background-position: -512px 0;
|
||||
}
|
||||
|
||||
.emoticon-photo {
|
||||
background-position: -528px 0;
|
||||
}
|
||||
|
||||
.emoticon-music {
|
||||
background-position: -544px 0;
|
||||
}
|
||||
|
||||
.emoticon-cuffs {
|
||||
background-position: -560px 0;
|
||||
}
|
||||
|
||||
.emoticon-mail {
|
||||
background-position: -576px 0;
|
||||
}
|
||||
|
||||
.emoticon-rainbow {
|
||||
background-position: -592px 0;
|
||||
}
|
||||
|
||||
.emoticon-star {
|
||||
background-position: -608px 0;
|
||||
}
|
||||
|
||||
.emoticon-moon {
|
||||
background-position: -624px 0;
|
||||
}
|
||||
71
jappixmini/jappix/css/stats-svg.css
Normal file
71
jappixmini/jappix/css/stats-svg.css
Normal file
|
|
@ -0,0 +1,71 @@
|
|||
/*
|
||||
|
||||
Jappix - An open social platform
|
||||
This is the SVG stats CSS stylesheet for Jappix
|
||||
|
||||
-------------------------------------------------
|
||||
|
||||
License: AGPL
|
||||
Author: Erwan Briand, Vanaryon
|
||||
Last revision: 20/11/10
|
||||
|
||||
*/
|
||||
|
||||
svg {
|
||||
background-color: #e8f1f3;
|
||||
}
|
||||
|
||||
.refline {
|
||||
stroke: #596171;
|
||||
stroke-width: 2px;
|
||||
}
|
||||
|
||||
.refleft {
|
||||
fill: #000000;
|
||||
font-family: "Inconsolata", "DejaVu Serif sans", Verdana, sans-serif;
|
||||
font-size: 8px;
|
||||
}
|
||||
|
||||
.reftext {
|
||||
fill: #586070;
|
||||
font-family: "Inconsolata", "DejaVu Serif sans", Verdana, sans-serif;
|
||||
font-size: 10px;
|
||||
}
|
||||
|
||||
.bubbletextblue,
|
||||
.bubbletextred {
|
||||
fill: none;
|
||||
font-family: "Inconsolata", "DejaVu Serif sans", Verdana, sans-serif;
|
||||
font-size: 8px;
|
||||
text-anchor: end;
|
||||
}
|
||||
|
||||
.bluebar {
|
||||
fill: "#6C84C0";
|
||||
fill-opacity: "0.6";
|
||||
}
|
||||
|
||||
.gbar:hover .bluebar {
|
||||
fill: #2A3F73;
|
||||
}
|
||||
|
||||
.gbar:hover .redbar {
|
||||
fill: #C70705;
|
||||
}
|
||||
|
||||
.gbar:hover #bubble {
|
||||
fill: white;
|
||||
stroke: grey;
|
||||
}
|
||||
|
||||
.gbar:hover .bubbletextblue {
|
||||
fill: #2A3F73;
|
||||
}
|
||||
|
||||
.gbar:hover .bubbletextred {
|
||||
fill: #C70705;
|
||||
}
|
||||
|
||||
.gbar:hover .reftext {
|
||||
fill: #000000;
|
||||
}
|
||||
346
jappixmini/jappix/css/tools.css
Normal file
346
jappixmini/jappix/css/tools.css
Normal file
|
|
@ -0,0 +1,346 @@
|
|||
/*
|
||||
|
||||
Jappix - An open social platform
|
||||
This is the tools CSS stylesheet for Jappix
|
||||
|
||||
-------------------------------------------------
|
||||
|
||||
License: AGPL
|
||||
Author: Vanaryon
|
||||
Last revision: 27/08/11
|
||||
|
||||
*/
|
||||
|
||||
#top-content .tools {
|
||||
background-color: rgb(232,241,243);
|
||||
background-color: rgba(232,241,243,0.6);
|
||||
padding: 3px 8px 5px 8px;
|
||||
min-width: 10px;
|
||||
height: 17px;
|
||||
border-bottom-left-radius: 4px;
|
||||
border-bottom-right-radius: 4px;
|
||||
-moz-border-radius-bottomleft: 4px;
|
||||
-moz-border-radius-bottomright: 4px;
|
||||
-webkit-border-bottom-left-radius: 4px;
|
||||
-webkit-border-bottom-right-radius: 4px;
|
||||
}
|
||||
|
||||
#top-content .tools a {
|
||||
color: black;
|
||||
padding: 0 3px;
|
||||
margin: 0 1.5px;
|
||||
}
|
||||
|
||||
#top-content .tools a:hover,
|
||||
#top-content .tools a:focus {
|
||||
cursor: pointer;
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
#top-content .tools-logo {
|
||||
background-position: 9px 2px;
|
||||
width: 74px;
|
||||
float: left;
|
||||
}
|
||||
|
||||
#top-content .tools-all {
|
||||
float: right;
|
||||
text-align: right;
|
||||
margin-left: 8px;
|
||||
font-size: 0.9em;
|
||||
color: black;
|
||||
}
|
||||
|
||||
#top-content .notifications {
|
||||
background-position: 7px -1264px;
|
||||
}
|
||||
|
||||
#top-content .music {
|
||||
background-position: 6px -1286px;
|
||||
}
|
||||
|
||||
#top-content .notifications:hover,
|
||||
#top-content .music:hover {
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
#top-content .music:hover,
|
||||
#top-content .notifications:hover,
|
||||
#top-content .music:focus,
|
||||
#top-content .notifications:focus {
|
||||
background-color: rgb(232,241,243);
|
||||
background-color: rgba(232,241,243,0.7);
|
||||
}
|
||||
|
||||
#top-content .music:active,
|
||||
#top-content .notifications:active {
|
||||
background-color: rgb(232,241,243);
|
||||
background-color: rgba(232,241,243,0.8);
|
||||
}
|
||||
|
||||
#top-content .actived,
|
||||
#top-content .actived:hover,
|
||||
#top-content .actived:focus,
|
||||
#top-content .actived:active {
|
||||
background-color: rgb(232,241,243) !important;
|
||||
background-color: rgba(232,241,243,0.9) !important;
|
||||
}
|
||||
|
||||
#top-content .notify {
|
||||
background-color: #c60505;
|
||||
color: white;
|
||||
font-size: 0.7em;
|
||||
font-weight: bold;
|
||||
margin-left: -10px;
|
||||
padding: 1px 4px;
|
||||
position: absolute;
|
||||
bottom: -2px;
|
||||
border-radius: 10px;
|
||||
-moz-border-radius: 10px;
|
||||
-webkit-border-radius: 10px;
|
||||
}
|
||||
|
||||
#top-content .tools-content {
|
||||
display: none;
|
||||
position: absolute;
|
||||
top: 25px;
|
||||
margin-left: -8px;
|
||||
}
|
||||
|
||||
.tools-content-subarrow {
|
||||
background-position: 0 -241px;
|
||||
opacity: 0.8;
|
||||
height: 10px;
|
||||
width: 18px;
|
||||
margin-left: 12px;
|
||||
}
|
||||
|
||||
.tools-content-subitem {
|
||||
background-color: rgb(0,0,0);
|
||||
background-color: rgba(0,0,0,0.8);
|
||||
padding: 14px 6px 6px 6px;
|
||||
border-radius: 5px;
|
||||
-moz-border-radius: 5px;
|
||||
-webkit-border-radius: 5px;
|
||||
}
|
||||
|
||||
.notifications-content {
|
||||
width: 240px;
|
||||
}
|
||||
|
||||
.notifications-content .tools-content-subitem {
|
||||
max-height: 250px;
|
||||
color: white;
|
||||
text-shadow: 0 1px 1px black;
|
||||
text-align: left;
|
||||
overflow-x: none;
|
||||
overflow-y: auto;
|
||||
}
|
||||
|
||||
.notifications-content .empty {
|
||||
color: white;
|
||||
font-size: 0.9em;
|
||||
text-decoration: underline;
|
||||
margin: -8px 4px 2px 0;
|
||||
display: none;
|
||||
float: right;
|
||||
}
|
||||
|
||||
.notifications-content .nothing {
|
||||
font-size: 0.9em;
|
||||
margin: 5px;
|
||||
}
|
||||
|
||||
.notifications-content .one-notification {
|
||||
padding: 6px 4px;
|
||||
font-size: 0.85em;
|
||||
clear: both;
|
||||
border-radius: 2px;
|
||||
-moz-border-radius: 2px;
|
||||
-webkit-border-radius: 2px;
|
||||
}
|
||||
|
||||
.notifications-content .one-notification:hover,
|
||||
.notifications-content .one-notification:focus {
|
||||
background-color: rgb(255,255,255);
|
||||
background-color: rgba(255,255,255,0.1);
|
||||
}
|
||||
|
||||
.notifications-content .one-notification:active {
|
||||
background-color: rgb(255,255,255);
|
||||
background-color: rgba(255,255,255,0.2);
|
||||
}
|
||||
|
||||
.notifications-content .avatar-container {
|
||||
float: left;
|
||||
width: 40px;
|
||||
height: 40px;
|
||||
margin: 0 8px 8px 0;
|
||||
text-align: center;
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
|
||||
.notifications-content .avatar {
|
||||
max-width: 40px;
|
||||
max-height: 40px;
|
||||
}
|
||||
|
||||
.notifications-content .notification-text,
|
||||
.notifications-content .notification-actions {
|
||||
margin-left: 48px;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.notifications-content .notification-actions {
|
||||
margin-top: 3px;
|
||||
}
|
||||
|
||||
.notifications-content .notification-actions a {
|
||||
color: white;
|
||||
font-weight: bold;
|
||||
font-size: 0.9em;
|
||||
text-decoration: underline;
|
||||
margin-right: 8px;
|
||||
}
|
||||
|
||||
.notifications-content .one-notification .notification-actions span.talk-images {
|
||||
background-position: 0 -1828px;
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
margin: -1px 6px 0 0;
|
||||
float: left;
|
||||
}
|
||||
|
||||
.notifications-content .one-notification[data-type=subscribe] .notification-actions span.talk-images {
|
||||
background-position: 0 -1796px;
|
||||
}
|
||||
|
||||
.notifications-content .one-notification[data-type=invite_room] .notification-actions span.talk-images {
|
||||
background-position: 0 -1812px;
|
||||
}
|
||||
|
||||
.notifications-content .one-notification[data-type=send] .notification-actions span.talk-images,
|
||||
.notifications-content .one-notification[data-type=send_accept] .notification-actions span.talk-images,
|
||||
.notifications-content .one-notification[data-type=send_reject] .notification-actions span.talk-images,
|
||||
.notifications-content .one-notification[data-type=send_fail] .notification-actions span.talk-images {
|
||||
background-position: 0 -1956px;
|
||||
}
|
||||
|
||||
.notifications-content .one-notification[data-type=rosterx] .notification-actions span.talk-images {
|
||||
background-position: 0 -1844px;
|
||||
}
|
||||
|
||||
.notifications-content .one-notification[data-type=comment] .notification-actions span.talk-images {
|
||||
background-position: 0 -1860px;
|
||||
}
|
||||
|
||||
.notifications-content .one-notification[data-type=like] .notification-actions span.talk-images {
|
||||
background-position: 0 -1876px;
|
||||
}
|
||||
|
||||
.notifications-content .one-notification[data-type=quote] .notification-actions span.talk-images {
|
||||
background-position: 0 -1892px;
|
||||
}
|
||||
|
||||
.notifications-content .one-notification[data-type=wall] .notification-actions span.talk-images {
|
||||
background-position: 0 -1908px;
|
||||
}
|
||||
|
||||
.notifications-content .one-notification[data-type=photo] .notification-actions span.talk-images {
|
||||
background-position: 0 -1924px;
|
||||
}
|
||||
|
||||
.notifications-content .one-notification[data-type=video] .notification-actions span.talk-images {
|
||||
background-position: 0 -1940px;
|
||||
}
|
||||
|
||||
.music-content {
|
||||
width: 220px;
|
||||
}
|
||||
|
||||
.music-content .tools-content-subitem {
|
||||
height: 247px;
|
||||
}
|
||||
|
||||
.music-content .player {
|
||||
background: #b5d5db;
|
||||
background: -moz-linear-gradient(top, #b5d5db, #adced4);
|
||||
background: -webkit-gradient(linear, left top, left bottom, from(#b5d5db), to(#adced4));
|
||||
height: 20px;
|
||||
padding: 2px 5px;
|
||||
border-top-right-radius: 4px;
|
||||
border-top-left-radius: 4px;
|
||||
-moz-border-radius-topright: 4px;
|
||||
-moz-border-radius-topleft: 4px;
|
||||
-webkit-border-top-right-radius: 4px;
|
||||
-webkit-border-top-left-radius: 4px;
|
||||
}
|
||||
|
||||
.music-content .player a {
|
||||
margin: 2px;
|
||||
height: 16px;
|
||||
width: 16px;
|
||||
float: left;
|
||||
}
|
||||
|
||||
.music-content .player a:hover,
|
||||
.music-content .player a:focus {
|
||||
opacity: 0.8;
|
||||
}
|
||||
|
||||
.music-content .player a:active {
|
||||
opacity: 0.6;
|
||||
}
|
||||
|
||||
.music-content .stop {
|
||||
display: none;
|
||||
background-position: 0 -270px;
|
||||
}
|
||||
|
||||
.music-content .list {
|
||||
background-color: #e8f1f3;
|
||||
height: 188px;
|
||||
padding: 5px;
|
||||
text-align: left;
|
||||
overflow-y: auto;
|
||||
overflow-x: hidden;
|
||||
}
|
||||
|
||||
.music-content p.no-results {
|
||||
display: none;
|
||||
color: black;
|
||||
font-size: 0.9em;
|
||||
}
|
||||
|
||||
.music-content div.special {
|
||||
padding-bottom: 2px;
|
||||
margin-bottom: 6px;
|
||||
border-bottom: 1px solid #c3d4d7;
|
||||
}
|
||||
|
||||
.music-content .song {
|
||||
display: block;
|
||||
margin: 3px 0;
|
||||
font-size: 0.8em;
|
||||
}
|
||||
|
||||
.music-content .playing {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.music-content .search {
|
||||
background-color: #e8f1f3;
|
||||
height: 25px;
|
||||
border-bottom-left-radius: 4px;
|
||||
border-bottom-right-radius: 4px;
|
||||
-moz-border-radius-bottomleft: 4px;
|
||||
-moz-border-radius-bottomright: 4px;
|
||||
-webkit-border-bottom-right-radius: 4px;
|
||||
-webkit-border-bottom-right-radius: 4px;
|
||||
}
|
||||
|
||||
.music-content .search input {
|
||||
margin: 2px;
|
||||
width: 198px;
|
||||
height: 15px;
|
||||
}
|
||||
100
jappixmini/jappix/css/userinfos.css
Normal file
100
jappixmini/jappix/css/userinfos.css
Normal file
|
|
@ -0,0 +1,100 @@
|
|||
/*
|
||||
|
||||
Jappix - An open social platform
|
||||
This is the user-infos CSS stylesheet for Jappix
|
||||
|
||||
-------------------------------------------------
|
||||
|
||||
License: AGPL
|
||||
Author: Vanaryon
|
||||
Last revision: 27/03/11
|
||||
|
||||
*/
|
||||
|
||||
#userinfos .content {
|
||||
overflow: auto;
|
||||
}
|
||||
|
||||
#userinfos .one-lap a {
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
#userinfos .main-infos {
|
||||
margin: 20px 20px 8px 20px;
|
||||
height: 120px;
|
||||
background: white;
|
||||
position: relative;
|
||||
border-radius: 4px;
|
||||
-moz-border-radius: 4px;
|
||||
-webkit-border-radius: 4px;
|
||||
}
|
||||
|
||||
#userinfos .avatar-container {
|
||||
float: left;
|
||||
text-align: center;
|
||||
margin: 20px 35px;
|
||||
width: 80px;
|
||||
height: 80px;
|
||||
}
|
||||
|
||||
#userinfos .avatar {
|
||||
max-width: 80px;
|
||||
max-height: 80px;
|
||||
}
|
||||
|
||||
#userinfos h1,
|
||||
#userinfos h2,
|
||||
#userinfos h3 {
|
||||
width: 410px;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
#userinfos h1 {
|
||||
font-size: 2em;
|
||||
padding-top: 12px;
|
||||
margin-bottom: 4px;
|
||||
}
|
||||
|
||||
#userinfos h2 {
|
||||
color: #447079;
|
||||
font-size: 1.1em;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
#userinfos h3 {
|
||||
color: #6e8388;
|
||||
font-size: 0.8em;
|
||||
}
|
||||
|
||||
#userinfos .main-infos div.shortcuts {
|
||||
position: absolute;
|
||||
top: 10px;
|
||||
right: 12px;
|
||||
}
|
||||
|
||||
#userinfos .block-infos {
|
||||
margin: 7px 20px;
|
||||
float: left;
|
||||
}
|
||||
|
||||
#userinfos .one-line {
|
||||
margin: 4px 0;
|
||||
font-size: 0.9em;
|
||||
float: left;
|
||||
}
|
||||
|
||||
#userinfos .one-line b {
|
||||
width: 120px;
|
||||
float: left;
|
||||
}
|
||||
|
||||
#userinfos .one-line span.reset-info {
|
||||
float: left;
|
||||
width: 460px;
|
||||
}
|
||||
|
||||
#userinfos textarea {
|
||||
margin: 30px 0 0 30px;
|
||||
width: 572px;
|
||||
height: 292px;
|
||||
}
|
||||
106
jappixmini/jappix/css/vcard.css
Normal file
106
jappixmini/jappix/css/vcard.css
Normal file
|
|
@ -0,0 +1,106 @@
|
|||
/*
|
||||
|
||||
Jappix - An open social platform
|
||||
This is the vCard CSS stylesheet for Jappix
|
||||
|
||||
-------------------------------------------------
|
||||
|
||||
License: AGPL
|
||||
Author: Vanaryon
|
||||
Last revision: 16/01/12
|
||||
|
||||
*/
|
||||
|
||||
#vcard label {
|
||||
font-size: 0.94em;
|
||||
margin-top: 2px;
|
||||
}
|
||||
|
||||
#vcard #vcard-avatar input[type=file] {
|
||||
margin-left: 15px;
|
||||
}
|
||||
|
||||
#vcard .avatar-container {
|
||||
float: left;
|
||||
text-align: center;
|
||||
margin: 20px 0 35px 35px;
|
||||
max-width: 96px;
|
||||
max-height: 96px;
|
||||
}
|
||||
|
||||
#vcard .avatar {
|
||||
max-width: 96px;
|
||||
max-height: 96px;
|
||||
}
|
||||
|
||||
#vcard .avatar-delete {
|
||||
background-position: 3px -1195px;
|
||||
margin: 12px 25px 0 025px;
|
||||
padding-left: 20px;
|
||||
font-size: 0.9em;
|
||||
float: right;
|
||||
}
|
||||
|
||||
#vcard .no-avatar {
|
||||
width: 300px;
|
||||
color: #7c2222;
|
||||
padding: 10px;
|
||||
margin: 15px 0 20px 40px;
|
||||
background: #f8cece;
|
||||
border: 1px #ba6d6d solid;
|
||||
font-size: 0.8em;
|
||||
}
|
||||
|
||||
#vcard .forms textarea {
|
||||
height: 111px;
|
||||
width: 358px;
|
||||
margin: 5px 12px 10px 12px;
|
||||
}
|
||||
|
||||
#vcard .forms .avatar-info {
|
||||
border-width: 1px;
|
||||
border-style: solid;
|
||||
display: none;
|
||||
width: 370px;
|
||||
height: 15px;
|
||||
font-size: 0.85em;
|
||||
padding: 10px;
|
||||
}
|
||||
|
||||
#vcard .forms .avatar-wait {
|
||||
background-color: #9bcbed;
|
||||
color: #0a3858;
|
||||
border-color: #306780;
|
||||
}
|
||||
|
||||
#vcard .forms .avatar-ok {
|
||||
background-color: #c4ed9b;
|
||||
color: #325213;
|
||||
border-color: #578030;
|
||||
}
|
||||
|
||||
#vcard .forms .avatar-error {
|
||||
background-color: #e79595;
|
||||
color: #6a0b0b;
|
||||
border-color: #7c1010;
|
||||
}
|
||||
|
||||
#vcard .infos {
|
||||
width: 179px;
|
||||
height: 328px;
|
||||
margin: 15px 15px 15px 0;
|
||||
padding: 0 8px;
|
||||
float: right;
|
||||
}
|
||||
|
||||
#vcard .infos a {
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
#vcard .send {
|
||||
float: right;
|
||||
}
|
||||
|
||||
#vcard .send:hover {
|
||||
cursor: pointer;
|
||||
}
|
||||
170
jappixmini/jappix/css/welcome.css
Normal file
170
jappixmini/jappix/css/welcome.css
Normal file
|
|
@ -0,0 +1,170 @@
|
|||
/*
|
||||
|
||||
Jappix - An open social platform
|
||||
This is the welcome tool CSS stylesheet for Jappix
|
||||
|
||||
-------------------------------------------------
|
||||
|
||||
License: AGPL
|
||||
Author: Vanaryon
|
||||
Last revision: 26/04/11
|
||||
|
||||
*/
|
||||
|
||||
#welcome .infos {
|
||||
margin: 15px;
|
||||
}
|
||||
|
||||
#welcome .infos p {
|
||||
margin-top: 6px;
|
||||
}
|
||||
|
||||
#welcome .infos p.infos-title {
|
||||
margin-top: 0;
|
||||
}
|
||||
|
||||
#welcome a.box {
|
||||
background-color: #e4eef9;
|
||||
border: 1px solid #ccdbde;
|
||||
margin: 12px 11px 4px 15px;
|
||||
padding: 10px;
|
||||
width: 270px;
|
||||
text-decoration: none;
|
||||
float: left;
|
||||
border-radius: 4px;
|
||||
-moz-border-radius: 4px;
|
||||
-webkit-border-radius: 4px;
|
||||
}
|
||||
|
||||
#welcome a.box.share {
|
||||
width: 350px;
|
||||
margin: 4px 130px;
|
||||
padding: 4px 10px;
|
||||
clear: both;
|
||||
}
|
||||
|
||||
#welcome a.box.share.first {
|
||||
margin-top: 0;
|
||||
}
|
||||
|
||||
#welcome a.box.share:hover span.go {
|
||||
display: block;
|
||||
}
|
||||
|
||||
#welcome a.box:hover,
|
||||
#welcome a.box:focus {
|
||||
border: 1px solid #93c5fa;
|
||||
}
|
||||
|
||||
#welcome a.box:active {
|
||||
border: 1px solid #419afa;
|
||||
}
|
||||
|
||||
#welcome a.box.enabled {
|
||||
background-color: #f1f6fd;
|
||||
border: 1px solid #9dc4fc;
|
||||
}
|
||||
|
||||
#welcome a.box span {
|
||||
margin: 3px 0;
|
||||
display: block;
|
||||
}
|
||||
|
||||
#welcome a.box span.logo {
|
||||
height: 35px;
|
||||
width: 35px;
|
||||
margin-right: 15px;
|
||||
float: left;
|
||||
}
|
||||
|
||||
#welcome a.box span.logo.facebook {
|
||||
background-position: 0 0;
|
||||
}
|
||||
|
||||
#welcome a.box span.logo.twitter {
|
||||
background-position: -35px 0;
|
||||
}
|
||||
|
||||
#welcome a.box span.logo.buzz {
|
||||
background-position: -70px 0;
|
||||
}
|
||||
|
||||
#welcome a.box span.logo.identica {
|
||||
background-position: -105px 0;
|
||||
}
|
||||
|
||||
#welcome a.box span.option,
|
||||
#welcome a.box span.name {
|
||||
font-size: 0.9em;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
#welcome a.box span.description {
|
||||
font-size: 0.7em;
|
||||
margin-top: 7px;
|
||||
}
|
||||
|
||||
#welcome a.box.share span.description {
|
||||
margin-top: 4px;
|
||||
}
|
||||
|
||||
#welcome a.box span.image {
|
||||
height: 16px;
|
||||
width: 16px;
|
||||
margin: -30px 12px 0 0;
|
||||
float: right;
|
||||
}
|
||||
|
||||
#welcome a.box span.image.sound {
|
||||
background-position: 0 -900px;
|
||||
}
|
||||
|
||||
#welcome a.box span.image.geolocation {
|
||||
background-position: 0 -658px;
|
||||
}
|
||||
|
||||
#welcome a.box span.image.xmpp {
|
||||
background-position: 0 -990px;
|
||||
}
|
||||
|
||||
#welcome a.box span.image.archives,
|
||||
#page-engine .text .tools-archives {
|
||||
background-position: 0 -1025px;
|
||||
}
|
||||
|
||||
#welcome a.box span.image.offline {
|
||||
background-position: 0 -80px;
|
||||
}
|
||||
|
||||
#welcome a.box span.tick,
|
||||
#welcome a.box span.go {
|
||||
height: 16px;
|
||||
width: 16px;
|
||||
display: none;
|
||||
float: right;
|
||||
}
|
||||
|
||||
#welcome a.box span.tick {
|
||||
background-position: 0 -1661px;
|
||||
margin: -52px -15px 0 0;
|
||||
}
|
||||
|
||||
#welcome a.box span.go {
|
||||
background-position: 0 -1120px;
|
||||
margin: -28px 5px 0 0;
|
||||
}
|
||||
|
||||
#welcome a.box.enabled span.tick {
|
||||
display: block;
|
||||
}
|
||||
|
||||
#welcome div.results {
|
||||
margin: -7px 15px;
|
||||
padding: 0;
|
||||
height: 272px;
|
||||
overflow: auto;
|
||||
}
|
||||
|
||||
#welcome .bottom .finish.save {
|
||||
display: none;
|
||||
}
|
||||
Loading…
Add table
Add a link
Reference in a new issue