"Nature" transparent theme for My.Opera.com

Codes you can find here: http://my.opera.com/Gabrielal/blog/2012/09/28/nature-transparent-theme

"Sunset" theme for My.Opera.com with animated birds

Installation on My.Opera.com
==============================

To install this theme, you need to follow these steps:

1.Copy the following codes bellow:
2.Click Customize Design -> Design
3.Choose "The Darkside" theme
4.Click Customize -> Edit CSS
5.Paste the the codes in the text field
6.Select Use my custom style sheet together with the current theme
7.Click SAVE

Go to your page and reload it to see the changes.

CODES
============================================

/*Opera design*/
/*Sunset - The Darkside base theme - design by Gabrielal - August 22, 2012*/

body{
background-color:#0D0402;
background-image:url(http://mymultiplythemes.blog.com/files/2012/08/Image2b.png);
background-position: top center;
background-repeat: no-repeat;
color:#c39f78;
}

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

#header {
position: relative;
height: 60px;
padding: 8px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
border: none;
background: transparent none;
font: 12px/1.5 Arial, Helvetica, sans-serif;
}

/*text on global nav*/
#header a, #header a:hover {
color:#c39f78;
font-weight:bold;
font-size: 16px;
text-decoration:none;
font-family:century gothic;
}

/*as owner-naw*/
#top {
position: relative;
height:650px;
padding: 8px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
border:none;
background: transparent url(http://mymultiplythemes.blog.com/files/2012/08/bird6.gif) center no-repeat;
font: 12px/1.5 Arial, Helvetica, sans-serif;
}

/*page title*/
#top h1{
color:#c39f78;
text-shadow:0px 1px 0px #000;
font-size: 22px;
text-decoration:none;
font-family:century gothic;
text-align:left;
}

/*page subtitle*/
#subtitle{
color:#c39f78;
font-size: 14px;
text-decoration:none;
font-family:century gothic;
font-style:normal;
text-align:left;
}

/*as contentwrapper*/
#wrap1{
max-width:960px !important;
min-width:960px !important;
width:960px !important;
padding:0;
margin:0 auto;
background-color:transparent;
}
#wrap4 {
padding-bottom:20px;
background: transparent none;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
border:none;
padding:0;
margin:0 auto;
}

/* as subnavc*/
#menu {
margin-top:410px;
background:#0D0402 none;
border:none;
}

/*as subnav*/
#menu li{
background:transparent url(http://mymultiplythemes.blog.com/files/2012/08/1150641486.jpg) center repeat;
border:none;
padding:2px;
}

#menu a:link, #menu a:visited, #menu a:active {
color:#c39f78;
border:none;
font-weight:bold;
font-size: 12px;
font-family:century gothic;
background:#0D0402 none;
}

#menu a:hover, #menu #selected:link, #menu #selected:visited{
background-color:#f4d49b;
border:none;
color:#0D0402;
}

/*as pagestart*/
#content {
padding:0px;
max-width:920px !important;
min-width:920px !important;
width:920px !important;
padding:0;
background:transparent none;
margin:0 auto;
}

/* as maincontent*/
#mainwrap {
min-height:400px;
max-width:680px !important;
min-width:680px !important;
width:680px !important;
padding:0;
background:transparent none;
margin:0 auto;
}

#main{
max-width:660px !important;
min-width:660px !important;
width:660px !important;
background:transparent none;
margin-left:0;
}

/* as railbody img*/
#myphoto, #albumslides, #qp li {
background:transparent none;
border:none;
}

/* as railbody*/
/*#sidewrap{
background:#683426 none;
border:none;
padding:8px;
width:235px;
}*/

/*text in rail*/
#side a:link, #side a:visited{
color:#c39f78;
font-size: 14px;
text-decoration:none;
}

/*text in rail*/
#side h2, #side h2, #side caption{
color:#c39f78;
font-size: 18px;
text-decoration:none;
font-family:century gothic;
background:url(http://mymultiplythemes.blog.com/files/2012/08/Rail-userlogo-and-more.jpg) repeat;
}

#side h2 a:link, #side h2 a:visited, #side caption a:link, #side caption a:visited{
color:#c39f78;
}

/*text v mých přidaných linkech - v rail*/
#side, #foother{
color:#c39f78;
text-decoration:none;
font-family:century gothic;
}

#side .preview a{
color:#c39f78;
font-family:century gothic;
}

#side a.username:link, #side a.username:visited, #side .size5 a, .whisper, .postnav a:link, .postnav a:visited {
color:#c39f78;
}

#side h2, #side .h2, #side caption{
background:url(http://mymultiplythemes.blog.com/files/2012/08/b4.png) center repeat-x;
color:#0D0402;
}



/*Album*/
.albuminfo{
background:transparent none;
border:none;
}

/*celkový pohled na obrázky*/
#albums li{
}

/*text in album*/
#albums a, #albums a:visited{
color:#c39f78;
font-size: 14px;
text-decoration:none;
}

/*photos in album v albu*/
#mypix .thumb{
background:transparent none;
border:none;
}

/*photos in album v albu - velikost obrázku*/
#mypix .thumb img{
}

/*photos in album v albu - šířka backgroundu*/
#mypix li{
}

/*photos in album v albu - kolik vidělo obrázek*/
#mypix p{
color:#c39f78;
font-size: 14px;
margin:0;
margin-bottom: 5px;
}

#albums .albuminfo p a{
color:#c39f78;
}

#frame1{
background:transparent none !important;
-moz-box-shadow: 1px 2px 4px #000, inset 1px 4px 15px #000;
-webkit-box-shadow: 1px 2px 4px #000, inset 1px 4px 15px #000;
box-shadow: 1px 2px 4px #000, inset 1px 4px 15px #000;
}

p.rate-text{
color:#c39f78;
}

/* remove green plus (image)*/
.buttons span{
background:transparent;
padding: 0 5px 0 5px;
border: none;
}

/*všechny buttony*/
.buttons a, .buttons a:link, .buttons a:visited, .buttons a:active, .close, #markall{
background:transparent url(http://mymultiplythemes.blog.com/files/2012/08/b4.png) repeat;
padding: 0 10px 0 10px;
border: none;
color: #0D0402 !important;
text-shadow:none;
-moz-box-shadow: 1px 2px 4px #0D0402, inset 1px 2px 4px #0D0402;
-webkit-box-shadow: 1px 2px 4px #0D0402, inset 1px 2px 4px #0D0402;
box-shadow: 1px 2px 4px #0D0402, inset 1px 2px 4px #0D0402;
}

.buttons a:hover, .buttons a:link:hover, .buttons a:visited:hover, .buttons a:active:hover, .close:hover, #markall:hover{
background:transparent url(http://mymultiplythemes.blog.com/files/2012/08/b4.png) bottom repeat;
padding: 0 10px 0 10px;
border: none;
color: #0D0402 !important;
text-shadow: none;
-moz-box-shadow: 1px 1px 3px #0D0402, inset 1px 2px 9px #0D0402;
-webkit-box-shadow: 1px 1px 3px #0D0402, inset 1px 2px 9px #0D0402;
box-shadow: 1px 1px 3px #0D0402, inset 1px 2px 9px #0D0402;
}

/*contact box on home page*/
/*přátelé na titulní straně*/
#friendz li, #friendz li a, #friendz li a:visited{
background:transparent none;
background-size:auto;
border:none;
}


/*tituly mých příspěvků*/
.title a:link, .title a:visited{
color:#c39f78;
text-decoration:none;
}

/*border nad mými píspěvky*/
.post, .pagenav{
border-top: 1px solid #c39f78;
}

/*datumy mých příspěvků*/
.pagenav info, .postdate a:link, .postdate a:visited{
color:#c39f78;#ddc6b5
text-decoration:none;
}

/*něco s tečkovaným borderem */
pre{
border: 1px dashed #c39f78;
width:92%;
}

/*velikost albumu při celkovém pohledu*/
.albuminage img{
height:206px;
width:278px;
}

/*barva datumu v kalendáři*/
#calendar{
color:#ddc6b5;
background:transparent url(http://mymultiplythemes.blog.com/files/2012/08/b4.png) repeat;
}

/*dny, když jsem měla příspěvky*/
#calendar td.l a{
color:#cf061c;
}
/*podklad*/
#calendar tfoot td{
border:none;
}

#calendar td{
background:#0D0402 none;
color:#ddc6b5;
border:none;
}


/*Comments area*/
div.comments{
border: none;
background:transparent none;
padding: 5px;
}

/*avatar komentujícího*/
.avatar{
background:url(http://mymultiplythemes.blog.com/files/2012/08/1150641486.jpg) repeat;
border:none !important;
}


/*Submit*/
input.submit, #content .submit, #submitsearch, input#submitshout{
background:transparent url(http://mymultiplythemes.blog.com/files/2012/08/b4.png) repeat;
padding: 0 10px 0 10px;
border: none;
color: #0D0402 !important;
text-shadow:none;
-moz-box-shadow: 1px 2px 4px #0D0402, inset 1px 2px 4px #0D0402;
-webkit-box-shadow: 1px 2px 4px #0D0402, inset 1px 2px 4px #0D0402;
box-shadow: 1px 2px 4px #0D0402, inset 1px 2px 4px #0D0402;
}

input.submit:hover, #content .submit:hover, #submitsearch:hover, input#submitshout:hover{
background:transparent url(http://mymultiplythemes.blog.com/files/2012/08/b4.png) bottom repeat;
padding: 0 10px 0 10px;
border: none;
color: #0D0402 !important;
text-shadow: none;
-moz-box-shadow: 1px 1px 3px #0D0402, inset 1px 2px 9px #0D0402;
-webkit-box-shadow: 1px 1px 3px #0D0402, inset 1px 2px 9px #0D0402;
box-shadow: 1px 1px 3px #0D0402, inset 1px 2px 9px #0D0402;
}

/*prostor, kde jsou smajlíci*/
div.addcomment{
background: transparent url(http://mymultiplythemes.blog.com/files/2012/08/Body-background.jpg) repeat !important;
border:none;
color: #000 !important;
text-shadow: none;
padding:5px;
padding-right:7px;
width:565px;
}

/*textarea*/
textarea#comment{
background:#0D0402 none;
font-family:century gothic;
border:none;
font-size: 15px;
width:100%;
text-align:center;
padding-top:10px;
color:#ddc6b5;
}

/*itemreplyform*/
body #newcomment form, body #login-here form{
background:transparent none;
border: none;
}

/*Write a comment*/
h3 {
background:transparent none !important;
border: none !important;
}

body #newcomment h3, body #login-here h3{
color:#ddc6b5;
-moz-box-shadow:none !important;
-webkit-box-shadow:none !important;
box-shadow:none !important;
}


/*replybox*/
.comment1, .comment2{
border:none;
background: transparent none;
font-family:century gothic;
padding: 5px;
font-size: 15px;
width:96%;
}

/*replybodytext*/
.comments .text{
color:#ddc6b5;
min-height:60px;
padding: 15px;
font-family:century gothic;
}

/*datum komentáře*/
.comments .text{
color:#ddc6b5;
}

/*quote*/
blockquote{
color: #000!important;
background:transparent url(http://mymultiplythemes.blog.com/files/2012/08/Body-background.jpg) repeat;
font-family:century gothic;
}


/*replyboxstamp*/
p.comment-by{
background:url(http://mymultiplythemes.blog.com/files/2012/08/b4.png) repeat-x;
border: none;
}

/*jméno komentujícího*/
p.comment-by a{
color:#000;
font-family:century gothic;
}

/*edit, quote*/
.comments .text a:link, .comments .text a:visited{
color:#000;
}


/*barva datumu komentáře*/
.comment-date{
color:#000;
}

/*barva křížku*/
a.permalink{
color:#000 !important;
}

/*edit-delete-quote*/
p.editcomment{
margin-top: 15px;
color:#c39f78;
}

/*Odkazy -text color*/
.linkdesc{
color: #c39f78;
}

/*background, když je about me*/
#userpic{
background:transparent url(http://mymultiplythemes.blog.com/files/2012/08/estrelinhas3e.gif) bottom center no-repeat;
padding-bottom:5px;
border:none;
}

/*Větší nápisy*/
#profile h2, #side h3 {
color:#c39f78;
font-family:century gothic;
}

/*????*/
#favlinks{
color:#c39f78;
font-family:century gothic;
}

/*text na samém spodku stránky*/
#footer, #footer a{
color:#c39f78;
font-family:century gothic;
}


/*scrolling chat box in rail*/
div#shoutbox.sidebox{
max-height:200px;
overflow-y: auto;
}
/*datum v chatu v rail*/
#shoutbox li{
color:#ddc6b5;
font-family:century gothic;
}
/*text a chatu*/
#shoutbox blockquote p{
color:#ddc6b5;
}

/*Friends*/
#myfriends img{
position:relative;
}

#myfriends li{
position:relative;
background:transparent none;
}

#myfriends li .send-msg{
background-color:#c39f78;

}

#myfriends li .send-msg a{
color:#000;
}
#myfriends li .send-msg:hover{
}


#myfriends li, #myfriends div{
background:transparent none;
border:none;
}


#myfriends li:hover, #myfriends div:hover{
background:transparent none;
}

/*jméno přítele*/
#myfriends li a, #myfriends li a:visited{
color:#c39f78;
text-shadow:none;
text-decoration: none;
}


/*#myfriends li a:hover, #myfriends li a:visited:hover{
color:black;
text-decoration: none;
text-shadow:none;
}*/

p.send-msg a{
color:#000;
}

/*Archive*/
.month li a{
color: #ddc6b5;
}

.month li a:hover{
color:#000;
background:url(http://mymultiplythemes.blog.com/files/2012/08/Body-background.jpg) repeat;
}

.month span:hover{
color:#000;
}
/*den v měsíci*/
.month span{
color:#ddc6b5;
}

/*název měsíce*/
.month h2 a:link, .month h2 a:visited{
color:#c39f78;
}

#pollresults span{
color:#ddc6b5;
}


/*red opera in footer*/
div#operatxtad{
margin-top:25px;
}


/*some text in rail*/
#side, #foother{
color:#ddc6b5;
}

.userlink span{
color:#ddc6b5;
text-shadow:1px 1px 1px #000;
}

.userlink span:before{
content:"ID:";
color:#000;
text-shadow:none;
}

.userlink span:after{
content:" ";
color:#000;
text-shadow:none;
}

#footer #operatxtad{
background: transparent url(http://mymultiplythemes.blog.com/files/2012/08/b4.png) repeat-x;
border:none;
}
/*LOGO*/
#footer2{
background:url(http://files.myopera.com/Gabrielal/albums/12499812/cooltext747579666.png) bottom center no-repeat;
height:130px;

}

/*#footer:after{
content:"";
font-family:vivaldi;
font-size:22px;
color:#c39f78;
}*/

.pagenav a:link, .pagenav a:visited, .pagenav a:active{
background:transparent url(http://mymultiplythemes.blog.com/files/2012/08/b4.png) repeat;
border:1px ridge #c39f78;
color:#000;
font-weight:normal;
}

.pagenav b{
background:transparent url(http://mymultiplythemes.blog.com/files/2012/08/b4.png) repeat;
color:#000;
font-weight:bold;
}

.pagenav-info{
color:#ddc6b5;
}

.postdate, blockquote{
color:#ddc6b5;
}



.linkdesc{
color:#ddc6b5;
font-family:georgia;
}

ul.linklist li a{
font-size:17px;
color:#c39f78;
}

.albumdate, .albumtags, .albumdescription, #album-mms, .albumowner{
color:#c39f78;
}


#ff li, #grouplist p{
border-top: 1px solid #ddc6b5;
}
/*Quote, edit*/
.comments .text a:link, .comments .text a:visited{
color:#c39f78;
}

/*když jsem odhlášená - spodek stránky*/
#footer-promo{
background:transparent none;
border:none;
}


#footer-promo p, #footer-promo a:link, #footer-promo a:visited, #footer-promo a:active, #footer-promo h2{
color:#c39f78;
}

#footer{
max-width:920px !important;
min-width:920px !important;
width:920px !important;
margin:0 auto;
}

White rose theme for My.Opera.com

Installation on My.Opera.com
==============================

To install this theme, you need to follow these steps:

1.Copy the following codes bellow:
2.Click Customize Design -> Design
3.Choose "The Darkside" theme
4.Click Customize -> Edit CSS
5.Paste the the codes in the text field
6.Select Use my custom style sheet together with the current theme
7.Click SAVE

Go to your page and reload it to see the changes.

CODES
============================================

/*Opera design*/
/*White roses - The Darkside base theme - design by Gabrielal - August 20, 2012*/

body{
background-color:#fff;
background-image:url(http://mymultiplythemes.blog.com/files/2012/08/Body-background.jpg);
background-repeat: repeat;
color:#000;
}

a:link, a:visited, a:active {
color:#464a3e;
text-decoration: none;
}


#header {
position: relative;
height: 60px;
padding: 8px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
border: none;
background: transparent none;
font: 12px/1.5 Arial, Helvetica, sans-serif;
-webkit-box-shadow: 2px 4px 7px #464a3e;
-moz-box-shadow: 2px 4px 7px #464a3e;
box-shadow: 2px 4px 7px #464a3e;

-moz-box-shadow: 1px 2px 4px #464a3e, inset 1px 2px 9px #464a3e;
-webkit-box-shadow: 1px 2px 4px #464a3e, inset 1px 2px 9px #464a3e;
box-shadow: 1px 2px 4px #464a3e, inset 1px 2px 9px #464a3e;
}

/*text on global nav*/
#header a, #header a:hover {
color:#464a3e;
font-weight:bold;
font-size: 16px;
text-decoration:none;
font-family:century gothic;
}

/*as owner-naw*/
#top {
position: relative;
height:620px;
padding: 8px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
border:none;
background: transparent url(http://files.myopera.com/Gabrielal/albums/12482852/White-roses2.png) bottom right no-repeat;
font: 12px/1.5 Arial, Helvetica, sans-serif;
}


/*page title*/
#top h1{
color:#464a3e;
font-size: 22px;
text-decoration:none;
font-family:century gothic;
text-align:left;
}

/*page subtitle*/
#subtitle{
color:#464a3e;
font-size: 14px;
text-decoration:none;
font-family:century gothic;
font-style:normal;
text-align:left;
}

/*as contentwrapper*/
#wrap4 {
padding-bottom:20px;
background: transparent none;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
-webkit-box-shadow: 2px 5px 14px #464a3e;
-moz-box-shadow: 2px 5px 14px #464a3e;
box-shadow: 2px 5px 14px #464a3e;
border:none;
}

/* as subnavc*/
#menu {
margin-top:400px;
background:url(http://mymultiplythemes.blog.com/files/2012/08/Body-background.jpg) repeat;
-webkit-box-shadow: 2px 4px 7px #464a3e;
-moz-box-shadow: 2px 4px 7px #464a3e;
box-shadow: 2px 4px 7px #464a3e;
border:none;
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
}

/*as subnav*/
#menu li{
background:transparent url(http://mymultiplythemes.blog.com/files/2012/08/Rail-userlogo-and-more.jpg) center repeat;
border:none;
padding:3px;
}

#menu a:link, #menu a:visited, #menu a:active {
color:#404040;
border:none;
font-weight:bold;
font-size: 12px;
font-family:century gothic;
background:url(http://mymultiplythemes.blog.com/files/2012/08/Image8g.png) repeat;
}


/* as maincontent*/
#main {
min-height:400px;
width:620px;
padding-bottom:20px;
}

/*as pagestart*/
#content {
padding:5px;
}


/* as railbody img*/
#myphoto, #albumslides, #qp li {
background:transparent none;
border:none;
}

/* as railbody*/
/*#sidewrap{
background:#683426 none;
border:none;
padding:8px;
width:235px;
}*/

/*text in rail*/
#side a:link, #side a:visited{
color:#464a3e;
font-size: 14px;
text-decoration:none;
}

/*text in rail*/
#side h2, #side h2, #side caption{
color:#404040;
font-size: 18px;
text-decoration:none;
font-family:century gothic;
background:url(http://mymultiplythemes.blog.com/files/2012/08/Rail-userlogo-and-more.jpg) repeat;
}

#side h2 a:link, #side h2 a:visited, #side caption a:link, #side caption a:visited{
color:#000;
}

/*text v mých přidaných linkech - v rail*/
#side, #foother{
color:#000;
text-decoration:none;
font-family:century gothic;
}

#side .preview a{
color:#eee;
font-family:century gothic;
}

#side a.username:link, #side a.username:visited, #side .size5 a, .whisper, .postnav a:link, .postnav a:visited {
color:#000;
}

#side h2, #side .h2, #side caption{
background:url(http://mymultiplythemes.blog.com/files/2012/08/Rail-userlogo-and-more.jpg) repeat;
color:#000;
}



/*Album*/
.albuminfo{
background:transparent none;
border:none;
}

/*celkový pohled na obrázky*/
#albums li{
width: 300px;
}

/*text in album*/
#albums a, #albums a:visited{
color:#464a3e;
font-size: 14px;
text-decoration:none;
}

/*photos in album v albu*/
#mypix .thumb{
background:transparent none;
border:none;
}

/*photos in album v albu - velikost obrázku*/
#mypix .thumb img{
height:206px;
width:278px;
}

/*photos in album v albu - šířka backgroundu*/
#mypix li{
width:296px;
}

/*photos in album v albu - kolik vidělo obrázek*/
#mypix p{
color:#464a3e;
font-size: 14px;
margin:0;
margin-bottom: 5px;
}

#albums .albuminfo p a{
color:#000;
}

#frame1{
background:transparent none !important;
-moz-box-shadow: 1px 2px 4px #464a3e, inset 1px 2px 9px #464a3e;
-webkit-box-shadow: 1px 2px 4px #464a3e, inset 1px 2px 9px #464a3e;
box-shadow: 1px 2px 4px #464a3e, inset 1px 2px 9px #464a3e;
}

p.rate-text{
color:#000;
}

/* remove green plus (image)*/
.buttons span{
background:transparent;
padding: 0 5px 0 5px;
border: none;
}

/*všechny buttony*/
.buttons a, .buttons a:link, .buttons a:visited, .buttons a:active, .close, #markall{
background:transparent url(http://mymultiplythemes.blog.com/files/2012/08/Rail-userlogo-and-more.jpg) repeat;
padding: 0 10px 0 10px;
border: none;
color: #464a3e !important;
text-shadow:none;
-moz-box-shadow: 1px 2px 4px #464a3e, inset 1px 2px 4px #464a3e;
-webkit-box-shadow: 1px 2px 4px #464a3e, inset 1px 2px 4px #464a3e;
box-shadow: 1px 2px 4px #464a3e, inset 1px 2px 4px #464a3e;
}

.buttons a:hover, .buttons a:link:hover, .buttons a:visited:hover, .buttons a:active:hover, .close:hover, #markall:hover{
background:transparent url(http://mymultiplythemes.blog.com/files/2012/08/Rail-userlogo-and-more.jpg) bottom repeat;
padding: 0 10px 0 10px;
border: none;
color: #000 !important;
text-shadow: none;
-moz-box-shadow: 1px 1px 3px #464a3e, inset 1px 2px 9px #464a3e;
-webkit-box-shadow: 1px 1px 3px #464a3e, inset 1px 2px 9px #464a3e;
box-shadow: 1px 1px 3px #464a3e, inset 1px 2px 9px #464a3e;
}

/*contact box on home page*/
/*přátelé na titulní straně*/
#friendz li, #friendz li a, #friendz li a:visited{
background:transparent none;
background-size:auto;
border:none;
}


/*tituly mých příspěvků*/
.title a:link, .title a:visited{
color:#464a3e;
text-decoration:none;
}

/*border nad mými píspěvky*/
.post, .pagenav{
border-top: 1px solid #464a3e;
}

/*datumy mých příspěvků*/
.pagenav info, .postdate a:link, .postdate a:visited{
color:#000;
text-decoration:none;
}

/*něco s tečkovaným borderem */
pre{
border: 1px dashed #464a3e;
width:92%;
}

/*velikost albumu při celkovém pohledu*/
.albuminage img{
height:206px;
width:278px;
}

/*barva datumu v kalendáři*/
#calendar{
color:#f4efe1;
background-color:#464a3e;
}

/*dny, když jsem měla příspěvky*/
#calendar td.l a{
color:#cf061c;
}

#calendar tfoot td{
background:transparent url(http://mymultiplythemes.blog.com/files/2012/08/Image8g.png) repeat;
border:none;
}

#calendar td{
background:transparent url(http://mymultiplythemes.blog.com/files/2012/08/Rail-userlogo-and-more.jpg) repeat;
color:#000;
border:none;
}


/*Comments area*/
div.comments{
border: none;
background:transparent none;
padding: 5px;
}

/*avatar komentujícího*/
.avatar{
background:url(http://mymultiplythemes.blog.com/files/2012/08/Image8g.png) repeat;
border:none !important;
}


/*Submit*/
input.submit, #content .submit, #submitsearch, input#submitshout{
background:transparent url(http://mymultiplythemes.blog.com/files/2012/08/Rail-userlogo-and-more.jpg) repeat;
padding: 0 10px 0 10px;
border:none;
color: #464a3e !important;
text-shadow:none;
-moz-box-shadow: 1px 2px 4px #464a3e, inset 1px 2px 4px #464a3e;
-webkit-box-shadow: 1px 2px 4px #464a3e, inset 1px 2px 4px #464a3e;
box-shadow: 1px 2px 4px #464a3e, inset 1px 2px 4px #464a3e;
}

input.submit:hover, #content .submit:hover, #submitsearch:hover, input#submitshout:hover{
background:transparent url(http://mymultiplythemes.blog.com/files/2012/08/Rail-userlogo-and-more.jpg) bottom repeat;
padding: 0 10px 0 10px;
border:none;
color: #000 !important;
text-shadow: 1px 1px 1px #e1d4b0;
-moz-box-shadow: 1px 1px 3px #464a3e, inset 1px 2px 9px #464a3e;
-webkit-box-shadow: 1px 1px 3px #464a3e, inset 1px 2px 9px #464a3e;
box-shadow: 1px 1px 3px #464a3e, inset 1px 2px 9px #464a3e;
}

/*prostor, kde jsou smajlíci*/
div.addcomment{
background: transparent url(http://mymultiplythemes.blog.com/files/2012/08/Body-background.jpg) repeat !important;
border:none;
color: #000 !important;
text-shadow: none;
padding:5px;
padding-right:7px;
width:565px;
}

/*textarea*/
textarea#comment{
background:#464a3e none;
font-family:century gothic;
border:none;
font-size: 15px;
width:100%;
text-align:center;
padding-top:10px;
}

/*itemreplyform*/
body #newcomment form, body #login-here form{
background:transparent none;
border: none;
-moz-box-shadow: 1px 2px 4px #464a3e, inset 1px 2px 9px #464a3e;
-webkit-box-shadow: 1px 2px 4px #464a3e, inset 1px 2px 9px #464a3e;
box-shadow: 1px 2px 4px #464a3e, inset 1px 2px 9px #464a3e;
}

/*Write a comment*/
h3 {
background:transparent none !important;
border: none !important;
}

body #newcomment h3, body #login-here h3{
color:#000;
-moz-box-shadow:none !important;
-webkit-box-shadow:none !important;
box-shadow:none !important;
}


/*replybox*/
.comment1, .comment2{
border:none;
background: transparent none;
font-family:century gothic;
padding: 5px;
font-size: 15px;
width:96%;
}

/*replybodytext*/
.comments .text{
color: #000;
min-height:60px;
padding: 15px;
font-family:century gothic;
-moz-box-shadow: 1px 2px 4px #464a3e, inset 1px 2px 9px #464a3e;
-webkit-box-shadow: 1px 2px 4px #464a3e, inset 1px 2px 9px #464a3e;
box-shadow: 1px 2px 4px #464a3e, inset 1px 2px 9px #464a3e;
}

/*datum komentáře*/
.comments .text{
color: #464a3e;
}

/*quote*/
blockquote{
color: #eee !important;
background: #464a3e none;
font-family:century gothic;
}


/*replyboxstamp*/
p.comment-by{
background:url(http://mymultiplythemes.blog.com/files/2012/08/Rail-userlogo-and-more.jpg) repeat;
border: none;
}

/*jméno komentujícího*/
p.comment-by a{
color:#000;
font-family:century gothic;
}

/*edit, quote*/
.comments .text a:link, .comments .text a:visited{
color:#000;
}


/*barva datumu komentáře*/
.comment-date{
color:#000;
}

/*barva křížku*/
a.permalink{
color:#000 !important;
}

/*edit-delete-quote*/
p.editcomment{
margin-top: 15px;
}

/*Odkazy -text color*/
.linkdesc{
color: #000;
}

/*background, když je about me*/
#userpic{
background:transparent url(http://mymultiplythemes.blog.com/files/2012/08/Railbody-sidelist.png) bottom center no-repeat;
padding-bottom:40px;
border:none;
}

/*Větší nápisy*/
#profile h2, #side h3 {
color:#464a3e;
font-family:century gothic;
}

/*????*/
#favlinks{
color:#464a3e;
font-family:century gothic;
}

/*text na samém spodku stránky*/
#footer, #footer a{
color:#464a3e;
font-family:century gothic;
}


/*scrolling chat box in rail*/
div#shoutbox.sidebox{
max-height:200px;
overflow-y: auto;
}
/*datum v chatu v rail*/
#shoutbox li{
color:#000;
font-family:century gothic;
}


/*Friends*/
#myfriends img{
position:relative;
}

#myfriends li{
position:relative;
background:transparent none;
-moz-box-shadow: 1px 2px 4px #464a3e, inset 1px 2px 4px #464a3e;
-webkit-box-shadow: 1px 2px 4px #464a3e, inset 1px 2px 4px #464a3e;
box-shadow: 1px 2px 4px #464a3e, inset 1px 2px 4px #464a3e;
}

#myfriends li .send-msg{
background-color:#464a3e;

}

#myfriends li .send-msg a{
color:#eee;
}
#myfriends li .send-msg:hover{
}


#myfriends li, #myfriends div{
background:transparent none;
border:none;
}


#myfriends li:hover, #myfriends div:hover{
background:transparent none;
}

/*jméno přítele*/
#myfriends li a, #myfriends li a:visited{
color:#000;
text-shadow:none;
text-decoration: none;
}


/*#myfriends li a:hover, #myfriends li a:visited:hover{
color:black;
text-decoration: none;
text-shadow:none;
}*/

p.send-msg a{
color:#eee;
}

/*Archive*/
.month li a{
color: #464a3e;
}

.month li a:hover{
color:#000;
background: ;
}

/*den v měsíci*/
.month span{
color:#000;
}

/*název měsíce*/
.month h2 a:link, .month h2 a:visited{
color:#000;
}

#pollresults span{
color:#000;
}


/*red opera in footer*/
div#operatxtad{
margin-top:25px;
}


/*some text in rail*/
#side, #foother{
color:#464a3e;
}

.userlink span{
color:#464a3e;
}

.userlink span:before{
content:"ID:";
color:#000;
text-shadow:none;
}

.userlink span:after{
content:" ";
color:#000;
text-shadow:none;
}

#footer #operatxtad{
background: transparent url(http://mymultiplythemes.blog.com/files/2012/08/Rail-userlogo-and-more.jpg) repeat;
border:none;
}


#footer:after{
content:" Design by Gabrielal ";
font-family:vivaldi;
font-size:22px;
color:#464a3e;
}

.pagenav a:link, .pagenav a:visited, .pagenav a:active{
background-color:#464a3e;
border:1px ridge #464a3e;
}

.pagenav b{
background:transparent url(http://mymultiplythemes.blog.com/files/2012/08/Rail-userlogo-and-more.jpg) repeat;
color:#000;
}

.postdate, blockquote{
color:#000;
}

.month li a:hover{
background:transparent url(http://mymultiplythemes.blog.com/files/2012/08/Rail-userlogo-and-more.jpg) repeat;
border:none;
}

.linkdesc{
color:#464a3e;
font-family:georgia;
}

ul.linklist li a{
font-size:17px;
color:#000;
}
.albumdate, .albumtags, .albumdescription, #album-mms, .albumowner{
color:#000;
}

Theme with brick background for My.Opera.com

Installation on My.Opera.com
==============================

To install this theme, you need to follow these steps:

1.Copy the following codes bellow:
2.Click Customize Design -> Design
3.Choose "The Darkside" theme
4.Click Customize -> Edit CSS
5.Paste the the codes in the text field
6.Select Use my custom style sheet together with the current theme
7.Click SAVE

Go to your page and reload it to see the changes.

A couple of days you can see this theme on: http://my.opera.com/Gabrielal/blog/

CODES:
============================================

/*My.Opera design*/
/*Brick background - The Darkside base theme - design by Gabrielal - August 18, 2012*/

body{
background-color:#000000;
background-image:url(http://files.myopera.com/Gabrielal/albums/12452362/patricie-textura.jpg);
background-position: bottom center;
background-repeat: repeat;
background-attachment:fixed;
color:#ddc6b5;
}

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


#header {
position: relative;
height: 60px;
padding: 8px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
border: 1px solid black;
background: #000000 none;
font: 12px/1.5 Arial, Helvetica, sans-serif;
-webkit-box-shadow: 2px 5px 14px black;
-moz-box-shadow: 2px 5px 14px black;
box-shadow: 2px 5px 14px black;
}

/*text on global nav*/
#header a, #header a:hover {
color:#464a3e;
font-weight:bold;
font-size: 16px;
text-decoration:none;
font-family:century gothic;
}

/*as owner-naw*/
#top {
position: relative;
height:300px;
padding: 8px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
border:none;
background: transparent url(http://files.myopera.com/Gabrielal/albums/12470922/dove1000.png) bottom center no-repeat;
font: 12px/1.5 Arial, Helvetica, sans-serif;
}


/*page title*/
#top h1{
color:#464a3e;
font-size: 22px;
text-decoration:none;
font-family:century gothic;
text-align:center;
}

/*page subtitle*/
#subtitle{
color:#464a3e;
font-size: 14px;
text-decoration:none;
font-family:century gothic;
font-style:normal;
text-align:center;
}

/*as contentwrapper*/
#wrap4 {
padding-bottom:20px;
background: transparent url(http://files.myopera.com/Gabrielal/albums/6071762/černá70.png) repeat;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
-webkit-box-shadow: 2px 5px 14px black;
-moz-box-shadow: 2px 5px 14px black;
box-shadow: 2px 5px 14px black;
border:2px solid #000000;
}

/* as subnavc*/
#menu {
margin-top:90px;
}

/*as subnav*/
#menu li{
background:#683426 none;
border:none;
padding:3px;
}

#menu a:link, #menu a:visited, #menu a:active {
color:#ddc6b5;
font-size: 12px;
font-family:century gothic;
}


/* as maincontent*/
#main {
min-height:400px;
width:620px;
padding-bottom:20px;
}

#content {
padding:5px;
}


/* as railbody img*/
#myphoto, #albumslides, #qp li {
background:#683426 none;
border:2px solid #000000;
-webkit-box-shadow: 2px 5px 14px #000000;
-moz-box-shadow: 2px 5px 14px #000000;
box-shadow: 2px 5px 14px #000000;
}

/* as railbody*/
/*#sidewrap{
background:#683426 none;
border:none;
-webkit-box-shadow: 2px 5px 14px #000000;
-moz-box-shadow: 2px 5px 14px #000000;
box-shadow: 2px 5px 14px #000000;
padding:8px;
width:235px;
}*/

/*text in rail*/
#side a:link, #side a:visited{
color:#ddc6b5;
font-size: 14px;
text-decoration:none;
}

/*text in rail*/
#side h2, #side h2, #side caption{
color:#ddc6b5;
font-size: 18px;
text-decoration:none;
font-family:century gothic;
}

/*text v mých přidaných linkech - v rail*/
#side, #foother{
color:#ddc6b5;
text-decoration:none;
font-family:century gothic;
}

#side .preview a{
color:#ddc6b5;
font-family:century gothic;
}

#side a.username:link, #side a.username:visited, #side .size5 a, .whisper, .postnav a:link, .postnav a:visited {
color:#ddc6b5;
text-shadow: 1px 1px 1px black;
}


/*Album*/
.albuminfo{
background:transparent none;
border:none;
}

/*celkový pohled na obrázky*/
#albums li{
width: 300px;

}

/*text in album*/
#albums a, #albums a:visited{
color:#ddc6b5;
text-shadow: 1px 1px 0px #000;
font-size: 14px;
text-decoration:none;
}

/*photos in album v albu*/
#mypix .thumb{
background:transparent none;
border:none;
}

/*photos in album v albu - velikost obrázku*/
#mypix .thumb img{
height:206px;
width:278px;
}

/*photos in album v albu - šířka backgroundu*/
#mypix li{
width:296px;
}

/*photos in album v albu - kolik vidělo obrázek*/
#mypix p{
color:#ddc6b5;
font-size: 14px;
margin:0;
margin-bottom: 5px;
}

#albums .albuminfo p a{
color:#eee;
}

/* remove green plus (image)*/
.buttons span{
background:transparent;
padding: 0 5px 0 5px;
border: none;
}

/*všechny buttony*/
.buttons a, .buttons a:link, .buttons a:visited, .buttons a:active, .close, #markall{
background:transparent url(http://files.myopera.com/Gabrielal/albums/3626522/grad3.jpg) repeat;
padding: 0 10px 0 10px;
border: 1px solid #2c2511;
color: #000 !important;
text-shadow: 1px 1px 1px #e1d4b0;
-moz-box-shadow: 1px 2px 4px #000, inset 1px 2px 4px #c8a286;
-webkit-box-shadow: 1px 2px 4px #000, inset 1px 2px 4px #c8a286;
box-shadow: 1px 2px 4px #000, inset 1px 2px 4px #c8a286;
}

.buttons a:hover, .buttons a:link:hover, .buttons a:visited:hover, .buttons a:active:hover, .close:hover, #markall:hover{
background:transparent url(http://files.myopera.com/Gabrielal/albums/3626522/grad3.jpg) repeat;
padding: 0 10px 0 10px;
border: 1px solid #2c2511;
color: #e1d4b0 !important;
text-shadow: 1px 1px 1px black;
-moz-box-shadow: 1px 1px 3px #e1d4b0, inset 1px 2px 9px #e1d4b0;
-webkit-box-shadow: 1px 1px 3px #e1d4b0, inset 1px 2px 9px #e1d4b0;
box-shadow: 1px 1px 3px #e1d4b0, inset 1px 2px 9px #e1d4b0;
}

/*contact box on home page*/
/*přátelé na titulní straně*/
#friendz li, #friendz li a, #friendz li a:visited{
background:#000 url(/community/graphics/main/sprites3.png);
background-repeat: no-repeat;
background-size:auto;
display:none;
}


/*tituly mých příspěvků*/
.title a:link, .title a:visited{
color:#DCCDA4;
text-decoration:none;
}

/*border nad mými píspěvky*/
.post, .pagenav{
border-top: 1px solid #f4efe1;
}

/*datumy mých příspěvků*/
.pagenav info, .postdate a:link, .postdate a:visited{
color:#f4efe1;
text-decoration:none;
}

/*něco s tečkovaným borderem ??*/
pre{
border: 1px dashed #eee;
width:92%;
}

/*velikost albumu při celkovém pohledu*/
.albuminage img{
height:206px;
width:278px;
}

/*barva datumu v kalendáři*/
#calendar{
color:#f4efe1;
}

/*dny, když jsem měla příspěvky*/
#calendar td.l a{
color:#cf061c;
}

/*Comments area*/
div.comments{
border: none;
background:#000 none;
padding: 5px;
}

/*avatar komentujícího*/
.avatar{
background:url(http://files.myopera.com/Gabrielal/albums/3626522/grad3.jpg) repeat;
border: 1px solid black;
}


/*Submit*/
input.submit, #content .submit, #submitsearch, input#submitshout{
background:transparent url(http://files.myopera.com/Gabrielal/albums/3626522/grad3.jpg) repeat;
padding: 0 10px 0 10px;
border: 1px solid #2c2511;
color: #000 !important;
text-shadow: 1px 1px 1px #e1d4b0;
-moz-box-shadow: 1px 2px 4px #000, inset 1px 2px 4px #c8a286;
-webkit-box-shadow: 1px 2px 4px #000, inset 1px 2px 4px #c8a286;
box-shadow: 1px 2px 4px #000, inset 1px 2px 4px #c8a286;
}

input.submit:hover, #content .submit:hover, #submitsearch:hover, input#submitshout:hover{
background:transparent url(http://files.myopera.com/Gabrielal/albums/3626522/grad3.jpg) repeat;
padding: 0 10px 0 10px;
border: 1px solid #2c2511;
color: #000 !important;
text-shadow: 1px 1px 1px #e1d4b0;
-moz-box-shadow: 1px 1px 3px #e1d4b0, inset 1px 2px 9px #e1d4b0;
-webkit-box-shadow: 1px 1px 3px #e1d4b0, inset 1px 2px 9px #e1d4b0;
box-shadow: 1px 1px 3px #e1d4b0, inset 1px 2px 9px #e1d4b0;
}

/*prostor, kde jsou smajlíci*/
div.addcomment{
background: transparent url(http://files.myopera.com/Gabrielal/albums/3626522/grad3.jpg) center repeat !important;
border:none;
color: #000 !important;
text-shadow: 1px 1px 1px #e1d4b0;
padding:5px;
padding-right:7px;
width:565px;
-moz-box-shadow: 1px 2px 4px #000, inset 1px 2px 4px #c8a286;
-webkit-box-shadow: 1px 2px 4px #000, inset 1px 2px 4px #c8a286;
box-shadow: 1px 2px 4px #000, inset 1px 2px 4px #c8a286;
}

/*textarea*/
textarea#comment{
background:#000 none;
font-family:century gothic;
border:none;
border-top: 1px solid #bd916f;
font-size: 15px;
width:100%;
text-align:center;
padding-top:10px;
}

/*itemreplyform*/
form{
border: none;
}

/*replybox*/
.comment1, .comment2{
border-top: 1px solid #bd916f;
background: transparent;
font-family:century gothic;
padding: 5px;
font-size: 15px;
width:96%;
}

/*replybodytext*/
.comments .text{
color: #d2b49e;
min-height:60px;
padding: 15px;
font-family:century gothic;
}

/*datum komentáře*/
.comments .text{
color: #d2b49e;
}

/*quote*/
blockquote{
color: #000;
background-color: #c2997b;
font-family:century gothic;
}


/*replyboxstamp*/
p.comment-by{
background:url(http://files.myopera.com/Gabrielal/albums/3626522/grad2.jpg) center repeat;
border: none;
}

/*jméno komentujícího*/
p.comment-by a{
color:#c2997b;
text-shadow: 1px 1px 1px black;
font-family:century gothic;
}

/*barva datumu komentáře*/
.comment-date{
color:black;
}

/*barva křížku*/
a.permalink{
color:#cf061c !important;
}

/*edit-delete-quote*/
p.editcomment{
margin-top: 15px;
}

/*Odkazy -text color*/
.linkdesc{
color: #c2997b;
}

/*background, když je about me*/
#userpic{
background:#683426 none;
border:2px solid #000;
}

/*Větší nápisy*/
#profile h2, #side h3 {
color:#DCCDA4;
font-family:century gothic;
}

/*????*/
#favlinks{
color:#cdab92;
font-family:century gothic;
}

/*text na samém spodku stránky*/
#footer, #footer a{
color:#DCCDA4;
font-family:century gothic;
}


/*scrolling chat box in rail*/
div#shoutbox.sidebox{
max-height:200px;
overflow-y: auto;
}
/*datum v chatu v rail*/
#shoutbox li{
color:#ddc6b5;
font-family:century gothic;
}


/*Friends*/
#myfriends img{
position:relative;
}

#myfriends li{
position:relative;
}

#myfriends li:hover, #myfriends div:hover{
background:#683426 none;
}

/*jméno přítele*/
#myfriends li a, #myfriends li a:visited{
color:#cdab92;
text-shadow: 1px 1px 1px black;
text-decoration: none;
}


#myfriends li a:hover, #myfriends li a:visited:hover{
color:black;
text-decoration: none;
text-shadow:none;
}

#myfriends li .send-msg:hover{
}

/*Archive*/
.month li a{
color: #e8d8cc;
}

.month li a:hover{
color:#eee;
background: ;
}

/*den v měsíci*/
.month span{
color:#cdab92;
}

/*název měsíce*/
.month h2 a:link, .month h2 a:visited{
color:#c2997b;
}

#pollresults span{
color:#eee;
}


/*red opera in footer*/
div#operatxtad{
margin-top:25px;
}


/*some text in rail*/
#side, #foother{
color:#ddc6b5;
}

.userlink span{
color:#fff;
}

.userlink span:before{
content:"ID:";
color:#000;
text-shadow:none;
}

.userlink span:after{
content:" - thank you";
color:#000;
text-shadow:none;
}

#footer:after{
content:" Design by Gabrielal ";
font-family:vivaldi;
font-size:22px;
}