friendica/view/theme/diabook/diabook-blue/style-network.css

252 lines
11 KiB
CSS
Raw Normal View History

2012-11-16 23:29:39 +01:00
@import url('../../diabook/style-network.css');
2012-11-16 23:29:39 +01:00
/* There seem to be a stupid number of icons. Can we do this better? Are they all actually used? */
.icon.contacts {
background-image: url("../diabook-blue/icons/contacts.png");}
.icon.notifications {
background-image: url("../diabook-blue/icons/notifications.png");}
.icon.notify {
background-image: url("../diabook-blue/icons/notify.png");}
.icon.messages {
background-image: url("../diabook-blue/icons/messages.png");}
.icon.community {
background-image: url("../diabook-blue/icons/community.png");}
.icon.drop { background-image: url("../diabook-blue/icons/drop.png");}
.icon.drophide { background-image: url("../diabook-blue/icons/drop.png");}
.icon.dislike { background-image: url("../diabook-blue/icons/dislike.png");}
.icon.like { background-image: url("../diabook-blue/icons/like.png");}
.icon.pencil { background-image: url("../diabook-blue/icons/pencil.png");}
.icon.recycle { background-image: url("../diabook-blue/icons/recycle.png");}
.icon.remote-link { background-image: url("../diabook-blue/icons/remote.png");}
.icon.tagged { background-image: url("../diabook-blue/icons/tagged.png");}
.icon.file-as { background-image: url("../diabook-blue/icons/file_as.png");}
.star-item.icon.unstarred { background-image: url("../diabook-blue/icons/unstarred.png");}
.star-item.icon.starred { background-image: url("../diabook-blue/icons/starred.png");}
.icon.link { background-image: url("../diabook-blue/icons/link.png");}
.icon.lock { background-image: url("../diabook-blue/icons/lock.png");}
.icon.unlock { background-image: url("../diabook-blue/icons/unlock.png");}
.icon.language { background-image: url("../diabook-blue/icons/language.png");}
2012-11-16 23:29:39 +01:00
.camera { background-image: url("../diabook-blue/icons/camera.png");}
.attach { background-image: url("../diabook-blue/icons/attach.png");}
.video2 { background-image: url("../diabook-blue/icons/video.png");}
.video { background-image: url("../diabook-blue/icons/video.png");}
.audio2 { background-image: url("../diabook-blue/icons/audio.png");}
.audio { background-image: url("../diabook-blue/icons/audio.png");}
.weblink { background-image: url("../diabook-blue/icons/weblink.png");}
.globe { background-image: url("../diabook-blue/icons/globe.png");}
.unglobe { background-image: url("../diabook-blue/icons/unglobe.png");}
.edit {background-image: url("../diabook-blue/icons/pencil2.png");}
.icon.on { background-image: url("../diabook-blue/icons/toogle_on.png"); background-repeat: no-repeat;}
.icon.off { background-image: url("../diabook-blue/icons/toogle_off.png"); background-repeat: no-repeat;}
.prev { background-position: -90px -60px;}
.next { background-position: -110px -60px;}
2012-11-16 23:29:39 +01:00
.attachtype {background-image: url('../../../../images/content-types.png');}
.icon.border.camera{
2012-11-16 23:29:39 +01:00
background-image: url("../diabook-blue/icons/camera.png");}
.icon.border.link{background-image: url("../diabook-blue/icons/weblink.png");}
.icon.s10.notify {background-image: url("../../../../images/icons/10/notify_off.png");}
.icon.s10.gear {background-image: url("../../../../images/icons/10/gear.png");}
.icon.s10.add {background-image: url("../../../../images/icons/10/add.png");}
.icon.s10.delete {background-image: url("../../../../images/icons/10/delete.png");}
.icon.s10.edit {background-image: url("../../../../images/icons/10/edit.png");}
.icon.s10.star {background-image: url("../../../../images/star_dummy.png");}
.icon.s10.menu {background-image: url("../../../../images/icons/10/menu.png");}
.icon.s10.link {background-image: url("../../../../images/icons/10/link.png");}
.icon.s10.lock {background-image: url("../../../../images/icons/10/lock.png");}
.icon.s10.unlock {background-image: url("../../../../images/icons/10/unlock.png");}
.icon.s16.notify {background-image: url("../../../../images/icons/16/notify_off.png");}
.icon.s16.gear {background-image: url("../../../../images/icons/16/gear.png");}
.icon.s16.add {background-image: url("../../../../images/icons/16/add.png");}
.icon.s16.delete {background-image: url("../../../../images/icons/16/delete.png");}
.icon.s16.star {background-image: url("../../../../images/star_dummy.png");}
.icon.s16.menu {background-image: url("../../../../images/icons/16/menu.png");}
.icon.s16.lock {background-image: url("../../../../images/icons/16/lock.png");}
.icon.s16.unlock {background-image: url("../../../../images/icons/16/unlock.png");}
.icon.s22.notify {background-image: url("../../../../images/icons/22/notify_off.png");}
.icon.s22.gear {background-image: url("../../../../images/icons/22/gear.png");}
.icon.s22.add {background-image: url("../../../../images/icons/22/add.png");}
.icon.s22.delete {background-image: url("../../../../images/icons/22/delete.png");}
.icon.s22.edit {background-image: url("../../../../images/icons/22/edit.png");}
.icon.s22.star {background-image: url("../../../../images/star_dummy.png");}
.icon.s22.menu {background-image: url("../../../../images/icons/22/menu.png");}
.icon.s22.link {background-image: url("../../../../images/icons/22/link.png");}
.icon.s22.lock {background-image: url("../../../../images/icons/22/lock.png");}
.icon.s22.unlock {background-image: url("../../../../images/icons/22/unlock.png");}
.icon.s48.notify {background-image: url("../../../../images/icons/48/notify_off.png");}
.icon.s48.gear {background-image: url("../../../../images/icons/48/gear.png");}
.icon.s48.add {background-image: url("../../../../images/icons/48/add.png");}
.icon.s48.delete {background-image: url("../../../../images/icons/48/delete.png");}
.icon.s48.edit {background-image: url("../../../../images/icons/48/edit.png");}
.icon.s48.star {background-image: url("../../../../images/star_dummy.png");}
.icon.s48.menu {background-image: url("../../../../images/icons/48/menu.png");}
.icon.s48.link {background-image: url("../../../../images/icons/48/link.png");}
.icon.s48.lock {background-image: url("../../../../images/icons/48/lock.png");}
.icon.s48.unlock {background-image: url("../../../../images/icons/48/unlock.png");}
.hide-comments-outer {background-color: #fff;}
a {color: #333333;}
#saved-search-ul .tool:hover,
#nets-sidebar .tool:hover,
2012-11-16 23:29:39 +01:00
#sidebar-group-list .tool:hover ,
#fileas-sidebar .tool:hover {
2012-11-16 23:29:39 +01:00
background: aliceBlue;
}
2012-11-16 23:29:39 +01:00
.tool a {
2012-11-16 23:29:39 +01:00
color: #333333;
}
2012-11-16 23:29:39 +01:00
nav a, nav a:active, nav a:visited, nav a:link, nav a:hover {
color: #fff;
}
2012-11-16 23:29:39 +01:00
/* popup notifications */
2012-11-16 23:29:39 +01:00
div.jGrowl div.notice {background: #511919 url("../../../../images/icons/48/notice.png") no-repeat 5px center;}
div.jGrowl div.info {background: #364e59 url("../../../../images/icons/48/info.png") no-repeat 5px center;}
header {
background: #1872a2;
background-color: #1872a2;
}
2012-11-16 23:29:39 +01:00
header #site-location {display: none;}
header #banner a,
header #banner a:active,
header #banner a:visited,
header #banner a:link,
header #banner a:hover {
2012-11-16 23:29:39 +01:00
color: #fff;
font-weight: bolder;
}
2012-11-16 23:29:39 +01:00
nav {
background: #1872a2;
2012-11-16 23:29:39 +01:00
color: #fff;
}
nav .nav-menu-icon:hover {
background-color: #308dbf;
position: relative;
height: 22px;
padding: 5px;
margin: 0px 5px;
-moz-border-radius: 5px 5px 0 0;
-webkit-border-radius: 5px 5px 0 0;
border-radius: 5px 5px 0 0;
}
2012-11-16 23:29:39 +01:00
nav .nav-notify {
border: 1px solid black;
}
2012-11-16 23:29:39 +01:00
nav #nav-home-link, #nav-directory-link, #nav-apps-link{font-size: 14px;}
nav #nav-messages-linkmenu.on .icon.messages, nav #nav-messages-linkmenu.selected .icon.messages{
2012-11-16 23:29:39 +01:00
background-image: url("../diabook-blue/icons/messages.png");}
/*nav #nav-notifications-linkmenu.on .icon.notify,*/ nav #nav-notifications-linkmenu.selected .icon.notify{
2012-11-16 23:29:39 +01:00
background-image: url("../diabook-blue/icons/notify.png");}
nav #nav-contacts-linkmenu.on .icon.contacts, nav #nav-contacts-linkmenu.selected .icon.contacts{
2012-11-16 23:29:39 +01:00
background-image: url("../diabook-blue/icons/contacts.png");}
nav #nav-apps-link.selected {
2012-11-16 23:29:39 +01:00
background-color: #364e59;;
moz-border-radius: 5px 5px 0 0;
-webkit-border-radius: 5px 5px 0 0;
border-radius: 5px 5px 0 0;
}
ul.menu-popup a:hover {
2012-11-16 23:29:39 +01:00
background-color: #308DBF;
color: #fff;
}
2012-11-16 23:29:39 +01:00
.menu-profile-list:hover{background: #308DBF;}
2012-11-16 23:29:39 +01:00
.menu-profile-icon.home{background: url("../diabook-blue/icons/home.png") no-repeat;}
.menu-profile-icon.photos{background: url("../diabook-blue/icons/mess_side.png") no-repeat;}
.menu-profile-icon.events{background: url("../diabook-blue/icons/events.png") no-repeat;}
.menu-profile-icon.notes{background: url("../diabook-blue/icons/notes.png") no-repeat;}
.menu-profile-icon.foren{background: url("../diabook-blue/icons/pubgroups.png") no-repeat;}
.menu-profile-icon.com_side{background: url("../diabook-blue/icons/com_side.png") no-repeat;}
.menu-profile-icon.pscontacts{background: url("../diabook-blue/icons/pscontacts.png") no-repeat;}
2012-11-16 23:29:39 +01:00
aside #dfrn-request-link {background: #005c94 url('../../../../images/connect-bg.png') no-repeat left center;}
2012-11-16 23:29:39 +01:00
#side-bar-photos-albums li{list-style-type: disc;}
#side-bar-photos-albums ul li{margin-left: 30px;
padding-left: 0px;}
#side-bar-photos-albums ul li a{color: #1872a2;}
2012-11-16 23:29:39 +01:00
.widget .tool.selected {background: url("../diabook-blue/icons/selected.png") no-repeat left center;}
span.sbox_l {background: white url('../diabook-blue/icons/srch_l.gif') no-repeat top left;}
span.sbox_r {background: white url('../diabook-blue/icons/srch_r.gif') no-repeat top left;}
span.sbox input {background: white url('../diabook-blue/icons/srch_bg.gif') repeat-x top left;}
2012-11-16 23:29:39 +01:00
right_aside a{color: #1872a2;}
.close_box {
background-image: url("../diabook-blue/icons/close_box.png");
2012-11-16 23:29:39 +01:00
cursor: pointer;}
2012-11-16 23:29:39 +01:00
.close_box:hover {background-image: url("../diabook-blue/icons/close_box.png");}
2012-11-16 23:29:39 +01:00
.tread-wrapper a{color: #1872a2;}
2012-11-16 23:29:39 +01:00
.wall-item-comment-wrapper {background-color: #fff;
width: 500px;}
2012-11-16 23:29:39 +01:00
.button.creation2 {background-color: #055580;}
2012-11-16 23:29:39 +01:00
#acl-search {background: #ffffff url("../../../../images/search_18.png") no-repeat right center;}
2012-11-16 23:29:39 +01:00
#acl-showall {background-image: url("../../../../images/show_all_off.png");}
2012-11-16 23:29:39 +01:00
#acl-showall.selected {background-image: url("../../../../images/show_all_on.png");}
2012-11-16 23:29:39 +01:00
.acl-button-show {background-image: url("../../../../images/show_off.png");}
.acl-button-hide {background-image: url("../../../../images/hide_off.png");}
.acl-button-show.selected {background-image: url("../../../../images/show_on.png");}
.acl-button-hide.selected {background-image: url("../../../../images/hide_on.png");}
2012-11-16 23:29:39 +01:00
ul.tabs li .active {background-color: #055580;}
2012-11-16 23:29:39 +01:00
.field .onoff a {background-image: url("../../../../images/onoff.jpg");}
2012-11-16 23:29:39 +01:00
.oauthapp img.noicon {background-image: url("../../../../images/icons/48/plugin.png");}
.photo {
box-shadow: 2px 2px 5px 0px #000000;
margin: 0px;
border-radius: 10px;
height: 145px !important;
width: 145px !important;
}
2012-11-16 23:29:39 +01:00
.lframe {
float: left;
}
2012-11-16 23:29:39 +01:00
.contact-photo-menu-button {background-image: url("../../../../images/icons/16/menu.png");}
2012-11-16 23:29:39 +01:00
.event-description:before {content: url('../../../../images/calendar.png');}
2012-11-16 23:29:39 +01:00
.calendar.eventcal a {color: #1872a2;}
.photo-top-album-name {
width: 100%;
position: absolute;
bottom: 0px;
padding-left: 3px;
background-color: #EEE;
}
2012-11-16 23:29:39 +01:00
.photo-top-album-link{color: #1872a2;}