Skip navigation.

Log in | Sign up

srf fr a lvn'

I'm Aleksander

My old layout

, ,

So, as promised I'll deliver my previous layout, messy CSS as it is. Please don't judge me.. It all started as a structured thing, but at a certain point it got out of hand. If added, it should more or less look like this:

/* ----------------------------------------------------- */
/* ---------- ALEKSANDER MY OPERA LAYOUT 3.0 ----------- */
/* ----------------------------------------------------- */


/* ----------- */
/* LAYOUT PART */
/* ----------- */
#top2 {
 display: none;
}
#top {
 width: 30%;
 min-width: 30%;
 max-width: 30%;
 float: left;
}
body {
 background-color: #fff;
 font-family:Helvetica, sans-serif;
}
#menu {
 width: 100%;
 min-width: 100%;
 max-width: 100%;
 height: 100%;
 float: left;
}
#mainwrap, #sidewrap, #footer {
 background-color: #666;
 width: 70%;
 min-width: 70%;
 max-width: 70%;
 float: right;
}
#mainwrap, #sidewrap {
 padding-bottom: 20px;
}
#myo, #myo-login {
 font-family: Arial;
 width: 70% !important;
 max-width: 70% !important;
 min-width: 70% !important;
 float: right;
}
#myo {
 padding-left: 0px !important;
 padding-right: 0px !important;
}
#myo2 {
 font-family: Arial;
 width: 100% !important;
 max-width: 100% !important;
 min-width: 100% !important;
}
#userlinx {
 width: 340px;
}
#myo-nav {
 overflow: hidden;
}

/* GLOBAL */
a {
 color: #ccc;
 text-shadow: #000 1px 1px 1px;
 text-decoration: none;
}
p {
 color: #fff;
 text-shadow: #000 1px 1px 1px;
 line-height: 12px;
 font-size: 12px;
 text-decoration: none;
}
h2 {
 color: #fff;
 text-shadow: #000 1px 1px 1px;
 line-height: 32px;
 font-size: 32px;
}
img {
 border: 0px;
}
object {
 padding-left: -200px !important;
}

/* --------- */
/* BLOG PART */
/* --------- */
.post {
 width: 600px;
 min-width: 600px;
 max-width: 600px;
 text-align: justify;
 padding-left: 10px;
 display: block;
}
.content {
 color: #fff;
 text-shadow: #000 1px 1px 1px;
 line-height: 14px;
 font-size: 14px;
 padding-bottom: 10px;
 float: right;
 width: 400px;
}
.content img {
 max-width: 396px;
 border: 2px solid #fff;
}
.postdate {
 width: 180px;
 padding-left: 15px;
 margin-bottom: 0px;
 text-align: left; 
 float: left;
 height: 20px;
 overflow: hidden;
 line-height: 11px;
 font-size: 11px;
 color: #fff;
 text-shadow: #000 1px 1px 1px;
}
.tags {
 width: 180px;
 margin-top: 0px;
 padding-left: 15px;
 text-align: left;
 float: left;
 height: 25px;
 overflow: hidden;
 line-height: 11px;
 font-size: 11px;
 color: #ccc;
 text-shadow: #000 1px 1px 1px;
}
.tags:before
{
content: "Tags: "
}
.tags a {
 color: #ccc;
 text-shadow: #000 1px 1px 1px;
 text-decoration: none;
 text-transform: lowercase;
}
.tags a:hover {
 text-shadow: #fff 1px 1px 3px;
}
.postcomments a {
 text-transform: lowercase;
 color: #efefef;
 text-shadow: #000 1px 1px 1px;
 text-decoration: none;
}
.postcomments a:hover {
 color: #FF009D;
}
.postnav {
 display: none;
}
.readmore a {
 content: "more";
 text-transform: lowercase;
 color: #fff;
 text-shadow: #000 1px 1px 1px;
 text-decoration: none;
 float: right;
 background-image: none !important;
 padding-left: 0px !important;
}
.readmore a:hover {
 color: #FF009D !important;
}
.postinfo {
 float: right;
 width: 400px;
 border-bottom: 2px groove #000;
}
.content a:before {
 content: "+";
 color: #00DBFF;
 text-shadow: #000 1px 1px 1px; 
}
.content a:hover {
 color: #00DBFF;
}
.title {
 width: 400px;
 float: left;
 display: block;
 margin-top: 0px;
}
.title a, .title {
 line-height: 50px;
 font-size: 32px;
 color: #fff;
 text-shadow: #000 1px 1px 3px;
 text-transform: uppercase;
 text-decoration: none;
}
.title:before {
 content: "+";
 color: #FF1100;
 line-height: 32px;
 font-size: 32px;
 font-weight: 900;
 text-shadow: #000 1px 1px 3px; 
}
.title a:hover {
 color: #FF1100;
}
.blogentry #newcomment {
 width: 400px;
 float: right;
}
.pagenav, .pagenav-info {
 width: 400px;
 float: right;
  position: relative;
 left: 10px;
}
.pagenav a, .pagenav {
 line-height: 24px;
 font-size: 24px;
 color: #fff;
 text-shadow: #000 1px 1px 3px;
 text-transform: uppercase;
 text-decoration: none;
 padding-bottom: 0px;
 margin-bottom: 0px;
}
.pagenav a:hover {
 color: #E828D2;
}
.pagenav-info {
 line-height: 10px;
 font-size: 10px;
 color: #fff;
 text-shadow: #000 1px 1px 3px;
 text-transform: lowercase;
 text-decoration: none;
 padding-bottom: 10px;
 margin-bottom: 20px;
 border-bottom: 2px groove #000;
}
#getopera {
 width: 400px;
 float: right;
 text-align: right;
 padding: 20px;
}
/* Blog classes */
.blist {
 list-style: none;
}
.blist li:before {
 line-height: 14px;
 font-size: 14px;
 color: #fff;
 text-shadow: #000 1px 1px 3px;
 text-transform: lowercase;
 font-weight: 700;
 content: "- "
}
.right {
 float: right;
 display:block;
 margin: 5px 0px 5px 10px ;
}
.left {
 float: left;
 display:block;
 margin: 5px 10px 5px 0px ;
}
.blogimg {
 border: 3px solid #fff;
}
.largeimg {
 width: 400px;
 max-width: 400px;
 margin-bottom: 10px;
}
.small {
 font-size: 8px;
 line-height: 8px;
 text-align: left;
}
.bloglinks {
 width: 250px;
 float: right;
 padding: 10px;
 margin: 10px;
 border: 1px solid #fff;
 text-align: left;
}

/* --------- */
/* MENU PART */
/* --------- */
#menu {
 background-color: transparent;
 margin-top: 200px;
 width: 100%;
 min-width: 100%;
 max-width: 100%;
}
#menu ul {
 list-style: none;
 margin: 0px;
 padding: 0px;
 width: 100%;
 min-width: 100%;
 max-width: 100%;
 display: block;
}
#menu li {
 float: left;
 height: 52px;
 padding: 0px;
 padding-top: 2px;
 padding-bottom: 2px;
 margin: 0px;
 border: 0px;
 width: 100%;
 min-width: 100%;
 max-width: 100%;
 overflow: hidden;
 display: block;
}
#menu a {
 padding-left: 20px;
 padding-right: 20px;
 line-height: 50px;
 font-size: 72px;
 color: #424143;
 text-shadow: #efefef 1px 1px 3px;
 text-transform: uppercase;
 background-color: transparent;
 width: 100%;
 min-width: 100%;
 max-width: 100%;
 display:block;
 font-weight: bold;
}
#menu_blog a {
 content: "blog";
}
#menu_blog a:hover {
 content: "read it";
 font-size: 36px;
 text-decoration: none;
 background-color: #7B00CC;
}
#menu_albums a {
 content: "images";
}
#menu_albums a:hover {
 content: "see them";
 font-size: 36px;
 text-decoration: none;
 background-color: #FF00CB;
}
#menu_favorites a {
 content: "favorites";
}
#menu_favorites a:hover {
 content: "love them";
 font-size: 36px;
 text-decoration: none;
 background-color: #FF1700;
}
#menu_unite a {
 content: "unite";
}
#menu_unite a:hover {
 content: "connect now";
 font-size: 36px;
 text-decoration: none;
 background-color: #FFF500;
}
#menu_links a {
 content: "links";
}
#menu_links a:hover {
 content: "surf there";
 font-size: 36px;
 text-decoration: none;
 background-color: #FFF500;
}
#menu_friends a {
 content: "friends";
}
#menu_friends a:hover {
 content: "meet them";
 font-size: 36px;
 text-decoration: none;
 background-color: #70FF00;
}
#menu_about a {
 content: "aleksander";
}
#menu_about a:hover {
 content: "love me";
 font-size: 36px;
 text-decoration: none;
 background-color: #00FBFF;
}

/* ----------- */
/* BOTTOM PART */
/* ----------- */
#footer2 {
 width: 400px;
 min-width: 400px;
 max-width: 400px;
 text-align: justify;
 padding-left: 20px;
 color: #fff;
 text-shadow: #000 1px 1px 1px;
 line-height: 11px;
 font-size: 10px;
 float: left;
 padding-left: 200px;
 margin-left: 0px;
}
#footer2 a {
 color: #ccc;
 text-shadow: #000 1px 1px 1px;
 text-decoration: none;
}
#footer2 a:hover {
 color: #FB0CFF;
 text-shadow: #7D067F 1px 1px 1px; 
}
#footer2:before {
 content: "Disclaimer: The oppinions and views in this blog are...";
 display:block;
 color: #000;
 width: 190px;
 border: 5px solid #666;
 padding: 5px;
 margin-top: 10px;
 margin-left: 0px;
 background-color: #FFF000;
 text-shadow: none; 
 float: left;
 font-size: 10px;
}
#footer2 p {
 margin-left: 10px;
}
#side {
 width: 600px;
 float: left;
 padding-left: 20px;
}
/* Tag cloud */
.size1 { 
 font-size: 9px;
}
.size2 { 
 font-size: 11px;
}
.size3 { 
 font-size: 13px;
 font-weight: 700;
}
.size4 { 
 font-size: 15px;
 font-weight: 700;
}
.size5 { 
 font-size: 22px;
 font-weight: 700;
}
#tagcloud:before {
 color: #fff;
 text-shadow: #000 1px 1px 3px;
 content: "TAGS";
 font-size: 60px;
 width: 200px;
 overflow: hidden;
 font-weight: 700;
 float: left;
}
#tagcloud {
 width: 400px;
 float: right;
}
#tagcloud h2 {
 display: none;
}
#tagcloud ul { 
 list-style-position: outside;
 list-style-type: none;
 list-style-image: none;
}
#tagcloud li { 
 float: left;
 line-height: 22px;
 height: 26px;
 padding-right: 12px;
 white-space: nowrap;
}
#tagcloud a {
 color: #ccc;
 text-shadow: #000 1px 1px 1px;
 text-decoration: none;
}
#tagcloud a:hover {
 color: #FB0CFF;
 text-shadow: #7D067F 1px 1px 1px; 
}
/* Sidebar Aleksander */
#qp {
 width: 400px;
 min-width: 400px;
 max-width: 400px;
 display:block;
 float: right;
}
#qp h2 {
 content: "Aleksander is the person behind this madness of a blog!";
 display:block;
 font-size: 12px;
 color: #fff;
 text-shadow: #000 1px 1px 1px; 
 display:block;
 width: 160px;
 float: right;
 margin-top: 0px;
}
#myphoto {
 float: left;
 width: 200px;
 height: 160px;
}
/* Sidebar Friends */
#friendz {
 padding-top: 10px;
 width: 400px;
 min-width: 400px;
 max-width: 400px;
 display:block;
 float: right;
}
#friendz h2 {
 content: "The value of a man is determined by the value of his friends";
 width: 400px;
 border-top: 2px groove #000;
 display:block;
 font-size: 12px;
 color: #fff;
 text-shadow: #000 1px 1px 1px; 
 display:block;
 float: right;
 margin-top: 0px;
}
#friendz ul { 
 list-style-position: outside;
 list-style-type: none;
 list-style-image: none;
}
#friendz li {
 width: 180px;
 max-width: 180px;
 min-width: 180px;
 float: left;
 padding: 0px;
 margin: 0px;
 padding-bottom: 10px;
}

/* ----------- */
/* IMAGES PAGE */
/* ----------- */
#albumsheader {
 line-height: 50px;
 font-size: 32px;
 color: #fff;
 text-shadow: #000 1px 1px 3px;
 text-transform: uppercase;
 text-decoration: none;
 content: "my photo albums";
 width: 600px;
}
#main {
 width: 600px;
 min-width: 600px;
 max-width: 600px;
 text-align: justify;
 padding-left: 10px;
}
#albums {
 list-style-type:none;
 padding-left: 10px;
}
#albums li, ul {
 padding: 0px;
 margin: 0px;
}
.albuminfo {
 padding-left: 200px;
 margin: 0px;
 padding-bottom: -50px;
}
.albuminfo img {
 border: 5px solid #fff;
 border-bottom: 35px solid #fff;
 width: 390px;
 height: 293px;
}
.albumname {
 position: relative;
 top: -50px;
 padding-left: 5px;
 color: #000;
 text-shadow: #ccc 1px 1px 1px;
 text-decoration: none;
 text-transform: capitalize;
 font-family: Comic Sans, Comic Sans MS, cursive; 
}
.imagecount:before {
 content: "There are "
}
.imagecount:after {
 content: " in this album."
}
.imagecount {
 color: #fff;
 text-shadow: #000 1px 1px 1px;
 line-height: 14px;
 font-size: 14px;
 position: relative;
 top: -50px;
}
.albdesc {
 color: #fff;
 text-shadow: #000 1px 1px 1px;
 line-height: 14px;
 font-size: 14px;
 position: relative;
 top: -50px;
}
#imgdesc {
 color: #fff;
 text-shadow: #000 1px 1px 1px;
 line-height: 12px;
 font-size: 12px;
 width: 400px;
 float: right;
 position: relative;
 top: -50px;
}
#albums .buttons {
 position: relative;
 top: -50px;
 color: #fff;
 text-shadow: #000 1px 1px 1px;
 line-height: 12px;
 font-size: 12px;
}
#imgbtn {
 position: relative;
 float: left;
 top: -170;
 left: 10px;
}
.sidebox h2 {
 display: none;
}
#albumlist:before {
 color: #fff;
 text-shadow: #000 1px 1px 3px;
 content: "ALBUMS";
 font-size: 42px;
 width: 200px;
 overflow: hidden;
 font-weight: 700;
 float: left;
}
#albumlist {
 width: 400px;
 float: right;
 border-bottom: 2px groove #000;
 border-top: 2px groove #000;
}
#albumlist ul { 
 list-style-position: outside;
 list-style-type: none;
 list-style-image: none;
}
#albumlist li { 
 float: left;
 line-height: 22px;
 height: 26px;
 padding-right: 12px;
 white-space: nowrap;
}
#albumlist a {
 color: #ccc;
 text-shadow: #000 1px 1px 1px;
 text-decoration: none;
 text-transform: capitalize;
}
#albumlist a:hover {
 color: #FB0CFF;
 text-shadow: #7D067F 1px 1px 1px; 
}
/* ALBUM VIEW */
.thumb img {
 width: 180;
 height: 135;
 border: 5px solid #fff;
}
#mypix {
 list-style-type:none;
 padding-left: 10px;
 max-width: 400px;
 float: right;
}
#mypix ul {
 padding: 0px;
 margin: 0px;
}
#mypix li {
 width: 195px;
 float: right;
 margin: 0px;
 padding-bottom: 10px;
}
.photoviews {
 color: #fff;
 text-shadow: #000 1px 1px 1px;
 font-size: 10px;
 position: relative;
 margin: 0px;
 padding: 0px;
 width: 80px;
 float: right;
 text-align: right;
 padding-left: 10px;
}
.photocomments {
 line-height: 10px;
 margin: 0px;
 padding: 0px;
 height: 10px;
 width: 80px;
 float: left;
}
.photocomments a {
 color: #fff;
 text-shadow: #000 1px 1px 1px;
 font-size: 10px;
 text-decoration: none;
}
#albumheader {
 line-height: 50px;
 font-size: 32px;
 color: #fff;
 text-shadow: #000 1px 1px 3px;
 text-transform: uppercase;
 text-decoration: none;
 width: 600px;
}
#album-mms, .albumdate, .albumtags, .albumdescription {
 color: #fff;
 text-shadow: #000 1px 1px 1px;
 line-height: 14px;
 font-size: 14px;
 float: right;
 width: 400px;
 position: relative;
 left: 10px;
}
.albumtags a {
 color: #fff;
 text-shadow: #000 1px 1px 1px;
 line-height: 14px;
 font-size: 14px;
}
.albumtags a:hover {
 color: #5CFF05;
}
.buttons {
 text-shadow: #000 0px 0px 0px;
 float: right;
 width: 400px;
 position: relative;
 left: 10px;
}
/* SINGLE IMAGE PAGE */
#photoheader a {
 line-height: 50px;
 font-size: 32px;
 color: #fff;
 text-shadow: #000 1px 1px 3px;
 text-transform: uppercase;
 text-decoration: none;
 width: 600px;
 padding-top: 100px;
}
.scaled {
 max-width: 590px;
 float: right;
 border: 5px solid #fff;
}
.comments, .addcomment, #newcomment {
 width: 400px;
 float: right;
 padding-left: 200px;
 line-height: 32px;
 font-size: 32px;
 color: #fff;
 text-shadow: #000 1px 1px 3px;
 text-decoration: none;
}
#comment {
 width: 400px;
}
.avatar {
 width: 100px;
 float: right;
 text-align: right;
}
.avatar img {
 border: 2px solid #fff;
}
.editcomment {
 border-bottom: 2px groove #000;
 color: #fff;
 text-shadow: #000 1px 1px 1px;
 line-height: 10px;
 font-size: 10px;
 padding-bottom: 10px;
}
.editcomment a {
 color: #ccc;
 line-height: 10px;
 font-size: 10px;
}
.comment-by a {
 color: #ccc;
 line-height: 12px;
 font-size: 12px;
}
.editcomment a:hover, .comment-by a:hover {
 color: #ff1700
}
.comment-date {
 color: #fff;
 line-height: 12px;
 font-size: 12px;
}
#imgnav {
 padding-top: 5px;
 position: relative;
 top: -150px;
}
#imgnav .buttons {
 text-align: right;
 float: right;
}
#newcomment form, #login-here form {
 border: 0px;
 background-color: none;
 padding: 0px;
}
#newcomment h3 {
 width: 250px;
 float: left;
 background-image: none;
 background-color: transparent;
 border: 0px;
 color: #fff;
 text-shadow: #000 1px 1px 1px;
 line-height: 24px;
 font-size: 24px;
 content: "LEAVE COMMENT";
}
.dsmilies {
 color: #fff;
 text-shadow: #000 1px 1px 1px;
 line-height: 10px;
 font-size: 10px;
}
.comments .text, .comment-by {
 color: #fff;
 text-shadow: #000 1px 1px 1px;
 line-height: 14px;
 font-size: 14px;
}
#picnav {
 width: 400px;
 float: right;
 margin-top: 10px;
 color: #fff;
 text-shadow: #000 1px 1px 1px;
 line-height: 10px;
 font-size: 10px;
}
#p1, #p1 a {
 float: left;
 color: #fff;
 text-shadow: #000 1px 1px 1px;
 line-height: 10px;
 font-size: 10px;
}
#p1 {
 width: 104px;
 float: left;
}
#p2 {
 width: 104px;
 float: right;
}
#picnav img {
 border: 2px solid #fff;
}
#picnav a {
 color: #fff;
 text-shadow: #000 1px 1px 1px;
 line-height: 10px;
 font-size: 10px;
}
#imageproperties, #embedform {
 width: 400px;
 float: right;
 margin-top: 10px;
 color: #fff;
 text-shadow: #000 1px 1px 1px;
 line-height: 10px;
 font-size: 10px;
}
#bigimg {
 float: right;
 text-align: right;
}
#bigimg img {
 border: 5px solid #fff;
 border-bottom: 30px solid #fff;
}

/* ---------- */
/* ABOUT PAGE */
/* ---------- */
#personal {
 padding-top: 146px;
 width: 400px;
 float: right;
}
#aboutme {
 width: 400px;
 float: right;
}
#grouplist {
 display: none;
}
#personal ul { 
 list-style-position: outside;
 list-style-type: none;
 list-style-image: none;
}
#personal li { 
 float: left;
 line-height: 22px;
 height: 20px;
 width: 400px;
 white-space: nowrap;
 color: #fff;
 text-shadow: #000 1px 1px 1px;
 line-height: 12px;
 font-size: 12px;
}
#personal #userpic img {
 display: none;
}
#myfavs ul { 
 list-style-position: outside;
 list-style-type: none;
 list-style-image: none;
 width: 400px;
 float: right;
}
#myfavs li { 
 float: left;
 line-height: 22px;
 padding: 5px;
 width: 90px;
 overflow: hidden;
 color: #fff;
 text-shadow: #000 1px 1px 1px;
 line-height: 12px;
 font-size: 12px;
 white-space: nowrap;
}
#myfavs li span { 
 color: #000;
 text-shadow: #ccc 1px 1px 1px;
 background-color: fff;
 line-height: 10px;
 font-size: 10px;
 position: relative;
 left: -68px;
 width: 68px;
 overflow: hidden;
}

/* ------------- */
/* FAVORITE PAGE */
/* ------------- */
.favs {
 width: 70%;
 float: right;
 background-color: #666;
 padding-bottom: 30px;
}
.favs h2 {
 color: #fff;
 text-shadow: #000 1px 1px 1px;
 line-height: 32px;
 font-size: 32px;
 padding-top: 40px;
 padding-left: 10px;
}
.favs ul, .fav ul { 
 list-style-position: outside;
 list-style-type: none;
 list-style-image: none;
 width: 400px;
 padding-left: 200px;
}
.favs li, .fav li { 
 float: right;
 line-height: 22px;
 width: 200px;
 white-space: nowrap;
 color: #fff;
 text-shadow: #000 1px 1px 1px;
 line-height: 12px;
 font-size: 12px;
 overflow: hidden;
 color: #fff;
 text-shadow: #000 1px 1px 1px;
 line-height: 12px;
 font-size: 12px;
 text-decoration: none;
 text-align: right;
}

/* ---------- */
/* UNITE PAGE */
/* ---------- */
#srvhelp {
 padding-left: 190px;
 width: 400px;
 float: right;
}
#usersrv-side ul { 
 list-style-position: outside;
 list-style-type: none;
 list-style-image: none;
 width: 400px;
 float: right;
}
#usersrv-side li { 
 float: right;
 line-height: 22px;
 width: 200px;
 color: #fff;
 text-shadow: #000 1px 1px 1px;
 line-height: 12px;
 font-size: 12px;
 color: #fff;
 text-shadow: #000 1px 1px 1px;
 line-height: 12px;
 font-size: 12px;
 text-decoration: none;
 text-align: right;
}
#uniteuser {
 list-style-position: outside;
 list-style-type: none;
 list-style-image: none;
 width: 400px;
 float: right;
}

/* ------------ */
/* FRIENDS PAGE */
/* ------------ */
#myfriends ul { 
 list-style-position: outside;
 list-style-type: none;
 list-style-image: none;
 width: 400px;
 float: right;
}
#myfriends li { 
 float: left;
 line-height: 22px;
 width: 190px;
 padding: 5px;
 overflow: hidden;
 white-space: nowrap;
 color: #fff;
 text-shadow: #000 1px 1px 1px;
 line-height: 12px;
 font-size: 12px;
}
.friendname {
 color: #000;
 text-shadow: #ccc 1px 1px 1px;
 background-color: #fff;
 line-height: 12px;
 font-size: 12px;
 position: relative;
 left: -220px;
 top: -3px;
}
.myfriends li div a img {
 height: 165px;
 max-height: 165px;
 min-height: 165px;
 width: 220px;
 maxwidth: 220px;
 min-width: 220px;
}

/* ---------- */
/* LINKS PAGE */
/* ---------- */
#meta {
 padding: 10px;
 float: right;
}
#mylinks {
 width: 400px;
 float: right;
}
#mylinks ul { 
 list-style-position: outside;
 list-style-type: none;
 list-style-image: none;
 width: 180px;
 float: right;
}
#mylinks li { 
 height: 64px;
 float: left;
 width: 180px;
 overflow: hidden;
 white-space: nowrap;
 color: #fff;
 text-shadow: #000 1px 1px 1px;
 line-height: 12px;
 font-size: 12px;
 padding-top: 10px;
 padding-bottom: 10px;
 border-bottom: 2px groove #000;
}
#mylinks li a:before { 
 content: "* ";
 color: #fff000;
 text-shadow: #000 1px 1px 1px;
 line-height: 12px;
 font-size: 12px;
}
#mylinks li a:hover { 
 color: #fff000;
 text-shadow: #fff 1px 1px 3px;
}
#mylinks div {
 width: 180px;
 padding: 10px;
 float: right;
}
#mylinks h2 {
 margin-bottom: 0px;
 margin-top: 0px;
}
.linkdesc {
 height: 34px;
}

/*

Random play

*/

.ownercomment {
 background-color: #444;
 padding: 5px;
}
.ownercomment img {
 display: none;
}
#friendrequest {
 display: none !important; 
}

Opera 10 FinalApples and paint

Comments

thobi 4. September 2009, 11:09

nice. thanks for sharing :smile:

Aleksander 4. September 2009, 11:15

Forgot to mention: Select my stylesheet only to use it. Or just cut and paste what you want from it :smile:

How to use Quote function:

  1. Select some text
  2. Click on the Quote link

Write a comment

Comment
(BBcode and HTML is turned off for anonymous user comments.)

If you can't read the words, press the small reload icon.


Smilies