Design for Opera - Abstract theme

Abstract theme

By Gabriela L. (Saturday, 12. February 2011)

Installation

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*/
/*Abstract - The Darkside base theme - design by Gabrielal - February 12, 2011*/

body{
background-color: transparent;
background-image:url(http://files.myopera.com/Gabrielal/albums/6071762/900x1440.png);
background-position: bottom center;
background-repeat: repeat;
background-attachment:fixed;
color:#DCCDA4;
}

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: transparent url(http://files.myopera.com/Gabrielal/albums/6071762/černá70.png) repeat;
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:#DCCDA4;
font-weight:bold;
font-size: 16px;
text-decoration:none;
font-family:century gothic;
}

/*as owner-naw*/
#top {
position: relative;
height: 250px;
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: 2px solid #000000;
background: transparent url(http://files.myopera.com/Gabrielal/albums/3734052/img-213.JPG) center no-repeat;
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;
}

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

/*page subtitle*/
#subtitle{
color:#DCCDA4;
font-size: 14px;
text-decoration:none;
font-family:century gothic;
fot-style:italic;
}

/*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: 1px 3px 8px black;
-moz-box-shadow: 1px 3px 8px black;
box-shadow: 1px 3px 8px black;
}

/* as subnavc*/
#menu {
}

/*as subnav*/
#menu li{
background:url(http://files.myopera.com/Gabrielal/albums/3626522/grad2.jpg) center repeat;
border:none;
padding:3px;
}

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

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

#content {
padding:5px;
}

/* as railbody img*/
#myphoto, #albumslides, #qp li {
background:url(http://files.myopera.com/Gabrielal/albums/3626522/grad2.jpg) center repeat;
border:none;
}

/* as railbody*/
#sidewrap{
background:url(http://files.myopera.com/Gabrielal/albums/3626522/grad2.jpg) center repeat;
border:none;
padding:10px;
width:240px;
}

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

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

/*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:#DCCDA4;
font-family:century gothic;
}

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

/*datum v chatu v rail*/
#shoutbox li{
color:#000;
font-family:century gothic;
}

/*Album*/
.albuminfo{
background:url(http://files.myopera.com/Gabrielal/albums/3626522/grad2.jpg) center repeat;
border:none;
padding:10px;
}

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

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

/*photos in album v albu*/
#mypix .thumb{
background:url(http://files.myopera.com/Gabrielal/albums/3626522/grad2.jpg) center repeat;
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:#000;
font-size: 14px;
margin:0;
margin-bottom: 5px;
}

/* 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:transparent url(http://files.myopera.com/Gabrielal/albums/3626522/grad2.jpg) center repeat;
}

/*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 #9d4415;
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:black;
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;
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:url(http://files.myopera.com/Gabrielal/albums/3626522/grad2.jpg) center repeat;
}

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

/*????*/
#favlinks{
color:#000;
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;
}

/*Friends*/
#myfriends img{
width:90% !important;
height:auto;
margin:0 auto;
position:relative;
}

#myfriends li{
width:200px !important;
height:auto;
margin:0 auto;
padding-top:10px;
margin-bottom:10px;
position:relative;
}

#myfriends li:hover, #myfriends div:hover{
width:200px !important;
height:auto;
margin:0 auto;
position:relative;
background:transparent url(http://files.myopera.com/Gabrielal/albums/3626522/grad2.jpg) center repeat;
}

/*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:black;
background: transparent url(http://files.myopera.com/Gabrielal/albums/3626522/grad1.jpg) repeat;
}

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

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

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