Pixelpost is a popular open-source photoblog application for photographers to present their stunning work. This addon is a new restyle for the Pixelpost administration area. You only have to locale the admin_index.css in the admin folder and replace it with the new style. I teste it with Pixelpost 1.7.3 and found no errors. Make sure to save your old css file. Have fun!
Download the new Pixelpost Admin Theme (Right-Click -> Save Target As …)
Preview
Code
/* .............................. */
/* Admin Theme for Pixelpost by Michael Kirste */
/* (http://www.webdesign.mkirste.de) */
/* SVN file version: */
/* $ID$ */
/* Basic */
/* .............................. */
body {
background:#606060;
margin:0px;
padding:0px;
text-align:center;
font-family:Verdana, Helvetica, sans-serif;
font-size:12px;
color:#606060;
}
/* .............................. */
/* Links */
/* .............................. */
a {
color:#606060;
text-decoration:none;
}
/* .............................. */
/* Wrapper */
/* .............................. */
#wrapper {
margin:20px auto;
padding:0px;
width:90%;
text-align:left;
background:#fff;
color:#3a3739;
border:10px solid #fff;
}
/* .............................. */
/* Header */
/* .............................. */
#header {
margin:0px;
padding-top:6px;
padding-bottom:30px;
padding-left:6px;
padding-right:0px;
font-family:Helvetica, verdana, sans-serif;
font-size:16px;
font-weight:100;
color:#fff;
background:#627d90;
letter-spacing:2px;
text-transform:uppercase;
}
#header a {
color:#fff;
text-decoration:none;
}
#header a:hover {
color:#fff;
text-decoration:underline;
}
/* .............................. */
/* Navigation */
/* .............................. */
#navigation {
clear:right;
margin:0px;
background:#627d90;
color:#fff;
font-size:11px;
text-align:left;
padding-bottom:4px;
font-weight:bold;
}
#navigation a {
color:#fff;
text-decoration:none;
padding:8px;
}
#navigation a:hover {
color:#fff;
text-decoration:underline;
}
#submenu {
padding-top:6px;
padding-bottom:6px;
background:#ebeae8;
color:#606060;
font-size:10px;
margin:1px 0 15px 0;
text-align:left;
}
#submenu a {
padding:5px;
}
#submenu a:hover {
text-decoration:underline;
color:#606060;
}
/* .............................. */
/* Captions */
/* .............................. */
#caption {
margin:10px 0px 0px 0px;
padding:7px;
font-size:14px;
color:#606060;
font-weight:100;
text-align:left;
background:#dedddb;
}
.jcaption, .addon_on, .addon_off, .addon_error {
border-top:0px solid #abe048;
border-bottom:1px solid #abe048;
margin:10px 0px 0px 0px;
padding-top:4px;
padding-bottom:4px;
padding-left:5px;
padding-right:0px;
font-family:Helvetica, verdana, sans-serif;
font-size:11px;
font-weight:bold;
letter-spacing:1px;
color:#5d7d22;
}
.jcaption br {display:none;}
.jcaption a {
color:#5d7d22;
}
.jcaption a:hover {
color:#76b501;
}
.jcaption {
background:#e0f0c3;
}
.addon_on {
background:#e0f0c3;
}
.addon_off {
background:#ebeae8;
color:#9b9b9b;
border-bottom:1px solid #b0b0b0;
}
.addon_error {
background:#eac8c8;
color:#9b3b3b;
border-bottom:1px solid #c46464;
}
/* .............................. */
/* Content and titles */
/* .............................. */
.content {
border:0px solid #ace149;
margin-left:0px;
margin-right:0px;
margin-top:0px;
margin-bottom:12px;
padding:10px 5px;
font-size:11px;
color:#606060;
background:#f1f8e7;
}
.content ul {
list-style:none;
display:block;
margin:-5px -5px 5px -5px;
padding:10px 0;
background:#fff;
font-size:11px;
}
.content ul li {
padding:5px;
margin:0px 0px 0px 0px;
border-top:0px;
border-left:0px;
border-right:0px;
border-bottom:1px solid #fff;
background:#f4f3f2;
}
.content ul li:hover {background:#ebeae8;}
.content ul li img {
border:0px solid black;
float:left;
margin:2px 10px 0px 0px;
height:62px;
}
.content ul a:hover {
text-decoration:underline;
color:#000;
}
/* .............................. */
/* Misc. */
/* .............................. */
input {padding:0px;}
.right {margin-left:2%;}
.smaller {font-size:9px;font-weight:normal;}
.item {
border:0px;
float:left;
padding-right:5px;
margin-right:5px;
font-weight:bolder;
font-size:110%;
}
hr {
background-color:#fff;
height:1px;
border:0px;
}
.selectedsubmenu {color:#666;}
.published-comment {background-color:#f4f6f1;color:#666;}
.unpublished-comment {background-color:#fff9e1;color:#666;}
.cmnt-buttons {
font-size:10px;
}
.confirm {
font-size:11px;
font-weight:bold;
color:#fff;
background:#f26925;
border:0;
position:relative;top:-23px;
margin:0 0 -23px 0;
}
.confirm a {color:#fff;}
.confirm br {display:none;}
#cattable {
width:100%;
margin:0px;
padding:1px;
clear:both;
}
#cattable td {
width:25%;
}
#logo {
position:relative;
float:left;
border:0px;
margin:0px 18px;
padding:0px;
}
#itemimg {
margin-left:20px;
margin-top:5px;
border:1px solid #000;
}
#photonumb {
color:#89d200;
font-weight:bold;}
#warning {
font-size:12px;
color:#722c2c;
margin:20px 0 0 0;
background-color:#eccdcd;
border-top:1px solid #c46464;
border-bottom:1px solid #c46464;
font-family:arial,verdana,sans-serif;
text-align:center;
padding:6px;
}
#datetable {
text-align:center;
}
#datetable td {
width:30px;
}
#datetable td.gap {
width:5px;
}
.images-checkbox{
margin-bottom:0px;
margin-top:0px;
margin-left:0px;
margin-right:0px;
position:relative;top:3px;
}
/* Kommentare */
body > p {padding:10px;margin:0px auto;background:#fff;color:606060;}
body p:first-child {margin-top:100px;}