My old layout
Friday, 4. September 2009, 10:32:28
/* ----------------------------------------------------- */
/* ---------- 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;
}














thobi # 4. September 2009, 11:09
Aleksander # 4. September 2009, 11:15