Design upraveného tématu: Gabuci, 25.10. 2014
Název tématu "pro klaviristy" hudební
Kódy
body {
padding: 0px;
margin: 0px;
FONT-FAMILY: 'Lucida Grande', Verdana, Arial, Sans-Serif;
font-size: 14px;
line-height: 16px;
BACKGROUND:#212322 url(https://lh5.googleusercontent.com/7MPQbMPWQuvfSb1auk0saEycjmqOfxFY4cRS4PwFzNs=w994-h766-no) top center repeat-y fixed;
color: #e9b88e;
}
A:link, A:active, A:visited {
COLOR: #e9b88e;
TEXT-DECORATION: none
}
A:hover {
color:#ffe3cb;
TEXT-DECORATION: none;
}
ul, ol {
margin-top: 0px;
}
li{
margin-left: 10px;
}
p {
MARGIN: 0px;
PADDING: 0px;
PADDING-BOTTOM: 10px;
}
img{
border: 10px;
}
input{
font-size: 10px;
}
form {
clear: both;
margin: 0px;
}
#page {
width: 980px;
margin: 0 auto;
margin-top: 0px;
padding-top:50px;
background: url() bottom center repeat-x;
}
#inside {
display: block;
padding: 0px;
width: 950px;
margin: 0 auto;
}
#items{
float: left;
width: 700px;
z-index: 10;
margin-top: 5px;
padding-bottom: 20px;
padding-left: 15px;
padding-top:50px;
margin: 0 auto;
background:transparent none;
text-align:center;
}
#items2{
float: left;
width: 685px;
z-index: 10;
margin-top: 5px;
padding-bottom: 5px;
padding-left: 15px;
padding-top:50px;
text-align: center;
}
#menu {
float: right;
padding: 5px;
padding-top:35px;
overflow: hidden;
width: 212px;
margin: 0 auto;
background:url(http://2.bp.blogspot.com/-IkrfiOQl6VA/UDuY6KfdEJI/AAAAAAAAAb0/r9CJN1ofZKg/s1600/70-trans-black.png) repeat;
border-radius: 0 25px 25px 0;
box-shadow: inset #000 1px 0px 12px 7px;
}
#menu h4{
FONT-WEIGHT: bold;
font-size: 17px;
text-align: left;
margin-top: 5px;
margin-bottom: 8px;
padding-left:12px;
color:#ffe3cb;
text-shadow: 1px 0px 0px #000;
background:url(http://4.bp.blogspot.com/-fcukjDoTcC4/UF3lVI-AATI/AAAAAAAACRE/r5g-benzFqk/s1600/10.png) left center no-repeat;
}
#menu_rozdel{
padding: 10px;
padding-top: 5px;
padding-bottom: 5px;
}
#menu_rozdel_mene{
padding: 10px;
padding-top: 2px;
padding-bottom: 2px;
}
#menu_rozdel_mene img{
display:none;
}
#menu A:link, #menu A:active, #menu A:visited {
COLOR:#e9b88e;
TEXT-DECORATION: none
text-align: center;
}
#menu A:hover {
COLOR:#ffe3cb;
TEXT-DECORATION: none;
}
div#profil{
min-height: 65px;
border:none;
font-size: 10px;
margin-bottom: 5px;
margin-right: 2px;
padding: 3px;
line-height: 130%;
overflow: hidden;
background: #000000;
box-shadow: #000000 1px 0 12px 3px;
border-radius:5px;
}
img#profil{
border:none;
margin: 0px;
margin-right: 3px;
}
#profil_avatar{
width: 75px;
height: 75px;
background-color: #000000;
border: 1px #000000 solid;
}
.itembody{
clear: both;
margin: 0px;
LINE-HEIGHT: 150%;
FONT-SIZE: 1.0em;
background-color:#eee;
color:#444;
padding: 20px;
font-size: 16px;
border:2px dashed #8c8470;
text-align: left;
box-shadow: inset #706959 0px 3px 12px 3px;
border-radius:6px;
}
.itembody a{
color:#000000;
}
.img-left{
float: left;
margin: 5px 10px 5px 0;
box-shadow: #000000 1px 2px 7px;
}
.img-right{
float: right;
margin: 5px 0 5px 10px;
box-shadow: #000000 1px 2px 7px;
}
.img-center{
margin: 5px auto;
box-shadow: #000000 1px 2px 7px;
}
h1, h2{
float: left;
width: 100%;
margin: 0px;
padding-top: 3px;
padding-left: 3px;
height: 25px;
FONT-SIZE: 17px;
FONT-FAMILY:"Verdana CE", "Verdana", "Arial CE", "Arial", "Helvetica CE", "Helvetica", "Sans-Serif";
LINE-HEIGHT:24px;
FONT-WEIGHT: bold;
color:#e9b88e;
text-shadow:1px 1px 1px #000000;
}
h1.itemtitle,h2.itemtitle{
float: left;
width: 100%;
margin: 0px;
padding-top: 3px;
padding-left: 3px;
padding-bottom:16px;
border-bottom: 1px #e9b88e solid;
height: 25px;
FONT-SIZE: 17px;
FONT-FAMILY:"Verdana CE", "Verdana", "Arial CE", "Arial", "Helvetica CE", "Helvetica", "Sans-Serif";
LINE-HEIGHT:24px;
FONT-WEIGHT: bold;
color:#e9b88e;
text-shadow:1px 1px 1px #000000;
text-align: center;
}
.iteminfo{
clear: both;
PADDING-BOTTOM: 0.5em;
PADDING-top: 0.5em;
padding-left: 6px;
FONT-SIZE: 0.8em;
MARGIN-TOP: 0px;
MARGIN-BOTTOM: 0px;
background: url(http://2.bp.blogspot.com/-IkrfiOQl6VA/UDuY6KfdEJI/AAAAAAAAAb0/r9CJN1ofZKg/s1600/70-trans-black.png) repeat;
color:#e9b88e;
text-align: right;
}
.iteminfo2{
clear: both;
BORDER-TOP: #e9b88e 1px solid;
BORDER-BOTTOM: #e9b88e 1px solid;
PADDING: 3px;
padding-top: 2px;
FONT-SIZE: 0.8em;
COLOR:#ffe3cb;
TEXT-ALIGN: right;
}
.pokracovani_clanku{
text-align: left;
padding-top: 5px;
padding-bottom: 10px;
}
.pokracovani_clanku a{
color:#000000;
font-size:15px;
}
#footer {
display: block;
width: 900px;
height: 50px;
text-align: center;
FONT-SIZE: 0.8em;
background:url(https://lh3.googleusercontent.com/-agIzf0ICWHo/VEn9919YOLI/AAAAAAAAFKI/RNcsGXDi5mQ/w177-h35-no/cooltext1771779408.png) no-repeat;
BACKGROUND-COLOR: transparent;
clear: both;
margin: 0 auto;
padding-top: 3px;
}
/*#footer:before {
content:"hello";
background:url() no-repeat;
color: red;
font-weight: bold;
}*/
/*kalendar*/
#kalendar{
border-collapse: collapse;
border: 1px solid #ffe3cb;
margin-top: 10px;
font-size:10px;
text-align: center;
color: #000000;
background-color:#ffe3cb;
}
#kalendar a:link, #kalendar a:visited, #kalendar a:active, #kalendar a:hover {
color: #AB8E49;
TEXT-DECORATION: underline;
}
#kalendar_outside{
BACKGROUND-COLOR: #000000;
color: #ffe3cb;
font-size:11px;
padding: 1px;
}
#kalendar_dny{
color:#AB8E49;
LINE-HEIGHT:12px;
}
#kalendar_akt{
BACKGROUND-COLOR: #AB8E49;
}
/*end kalendar*/
/*hodnoceni*/
#hodnoceni{
width: 99%;
clear: both;
font-size: 12px;
margin-left: 3px;
padding-left: 5px;
line-height: 200%;
color:#ffe3cb;
border:1px solid #ffe3cb;
text-align: right;
border-radius: 3px;
background:url(http://2.bp.blogspot.com/-IkrfiOQl6VA/UDuY6KfdEJI/AAAAAAAAAb0/r9CJN1ofZKg/s1600/70-trans-black.png) repeat;
box-shadow: inset #000 1px 0px 5px 3px;
}
#hodnoceni_znamky{
float: right;
margin-left: 5px;
margin-right: 20px;
color: #e9b88e;
text-align: right;
word-spacing: 5px;
}
#hodnoceni_znamky A:link, #hodnoceni_znamky A:active, #hodnoceni_znamky A:visited{
color: #e9b88e;
text-align: right;
}
#hodnoceni_text{
font-size: 10px;
color: #ffe3cb;
margin-left: 4px;
text-align: right;
}
/*komentare a anketa*/
.anketa {
width: 99%;
clear: both;
BACKGROUND-COLOR: #000000;
color:#3B5577;
border: none;
font-size: 12px;
margin-left: 3px;
padding-left: 5px;
text-align: left;
line-height: 200%;
}
.anketa_v_menu {
width: 95%;
clear: both;
BACKGROUND-COLOR: #000000;
border: none;
margin: 0px;
font-size: 10px;
padding-left: 3px;
text-align: left;
line-height: 200%;
}
#anketa_radek{
clear: both;
margin-bottom: 2px;
}
#anketa_text{
padding-top: 3px;
}
#anketa_graf{
float: left;
margin-top: 5px;
}
#anketa_graf2{
float: left;
}
/*u jednotlivých komentářů*/
#komentar_ram {
clear: both;
padding: 20px;
color: #ffe3cb;
border: 1px solid #ffe3cb;
margin-top: 12px;
margin-bottom: 5px;
background:url(http://2.bp.blogspot.com/-IkrfiOQl6VA/UDuY6KfdEJI/AAAAAAAAAb0/r9CJN1ofZKg/s1600/70-trans-black.png) repeat;
box-shadow: inset #000 1px 0px 5px 3px;
border-radius: 5px;
}
#komentar_titulek, #komentar_titulek a:link, #komentar_titulek a:visited, #komentar_titulek a:active{
color: #ffe3cb;
padding: 3px;
}
#komentar_titulek a:hover{
TEXT-DECORATION: underline;
}
#komentar_datum{
float: left;
font-size: 10px;
}
#komentar_odpoved{
font-size: 12px;
}
#komentar_stred{
clear: both;
border-top: 1px solid #ffe3cb;
background-color: #ffffff;
border-radius: 5px;
color:#000000;
padding:8px;
}
#komentar_odkaz, #komentar_odkaz a:link, #komentar_odkaz a:visited, #komentar_odkaz a:active{
font-size: 10px;
color: #000000;
line-height: 10px;
padding-top: 3px;
padding-left: 2px;
}
#komentar_text{
padding: 5px;
text-align: justify;
}
#komentar_avatar{
float: left;
border: 2px solid #000000;
margin-right: 7px
}
#komentar_end{
clear: both;
line-height: 1px;
}
#komentar select{
margin-top: 2px;
margin-bottom: 5px;
}
#komentar_novy{
width: 99%;
clear: both;
background:url(http://2.bp.blogspot.com/-IkrfiOQl6VA/UDuY6KfdEJI/AAAAAAAAAb0/r9CJN1ofZKg/s1600/70-trans-black.png) repeat;
box-shadow: inset #000 1px 0px 5px 3px;
color:#ffe3cb;
border: 1px solid #ffe3cb;
font-size: 12px;
text-align: left;
padding: 12px;
margin-bottom: 3px;
margin-left: 3px;
border-radius: 5px;
}
#komentar_novy a:link, #komentar_novy a:visited, #komentar_novy a:active{
color:#ffe3cb;
}
#souvisejici_clanky{
padding-left: 10px; clear: both;
}
#souvisejici_clanky li{
list-style-type: square;
}
#linkovani, #linkovani a:link{
atext-align: center;
font-size: 1em;
}
#linkovani a img {
position: relative;
top: 2px;
margin-left: 5px;
margin-right: 5px;
border: 0px;
}
/*galerie*/
.galerie-nahled{
float: left;
}
.galerie-nahled img, #galerie-seznam a img, #galerie-menu a img {
padding: 5px;
text-align: center;
margin: 5px;
background: #000000;
border: none;
}
.galerie-nahled a:hover img, #galerie-seznam a:hover img, #galerie-menu a:hover img {
border: 2px solid #000000;
margin: 4px;
}
#galerie-obrazek{
border: 2px solid #000000;
padding: 5px;
}
#galerie{
clear: both;
padding-top: 5px;
}
#galerie-zobrazeni{
clear: both;
}
#galerie-seznam{
margin: 10px 5px 0px 0px;
float: left;
width: 340px;
border: none;
background:url(http://2.bp.blogspot.com/-IkrfiOQl6VA/UDuY6KfdEJI/AAAAAAAAAb0/r9CJN1ofZKg/s1600/70-trans-black.png) repeat;
box-shadow: inset #000 1px 0px 5px 3px;
height: 120px;
}
#galerie-vypis{
margin: 5px 8px 5px 0px;
float: left;
width: 128px;
border: none;
background: #000000;
height: 143px;
}
#galerie-vypis-nazev{
font-size: 7pt;
line-height: 110%;
text-align: center;
}
#galerie-resume{
padding-top: 3px;
padding-bottom: 3px;
font-size: 7pt;
line-height: 110%;
}
#galerie-nadpis{
font: 12pt "Helvetica Neue", "Lucida Grande", Helvetica, Arial, sans-serif;
font-weight: bold;
padding-top: 5px;
}
#galerie-popis{
font-style: normal;
font-size: 8pt;
padding-top: 5px;
padding-right: 3px;
text-align: justify;
line-height: 10pt;
}
#galerie-nabidka{
margin-bottom: 10px;
}
#header-text1{
text-align:center;
color:#e9b88e;
text-shadow: 2px 1px 1px #9c9482;
font-family:felix titling;
font-size:32px;
}