Default icon in sidebar

[jussy_baby]

Journal: guess_the_show
S1 oder S2: S2
Layout Stil: Flexible Squares
Account Art: Plus
Kurzbeschreibung des Problems: Default-Icon-Platzierung in der Sidebar.

Der Ersteller des Layouts sagt zwar, dass man beim Einrichten "Show the default user picture on the sidebar?" auf "No" setzen soll, aber ich hätte gern das Default-Icon in der Sidebar (mittig platziert).



/*
CSS by a r t p h i l i a.livejournal.com
*/

html {
overflow-y: auto;
background-color: transparent;
}

body {
background-image: url(http://i1172.photobucket.com/albums/r567/guess_the_show/about%20the%20comm/background.jpg);
background-repeat: repeat;
background-color: #E7E7E7;
text-align: center;
color: #9B9B9B;
font-family: Calibri, Tahoma, Verdana, Helvetica, sans-serif;
font-size: 12px;
margin: 50px 0 50px 100px;
}

a, a:link, a:visited {
color: #B3C631;
text-decoration: none;
}

a:hover {
color: #CDE54E;
text-decoration: none;
}

p, td {
font-family: Calibri, Tahoma, Verdana, Helvetica, sans-serif;
}

code, kbd, pre, tt {
font-family: Consolas, monospace;
}

table {
border: 1px solid transparent !important;
}

/*-----General page alignment and width-----*/

#content {
width: 900px;
margin: 0 auto;
padding: 0;
background-color: #F8FEF4;
}

#maincontent {
margin: 0;
margin-right: 240px;
background-color: #F8FEF4;
border: 0 solid #F8FEF4;
text-align: justify;
}

#sidebar {
margin: 0;
background-color: #F8FEF4;
border: 0 solid #F8FEF4;
width: 250px;
float: right;
text-align: justify;
}

/*-----Header - you can add a header image with either #header or .headerimage-----*/

#header {
margin: -50px 0 50px 0;
padding: 40px 0;
background-image: url(http://i1172.photobucket.com/albums/r567/guess_the_show/about%20the%20comm/background.jpg);
background-repeat: repeat;
}

/* for formatting header image */
.headerimage {
background-image: url("");
background-repeat: no-repeat;
height: 0;
width: 0;
padding: 0;
margin: 0 auto;
}

/*title and subtitle*/
.title {
color: #F8FEF4;
font-size: 14px;
font-weight: normal;
line-height: 100%;
display: none;
}

.subtitle {
margin-top: 25px;
color: #F8FEF4;
display: none;
}

/*-----Header - top navigation-----*/

/* header -- links to views; title of journal; subtitle of journal */

ul.navheader {
padding: 0;
margin: 0;
}

ul.navheader li {
display: inline;
font-size: 10px;
font-weight: normal;
letter-spacing: 1px;
text-transform: uppercase;
text-decoration: none;
padding: 12px 20px 12px 10px;
margin: 0 0 50px 0;
background-color: #B3C631;
-webkit-border-radius: 25px 8px;
-moz-border-radius: 25px 8px;
border-radius: 25px 8px;
}

.view {
padding: 12px 20px 12px 10px;
margin: 0 0 50px 0;
color: #F8FEF4;
background-color: #D9D9D9 !important;
-webkit-border-radius: 25px 8px;
-moz-border-radius: 25px 8px;
border-radius: 25px 8px;
}

/* look and color of links top menu & footer menu */
div#header a, div#header a:link, div#header a:visited {
color: #F8FEF4;
}

div#header a:hover, div#footer a:hover {
color: #CDE54E;
}

div#footer a, div#footer a:link, div#footer a:visited {
color: #B3C631;
}
div#footer a:hover {
color: #CDE54E;
}

/*-----Entry stuff-----*/

.subcontent {
}

.entry {
margin: 15px 0;
padding: 10px;
background-color: #F8FEF4;
color: #9B9B9B;
text-align: justify;
border-width: 1px;
border-color: #F8FEF4;
border-style: solid;
}

.date {
margin: 0 5px 0 0;
padding: 0 0 0 10px;
font-size: 10px;
text-align: left;
background-color: #F1F1F1;
-webkit-border-radius: 8px 25px 0 0;
-moz-border-radius: 8px 25px 0 0;
border-radius: 8px 25px 0 0;
}

.subject {
font-weight: normal;
margin: 0 5px 0 0;
padding: 0 0 0 10px;
color: #9B9B9B;
font-size: 14px;
text-align: left;
text-transform: uppercase;
background-color: #F1F1F1;
-webkit-border-radius: 0 0 8px 25px;
-moz-border-radius: 0 0 8px 25px;
border-radius: 0 0 8px 25px;
}

.subject a, .subject a:link, .subject a:visited {
color: #B3C631;
text-decoration: none;
}

.subject a:hover {
color: #CDE54E;
text-decoration: none;
}

.datesubject {
background-color: #F8FEF4;
padding: 5px;
}

.entry ul li {
padding-left: 5px;
margin-left: 15px;
}

.entry ol li {
padding-left: 5px;
margin-left: 15px;
}

/*-----Entry Stuff - Tags, Current Mood, Music and Location-----*/

.ljtags {
background:url(http://i1172.photobucket.com/albums/r567/guess_the_show/about%20the%20comm/tags.png);
background-repeat: no-repeat;
background-position: left center;
color: transparent;
font-size: 10px;
font-style: normal;
text-align: left;
margin: 25px 0;
text-transform: lowercase;
padding: 2px;
}
.ljtags a {
background-color: #B3C631;
color: #fafafa;
font-size: 10px;
font-style: normal;
padding: 2px;
-moz-border-radius: 2px 8px;
-webkit-border-radius: 2px 8px;
border-radius: 2px 8px;
}

.currents, .currentlocation, .currentmood, .currentmusic {
font-size: 0.9em;
}

/*-----Entry Stuff - Comments-----*/

.comments {
border-top: 1px dashed #D3D3D3;
text-align: right;
background-color: transparent;
margin: -15px 0 0 0;
position: relative;
}

div.comments a, div.comments a:link, div.comments a:visited {
background-color: #F1F1F1;
-webkit-border-radius: 0 0 15px 15px;
-moz-border-radius: 0 0 15px 15px;
border-radius: 0 0 15px 15px;
padding: 0 10px 5px 10px;
color: #B3C631;
text-decoration: none;
}

div.comments a:hover {
color: #CDE54E;
text-decoration: none;
}

/*-----Entry Stuff - Separator-----*/

.separator {
/* for formatting separators between entries */
height: 5px;
}

/*-----Userpic/Usericon customization-----*/

.userpic, .userpicfriends, .userpiccomment, .defaultuserpic {
position: relative;
float: left;
text-align: center !important;
font-size: 10px !important;
background-color: transparent !important;
padding: 5px;
margin: 30px 0 10px -120px;
z-index: 15;
}

.userpic img, .userpicfriends img, .userpiccomment img, .defaultuserpic img {
-webkit-border-radius: 25px 8px;
-moz-border-radius: 25px 8px;
border-radius: 25px 8px;
}

.userpicfriends a font, .userpicfriends a:link font, .userpicfriends a:visited font {
color: #B3C631 !important;
font-family: Calibri, Tahoma, Verdana, Helvetica, sans-serif !important;
font-size: 10px !important;
text-align: center !important;
}

.userpicfriends a:hover font {
color: #CDE54E;
text-decoration: none;
text-align: center !important;
}

/*-----Sidebar-----*/

.defaultuserpic {
text-align: center;
}

.sbarheader {
padding: 0 5px;
}

.sbarbody {
padding: 0 10px;
margin: 0 0 10px 0;
}

div#sidebar a, div#sidebar a:link, div#sidebar a:visited {
font-weight: thin;
text-transform: none;
text-decoration: none;
color: #B3C631;
}

div#sidebar a:hover {
color: #CDE54E;
}

.sbarbody2 {
padding: 0 10px;
margin: 0 0 10px 0;
}

/*-----Sidebar - link box contents, calendar, and sidebar box titles-----*/

#sidebar_tags, .tagcloud {
width: 95%;
text-align: center !important;
padding: 5px;
}
#sidebar_tags a {
}

#sidebar_linklist {
display: inline-block;
}

ul.sbarlist {
padding: 0;
margin: 0;
list-style: none;
}

li.sbaritem {
display: block;
margin: 0 auto;
padding: 5px;
list-style: none;
border-bottom: 1px dashed #CFF09E;
width: 90%;
}

li.sbartitle {
color: #B3C631;
font-size: 12px;
font-style: none;
text-transform: uppercase;
text-align: center;
padding: 0;
margin: 0;
list-style: none;
background-color: #F1F1F1;
-webkit-border-radius: 25px 8px;
-moz-border-radius: 25px 8px;
border-radius: 25px 8px;
}

td.sbarcalendar {
background-color: #F1F1F1;
text-align: center;
padding: 5px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
}
td.sbarcalendarposts {
background-color: #D3E479;
text-align: center;
color: #B3C631;
padding: 5px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
}

/*-----Footer-----*/

#footer {
width: 100%;
text-align: center;
font-family: Calibri, Tahoma, Verdana, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
text-transform: uppercase;
letter-spacing: 1px;
background-color: #F8FEF4;
z-index: 100;
clear: both;
}

ul.navfooter{
padding: 0;
margin: 0;
}

ul.navfooter li {
display: inline;
margin: 0 5px 0 5px;
}

.clearfoot {
clear: both;
}

/*-----Archive Pages-----*/

ul.year {
text-align: center;
padding-bottom: 40px;
}

ul.year li {
display: inline;
}

table.yeartable {
margin-left: auto;
margin-right: auto;
}

table.yeartable td.yeardate, table.yeartable td.yearday {
border-width: 1px;
border-style: solid;
border-color: #CFF09E;
}

table.yeartable td.yearday {
background-color: #F1F1F1;
text-align: center;
}

td.yearmonth {
border-style: none;
}

/*-----Comments pages-----*/

.datesubjectcomment {
background-color: #F1F1F1;
padding: 5px;
margin-top: 10px;
}

.box {
border: 0;
padding: 10px;
clear: left;
}

input, textarea, option, select {
background-color: transparent;
font-size: 11px;
font-family: Consolas, Inconsolata, Monaco, monospace;
color: #9B9B9B;
letter-spacing: 0;
border: 1px solid #D3D3D3;
padding: 0;
}

textarea.textbox {
width: 100% !important;
}

.reply {
position: relative;
margin: 20px;
padding: 20px;
text-align: left;
background-color: transparent;
color: #9B9B9B;
}

.replytosubject {
font-weight: normal;
}

.commentreply {
position: relative;
margin: 10px;
color: #9B9B9B;
}

.commentbox {
border-color: 1px solid #F8FEF4;
padding: 10px;
margin: 10px;
background-color: #F8FEF4;
}

.datesubjectcomment a:link, .datesubjectcomment a:visited {
color: #B3C631;
text-decoration: none;
}

.datesubjectcomment a:hover {
color: #CDE54E;
text-decoration: none;
}

.commentboxpartial {
border-color: 1px solid #F8FEF4;
padding: 10px;
margin: 10px;
background-color: #F8FEF4;
}

.commentinfo {
background-color: #F8FEF4;
margin-top: 10px;
width: 100%;
}

.skiplinks {
text-align: center;
}

#add_comment { padding: 20px; }

/*-----Misc-----*/

.clear {
height: 15px;
}

blockquote {
margin: 15px;
padding: 5px 15px 20px 15px;
color: #9B9B9B;
font-size: 11px;
font-family: Consolas, Inconsolata, Monaco, monospace;
border: 1px dashed #D3D3D3;
background-color: #f1f1f1;
text-align: justify;
}

/*-----Contextual Popup-----*/

div.ContextualPopup div.Inner {
background: transparent!important;
color: #3F3F3F !important;
padding: 10px;
width: 250px;
font-family: "lucida sans unicode", verdana, tahoma, sans-serif;
line-height: 120%;
font-size: 11px;
border: 0;
}

div.ContextualPopup .Content {
padding: 7px 10px 7px 10px;
margin-right: 80px;
line-height: 1.4;
background-color: #F5F5F5;
border: 1px solid #e0e0e0;
}

div.ContextualPopup .Userpic {
padding: 10px;
background-color: #F5F5F5;
margin: 0;
border: 1px solid #e0e0e0;
}

div.ContextualPopup div.Inner a, div.ContextualPopup div.Inner a:visited {
text-decoration: none !important;
font-weight: 100;
color: #A8DBA8 !important;
}

div.ContextualPopup .Relation {
letter-spacing: 1px;
border-bottom: 1px solid #e0e0e0;
margin-bottom: 4px;
padding-bottom: 4px;
}