WordPress - widget

[Misso]

čaute. Ako spravím aby bol widget podsvietený alebo ako to nazvať Je na to plugin alebo ?

[Reklama]

[LuCaCZ]

Myslíš aby měl widget na pozadí nějakou barvu a nebyl průhledný?

Můžeš sem dát odkaz na stránky?

[Misso]

http://www.stylecraft.cz/ predpokladám že to bude niečo v html... napíšete mi prosím ako presne to spraviť ?

[LuCaCZ]

v HTML ne ale v CSS... Ale pořád si nenapsal co přesně s tím chceš.

Styl celého pravého sloupce s widgety je ve style.css tady:

Kód: Vybrat vše

aside
{
   background-color: rgba(255,255,255,0.5);
   box-shadow: 0px 0px 20px 2px #ffffff;   
}

background-color definuje bílou barvu pozadí s 50% průhledností (0.5)
box-shadow je bílý stín okolo celého sloupce

[Misso]

ide to skúšal som to cez Preskúmať prvok
ale neviem to tam dať nastálo to sa robí cez editor že ? Ale kde to tam mám dať ?

Kód: Vybrat vše

/*

Theme Name: GamePress
Theme URI: http://webtuts.pl/gamepress-en/
Description: GamePress is a gaming oriented WordPress theme, perfect for game reviews, videos and news or other entertainment related website. It comes in 4 color schemes and it's easy to use and customize.
Version: 1.0.5
Author: Aleksandra Łączek
Author URI: http://webtuts.pl/themes/
Tags: dark, two-columns, fixed-width, right-sidebar, threaded-comments, translation-ready, custom-menu, custom-background, custom-colors, theme-options
License: GNU General Public License v2.0
License URI: http://www.gnu.org/licenses/gpl-2.0.html
-------------------------------------------------------------------------------------

   00. CSS Reset
   01. Document Setup
   02. Typography (header, paragraph, blockquote, lists, links, tables etc.)
   03. Forms & Buttons
   04. Header (logo, main navigation,  field)
   05. Content
   06. Sidebar
   07. Prefooter
   08. Footer
   09. Misc
   10. @font-face

*/

/*-----------------------------------------------------------------------------------*/
/*   00.   CSS Reset
/*-----------------------------------------------------------------------------------*/

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video
{
  font:inherit;
  font-size:100%;
  margin:0;
  padding:0;
  vertical-align:baseline
}

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section
{
  display:block
}

/*-----------------------------------------------------------------------------------*/
/*   01.   Document Setup
/*-----------------------------------------------------------------------------------*/

body {
   line-height: 1;
   font: 13px/20px "OpenSansRegular", Tahoma, sans-serif;
    -ms-word-wrap: break-word;
    word-wrap: break-word;
}

img { display: inline-block; }
img{
        max-width:100%; 
        height:auto;
        width: auto; /* IE 8 */
    }

/*-----------------------------------------------------------------------------------*/
/*   02.   Typography
/*-----------------------------------------------------------------------------------*/

/*   Headers  */

h1, h2, h3, h4, h5, h6 {
   font-family: "FrancoisOneRegular", "OpenSansRegular", Tahoma, sans-serif;
   line-height: 1.6em;
}
h1, h2 { margin-bottom: 12px; }
h3, h4, h5, h6 { margin-bottom: 6px; }
h1 { font-size: 30px; }
h2 { font-size: 24px; }
h3 { font-size: 20px; }
h4 { font-size: 18px; }
h5, h6 { font-size: 16px; }

h1 a:hover, h2 a:hover {
   border: none !important;
}
.entry-content h1,
.entry-content h2,
.entry-content h3,
.entry-content h4,
.entry-content h5,
.entry-content h6 {
   clear: both;
}

.p404 h1 {
   line-height:65px;
   font-size:62px;
   text-shadow:2px 2px #ed1c24;
}

/*   Text  */

p { margin: 12px 0; }
em { font-style: italic; }
strong, b { font-weight: bold; }
small { font-size: 80%; }
hr { border: none; }
em { font-style: italic; }

/*   Links  */

a {
   text-decoration: none;
   border-bottom: 1px dotted transparent;
}
#content a:hover, #sidebar a:hover, #prefooter a:hover {
   border-bottom: 1px dotted;
}
a:focus {
   outline: none;
}
.nivo-directionNav a:hover, .nivo-controlNav a:hover {
   border: none !important;
}
a.img-bevel:hover, a.img:hover, a.nohover:hover, a:hover img {
   text-decoration: none !important;
    border: none !important;
}
article a {    color: #ed1c24; }
a img { border: 0; text-decoration: none;}
a.more {
   text-transform: uppercase;
   text-decoration: none;
   font-size: 11px;
   color: #ed1c24;
}

/*   Blockquotes  */

blockquote {
   margin: 12px 0;
   padding-left: 18px;
   font-style: italic;
}
blockquote.left, blockquote.right  {
   float:right;
   width:43%;
}   
blockquote.left{ float:left; }

/*   Lists  */
ul {
   list-style-type:disc;
   margin: 0 0 12px 0;
   padding: 0 0 0 18px;
}
ol {
   list-style: decimal;
   margin: 0 0 12px 20px;
   padding: 0 0 0 18px;
}
ol li, ul li {
   line-height: 18px;
   margin-bottom: 6px;
}

ul.square     { list-style: inside square;  }   
ul.circle     { list-style: inside circle;  }

ul ul, ol ol, ul ol, ol ul {
   margin-bottom: 0;
}

/*   Tables  */
table {
   margin: 12px 0;
   border-collapse: collapse;
   border-spacing: 0;
}
table thead th{
   text-transform: uppercase;
   font-size: 11px;
}
table th, table tbody td {
   padding: 6px 12px;
}
td, th {
   display: table-cell;
   vertical-align: inherit;
}

/* Tabs */

.tabs-nav{
   height: 39px;
   margin-bottom: 0;
   padding: 0 !important;
   list-style: none;
   margin-left: 0;
   text-shadow: none;
}
.tabs-wrapper ul.tabs-nav li {
   float: left;
   height: 36px;
   list-style-type: none;
   margin-right: 3px;
   position: relative;
   text-align: center;
   padding: 0;
   width: 95px;
   overflow: hidden;
   -moz-border-radius: 5px 5px 0 0;
   -webkit-border-radius: 5px 5px 0 0;
   -khtml-border-radius: 5px 5px 0 0;
   border-radius: 5px 5px 0 0;
}
.tabs-wrapper ul.tabs-nav li a {
   border-bottom: medium none;
   text-transform: uppercase;
   height: 100%;
   left: 0;
   line-height: 36px;
   position: absolute;
   text-decoration: none;
   top: 0;
   width: 100%;
   -moz-border-radius: 5px 5px 0 0;
   -webkit-border-radius: 5px 5px 0 0;
   -khtml-border-radius: 5px 5px 0 0;
   border-radius: 5px 5px 0 0;
}
.tabs-wrapper ul.tabs li a {
   text-transform: none;
}
.tabs-wrapper .pane {
   clear: both;
}

/* Accordion */

.accordion {
   position: relative;
}
.accordion-header {
   font-family: 'OpenSansRegular', Tahoma, sans-serif;
   font-size: 13px;
   padding: 6px 12px;
   border-radius: 5px;
   -moz-border-radius: 5px;
   -webkit-border-radius: 5px;
   margin: 0 0 1px 0;
   cursor: pointer;
}
.accordion-header a:hover {
   border: none !important;
}
.accordion-header a:before {
   content: '';
   width: 8px;
   height: 8px;
   display: block;
   float: left;
   margin: 6px 6px 0 0;
}
.accordion-header.current a:before {
   margin: 4px 6px 0 0;
}
.accordion-header a{
   border: none;
}
.accordion .pane {
   padding: 10px 22px;
   border-top: 0;
   margin-top: -2px;
   position: relative;
   top: 1px;
   margin-bottom: 2px;
   overflow: auto;
   display: hidden;
   zoom: 1;
}

/*-----------------------------------------------------------------------------------*/
/*   03.   Forms & Buttons
/*-----------------------------------------------------------------------------------*/

input, textarea, select {
   -webkit-border-radius: 2px 2px 2px 2px;
   -moz-border-radius: 2px 2px 2px 2px;
   border-radius: 2px 2px 2px 2px;
   padding: 5px;
   margin: 0 5px 0 0;
   font: 12px/18px 'OpenSansRegular';
}
form p {
   overflow: hidden;
}
textarea:focus, input:focus{
    outline: none;
}

/* Buttons */

.button, input[type="submit"] {
   color: #FFFFFF;
    border-left-color:rgba(0,0,0,.5);
    border-right-color:rgba(0,0,0,.5);
    border:1px solid #000;
    -webkit-box-shadow:
        inset 0px 1px 0px rgba(255,255,255,.15),
        0px 1px 2px rgba(0,0,0,.5);
    -moz-box-shadow:
        inset 0px 1px 0px rgba(255,255,255,.15),
        0px 1px 2px rgba(0,0,0,.5);
    box-shadow:
        inset 0px 1px 0px rgba(255,255,255,.15),
        0px 1px 2px rgba(0,0,0,.5);
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px;
    margin: 0;
    padding: 6px 10px 5px;
    text-decoration: none;
   text-shadow: #000 1px 1px 0px;
}

.big {
    font-size: 14px;
    padding: 0.6em 1.5em 0.62em;
}
.small {
    font-size: 11px;
    padding: 0.2em 1em 0.275em;
}
/* red */
.button.red, input[type="submit"] {
   border: solid 1px #980c10 !important;
   background: #d81b21;
   background: -webkit-gradient(linear, left top, left bottom, from(#ed1c24), to(#aa1317));
   background: -moz-linear-gradient(top,  #ed1c24,  #aa1317);
   background: -webkit-linear-gradient(top,  #ed1c24 0%,#aa1317 100%);
   background: -o-linear-gradient(top,  #ed1c24 0%,#aa1317 100%);
   background: -ms-linear-gradient(top,  #ed1c24 0%,#aa1317 100%);
   background: linear-gradient(top,  #ed1c24 0%,#aa1317 100%);
}
.button.red:hover, input[type="submit"]:hover {
   background: #b61318;
   background: -webkit-gradient(linear, left top, left bottom, from(#c9151b), to(#a11115));
   background: -moz-linear-gradient(top,  #c9151b,  #a11115);
   background: -webkit-linear-gradient(top,  #c9151b 0%,#a11115 100%);
   background: -o-linear-gradient(top,  #c9151b 0%,#a11115 100%);
   background: -ms-linear-gradient(top,  #c9151b 0%,#a11115 100%);
   background: linear-gradient(top,  #c9151b 0%,#a11115 100%);
    text-decoration: none;
   cursor: pointer;
}
.button.red:active {
   background: -webkit-gradient(linear, left top, left bottom, from(#aa1317), to(#ed1c24));
   background: -moz-linear-gradient(top,  #aa1317,  #ed1c24);
   background: -webkit-linear-gradient(top,  #aa1317 0%,#ed1c24 100%);
   background: -o-linear-gradient(top,  #aa1317 0%,#ed1c24 100%);
   background: -ms-linear-gradient(top,  #aa1317 0%,#ed1c24 100%);
   background: linear-gradient(top,  #aa1317 0%,#ed1c24 100%);
}
/* orange */
.button.orange {
    border: solid 1px #dd6611 !important;
   background: #f78d1d;
    background: -webkit-gradient(linear, left top, left bottom, from(#faa51a), to(#f47a20));
    background: -moz-linear-gradient(top, #faa51a, #f47a20);
   background: -webkit-linear-gradient(top,  #faa51a 0%,#f47a20 100%);
   background: -o-linear-gradient(top,  #faa51a 0%,#f47a20 100%);
   background: -ms-linear-gradient(top,  #faa51a 0%,#f47a20 100%);
   background: linear-gradient(top,  #faa51a 0%,#f47a20 100%);
}
.button.orange:hover {
   background: #f47c20;
   background: -webkit-gradient(linear, left top, left bottom, from(#f88e11), to(#f06015));
   background: -moz-linear-gradient(top,  #f88e11,  #f06015);
   background: -webkit-linear-gradient(top,  #f88e11 0%,#f06015 100%);
   background: -o-linear-gradient(top,  #f88e11 0%,#f06015 100%);
   background: -ms-linear-gradient(top,  #f88e11 0%,#f06015 100%);
   background: linear-gradient(top,  #f88e11 0%,#f06015 100%);
}
.button.orange:active {
   background: -webkit-gradient(linear, left top, left bottom, from(#f47a20), to(#faa51a));
   background: -moz-linear-gradient(top,  #f47a20,  #faa51a);
   background: -webkit-linear-gradient(top,  #f47a20 0%,#faa51a 100%);
   background: -o-linear-gradient(top,  #f47a20 0%,#faa51a 100%);
   background: -ms-linear-gradient(top,  #f47a20 0%,#faa51a 100%);
   background: linear-gradient(top,  #f47a20 0%,#faa51a 100%);
}

/* blue */
.button.blue {
   border: 1px solid #064792 !important;
   background: #1C5EA0;
   background: -webkit-gradient(linear, left top, left bottom, from(#1C5EA0), to(#064792));
   background: -webkit-linear-gradient(top, #1C5EA0, #064792);
   background: -moz-linear-gradient(top, #1C5EA0, #064792);
   background: -ms-linear-gradient(top, #1C5EA0, #064792);
   background: -o-linear-gradient(top, #1C5EA0, #064792);
   background: linear-gradient(top, #1C5EA0, #064792);
}
.button.blue:hover {
   background: #064792;
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0e5296), color-stop(99%,#064792));
   background: -webkit-linear-gradient(top, #0e5296, #064792);
   background: -moz-linear-gradient(top, #0e5296, #064792);
   background: -ms-linear-gradient(top, #0e5296, #064792);
   background: -o-linear-gradient(top, #0e5296, #064792);
   background: linear-gradient(top, #0e5296, #064792);
}
.button.blue:active {
   background: -webkit-gradient(linear, left top, left bottom, from(#064792), to(#0e5296));
   background: -webkit-linear-gradient(top, #064792, #0e5296);
   background: -moz-linear-gradient(top, #064792, #0e5296);
   background: -ms-linear-gradient(top, #064792, #0e5296);
   background: -o-linear-gradient(top, #064792, #0e5296);
   background: linear-gradient(top, #064792, #0e5296);
}
/* green */
.button.green {
   border: solid 1px #538312 !important;
   background: #64991e;
   background: -webkit-gradient(linear, left top, left bottom, from(#60a700), to(#459300));
   background: -webkit-linear-gradient(top, #60a700, #459300);
   background: -moz-linear-gradient(top, #60a700, #459300);
   background: -ms-linear-gradient(top, #60a700, #459300);
   background: -o-linear-gradient(top, #60a700, #459300);
   background: linear-gradient(top, #60a700, #459300);
}
.button.green:hover {
   background: #538018;
   background: -webkit-gradient(linear, left top, left bottom, from(#569600), to(#427200));
   background: -webkit-linear-gradient(top, #569600, #427200);
   background: -moz-linear-gradient(top, #569600, #427200);
   background: -ms-linear-gradient(top, #569600, #427200);
   background: -o-linear-gradient(top, #569600, #427200);
   background: linear-gradient(top, #569600, #427200);
}
.button.green:active {
   background: -webkit-gradient(linear, left top, left bottom, from(#459300), to(#60a700));
   background: -webkit-linear-gradient(top, #459300, #60a700);
   background: -moz-linear-gradient(top, #459300, #60a700);
   background: -ms-linear-gradient(top, #459300, #60a700);
   background: -o-linear-gradient(top, #459300, #60a700);
   background: linear-gradient(top, #459300, #60a700);
}
/* Notifications */
.message {
   display: block;
   color: white;
   padding: 12px;
   margin-bottom: 12px;
   position: relative;
   border-radius: 5px;
   -moz-border-radius: 6px;
   -webkit-border-radius: 6px;
   border-width: 1px;
   border-style: solid;
   text-shadow: none;
}
.message.success {
   background: #ACEA90;
   border-color: #98D27E;
   color: #466638;
}
.message.information {
   background: #AAEBFE;
   border-color: #7BD5E2;
   color: #30839C;
}
.message.warning {
   background: #F1E884;
   color: #AFA214;
   border-color: #E7D728;
}
.message.error {
   background: #EE6669;
   color: #993333;
   border-color: #D23939;
}
.message .close {
   position: absolute;
   top: 10px;
   right: 10px;
   color: white !important;
   width: 20px;
   height: 20px;
   padding: 0;
   margin: 0;
   text-align: center;
   border-radius: 10px;
   -webkit-transition: all .3s ease;
   -moz-transition: all .3s ease;
   -o-transition: all .3s ease;
   -ms-transition: all .3s ease;
   transition: all .3s ease;
   display: block;
   opacity: 0.8;
   font-weight: bold;
   text-indent: 0px;
}
.message.success .close:hover {
   cursor: pointer;
   background: #98D27E;
   opacity: 1;
}
.message.information .close:hover {
   cursor: pointer;
   background: #7BD5E2;
   opacity: 1;
}
.message.warning .close:hover {
   cursor: pointer;
   background: #E7D728;
   opacity: 1;
}
.message.error .close:hover {
   cursor: pointer;
   background: #D23939;
   opacity: 1;
}
/*-----------------------------------------------------------------------------------*/
/*   04.   Header
/*-----------------------------------------------------------------------------------*/

#header {
   text-align: center;
   margin-bottom: 52px;
}
#header-inner {
   width: 980px;
   padding: 35px 0 0 0;
   margin: 0 auto;
   text-align: left;
   position: relative;
}
header #logo {
   float: left;
}
header #logo h1{
   font: 48px 'FrancoisOneRegular', sans-serif;
   float: left;
   margin-bottom: 0;
}
header #logo p{
   float: left;
   text-transform: uppercase;
   font-size: 11px;
   margin: 38px 0 0 6px;
}
.header-ad-section {
   float: right;
   width: 468px;
   height: 60px;
   position: relative;   
}
/* Main Navigation */

#primary-nav, #primary-nav ul {
   margin: 0;
   padding: 0;
   list-style: none;
   list-style-type: none;
   list-style-position: outside;
}
#primary-nav {
   width: 805px;
    display: table-cell;
}
.nosearch #primary-nav {
    width:0px;
}
#header nav {
   width: 100%;
   position: relative;
    bottom: -16px;
   margin: 0 0 16px 0;
   background: #C32420 url("images/nav-red.png") repeat-x 0 top;
   background: -webkit-gradient(linear,50% 0,50% 100%,color-stop(0%,#C32420),color-stop(100%,#8F050E));
   background: -webkit-linear-gradient(#C32420,#8F050E);
   background: -moz-linear-gradient(#C32420,#8F050E);
   background: -o-linear-gradient(#C32420,#8F050E);
   background: -ms-linear-gradient(top, #C32420 0%,#8F050E 100%);
   background: linear-gradient(#C32420,#8F050E);
   -moz-border-radius: 6px;
   -webkit-border-radius: 6px;
   border-radius: 6px;
   -moz-box-shadow: 0 2px 10px rgba(0,0,0,0.35);
   -webkit-box-shadow: 0 2px 10px rgba(0,0,0,0.35);
   box-shadow: 0 2px 10px rgba(0,0,0,0.35);
   display: block;
}

#primary-nav:before,
#primary-nav:after {
   /*content: "";*/
   display: table;
}

#primary-nav:after {
   clear: both;
}

#primary-nav {
   zoom:1;
}
   
#primary-nav li {
   float: left;
   border-right: 1px solid #7B0D0F;
   position: relative;
   margin: 0;
}
   
#primary-nav a {
   float: left;
   padding: 10px 22px;
   color: #ffffff;
   text-transform: uppercase;
   text-decoration: none;
   text-shadow: 0 1px 0 #000;
   border-left: 1px solid #B11719;
   position: relative;
}

#primary-nav a:hover {
   background: url("images/nav-red.png") repeat-x bottom left;
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#9b1211), color-stop(100%,#760509));
   background: -webkit-linear-gradient(top, #9b1211 0%,#760509 100%);
   background: -moz-linear-gradient(top, #9b1211 0%, #760509 100%);
   background: -o-linear-gradient(top, #9b1211 0%,#760509 100%);
   background: -ms-linear-gradient(top, #9b1211 0%,#760509 100%);
   background: linear-gradient(top, #9b1211, #760509);
}

#primary-nav > li:first-child > a{
   border-left: none;
}
#primary-nav > li:first-child > a:hover {
   border-radius: 6px 0 0 6px;
}
#primary-nav > li:last-child {
   border-right: 1px solid #B11719;
}   

#primary-nav > li:last-child > a{
   border-right: 1px solid #7B0D0F;
}   
#primary-nav ul a {
   float: none;
}

#primary-nav ul li {
   float: none;
   border-right: 1px solid #B11719;
}

#primary-nav li:hover > a {
   color: #ffffff;
}

*html #primary-nav li a:hover { /* IE6 only */
   color: #ffffff;
}

#primary-nav ul {
   margin: 0;
   opacity: 0;
   visibility: hidden;
   position: absolute;
   left: 0;
   z-index: 99999;
   -webkit-transition: all .2s ease-in-out;
   -moz-transition: all .2s ease-in-out;
   -ms-transition: all .2s ease-in-out;
   -o-transition: all .2s ease-in-out;
   transition: all .2s ease-in-out;
}

#primary-nav > li > ul {
   top: 50px;
}

#primary-nav > li > ul {
   padding-top: 10px;
}

#primary-nav ul > li:first-child {
   -moz-box-shadow: 0 -1px #AC1417;
   -webkit-box-shadow: 0 -1px 0 #AC1417;
   box-shadow: 0 -1px 0 #AC1417;
   -moz-border-radius: 3px;
   -webkit-border-radius: 3px;
   border-radius: 3px;
}

#primary-nav > li:hover > ul {
   top: 38px;
}

#primary-nav li:hover > ul {
   opacity: 1;
   visibility: visible;
   margin: 0;
}

#primary-nav ul ul {
   top: 0;
   left: 163px;
   margin: 0;
}

#primary-nav  li ul li:hover > ul {
   left: 153px;
}

#primary-nav ul li {
   float: none;
   display: block;
   border: 0;
   _line-height: 0; /*IE6 only*/
   border-bottom: 1px solid #B11719;
   background: #9b1211;
   width: auto;
   min-width: 145px;
}
   
#primary-nav ul li:last-child {   
   border: none;
}

#primary-nav ul a {   
   padding: 10px;
   width: auto;
   _height: 10px; /*IE6 only*/
   display: block;
   white-space: nowrap;
   border-left: none;
   border-bottom: 1px solid #7B0D0F;
   float: none;
   text-transform: none;
}
   
#primary-nav ul a:hover {
   background: url("images/nav-red-hover.png") repeat-x bottom left;
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#9b1211), color-stop(100%,#760509));
   background: -webkit-linear-gradient(top, #9b1211 0%,#760509 100%);
   background: -o-linear-gradient(top, #9b1211 0%,#760509 100%);
   background: -moz-linear-gradient(top, #9b1211 0%, #760509 100%);
   background: -ms-linear-gradient(top, #9b1211 0%,#760509 100%);
   -ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#9b1211, endColorstr=#760509)";
   background: linear-gradient(top, #9b1211, #760509);
}

#primary-nav ul li:first-child > a {
   -moz-border-radius: 3px 3px 0 0;
   -webkit-border-radius: 3px 3px 0 0;
   border-radius: 3px 3px 0 0;
}
   
#primary-nav > li > ul > li:first-child > a:before,
#primary-nav > li > ul > li:first-child > .before
{
   content: '';
   position: absolute;
   left: 15px;
   width: 15px;
   height: 10px;
   top: -30px;
   padding-top: 20px;
   border-left: 6px solid transparent;
   border-right: 6px solid transparent;
   background: url("images/submenu-arrow.png") no-repeat bottom left;
}

#primary-nav ul ul li:first-child > a:before,
#primary-nav ul ul > li:first-child > .before
{
   content: '';
   position: absolute;
   left: -13px;
   width: 8px;
   height: 10px;
   top: -3px;
   padding-top: 20px;
   border-left: 6px solid transparent;
   border-right: 6px solid transparent;
   background: url("images/submenu-arrow.png") no-repeat bottom right;
}
   
#primary-nav ul li:first-child a:hover:after {
   border-bottom-color: #7B0D0F;
}

#primary-nav ul li:last-child > a {
   -moz-border-radius: 0 0 3px 3px;
   -webkit-border-radius: 0 0 3px 3px;
   border-radius: 0 0 3px 3px;
}

/*   Search field  */


/*-----------------------------------------------------------------------------------*/
/*   05.   Content
/*-----------------------------------------------------------------------------------*/

#content-wrapper {
   text-align: center;
   padding: 0 0 36px 0;
}
#content-inner {
   width: 980px;
   margin: 0 auto;
   text-align: left;
}
#content {
   float: left;
   width: 642px;
}
#content.full-width {
   float: none;
   width: 100%;
}
#content.p404 {
   text-align: center;
}
#content.p404 .entry-content{
   padding: 100px 0;
}

/* Grid */

.grid {
   overflow: hidden;
   clear: both;
}
.grid > * {
    float: left;
    margin-left: 3.75%;
    min-height: 1px;
}
.grid > *:first-child {
    margin-left: 0;
}
.one-half, .one-third, .one-fourth {
   float: left;
}
.one-half {
   width: 46%;
}
.one-third {
    width: 30.8333%;
}
.two-third {
    width: 61.6666%;
}
.one-fourth {
    width: 22%;
}
.three-fourth {
    width: 66%;
}
.grid .last {
    margin-right: 0 !important;
}

/*   Home Page Slider  */

.slider-wrapper {
   width: 642px;
   height: 362px;
   margin: 0 0 165px 0;
}
.slider-wrapper.theme-default {
    margin: 0 0 40px 0;
}
#slider{
   width: 642px;
   height: 362px;
   position: relative;
}
.slider-captions h2 a, .entry-header h2 a {
   text-decoration: none;
}
.slider-captions p {
   text-align: justify;
   margin: 0 !important;
}
/* Nivo Slider with thumbnail navigation */
.nivo-controlNav.nivo-thumbs-enabled {
   position:absolute;
   width: 620px;
   padding: 20px 0 20px 22px;
   overflow: hidden;
}
.theme-thumbnails  a.nivo-control{
    width: 128px;
    margin: 0 26px 0 0;
}

/*   Home Page Article List  */

article.list-small-thumb, article.list-big-thumb {
   margin-bottom: 36px;
   position: relative;
   clear: both;
}
article.list-small-thumb:last-child, .list-big-thumb:last-child {
   margin: 0 !important;
}
article.list-small-thumb .entry-date, article.list-big-thumb .entry-date{
   background: url("images/date-bg.png") repeat-x 0 0;
   width: 48px;
   height: 48px;
   position: absolute;
   top: 0px;
   left: -68px;
   z-index: 10;
   color: #ffffff;
   font-family: "FrancoisOneRegular", "OpenSansRegular", Tahoma, sans-serif;
   font-size: 18px;
   text-align: center;
   text-transform: uppercase;
   padding: 10px;
   text-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
}
article.list-small-thumb .entry-date span.day, article.list-big-thumb .entry-date span.day {
   font-size: 22px;
   display: block;
   margin-bottom: 10px;
}
article.list-small-thumb .entry-date {
   top: 1px;
}
article.list-small-thumb h2, article.list-big-thumb h2 {
   margin: 0;
}
article.list-small-thumb .entry-content, article.list-big-thumb .entry-content {
   padding: 0 22px 18px;
   text-align: left;
   overflow: hidden;
}
article.list-small-thumb .img-wrapper{
   float: left;
   width: 200px;
   height: 200px;
}
article.list-small-thumb .entry-header {
    display: block;
   margin-left: 200px;
    padding: 12px 12px 8px 22px;
    text-align: left;
   overflow: hidden;
}   
article.list-small-thumb .noimage .entry-header {
   margin-left: 0;
}
article.list-small-thumb .entry-header h2{
   font-size: 18px;
}
article.list-small-thumb .entry-content {
   height: 114px;
}
article.list-small-thumb .noimage  .entry-content {
   height: auto;
}
article.list-small-thumb .img-wrapper a {
    height: 199px;
}
article.list-big-thumb .img-wrapper {
   width: 642px;
   height: 362px;
   position: relative;
}
article.list-big-thumb .img-wrapper>a{
   border: none !important;
}
article.list-big-thumb .entry-header {
    bottom: 0;
    display: block;
    left: 0;
    padding: 12px 22px;
    position: absolute;
    right: 0;
    text-align: left;
}
article.list-big-thumb .noimage .entry-header {
   position: relative;
   opacity: 1;
   filter: alpha(opacity=100);
   padding: 5px 12px;
}
.entry-meta {
   text-transform: uppercase;
   font-size: 11px;
}

/* Single Post & Page */

section.full-height {
   overflow: hidden;
   padding-bottom: 36px;
}
section.full-height header {
   overflow: hidden;
   padding: 12px 22px;
}

.entry-content, .archive-content {
   padding: 12px 22px 0;
   overflow: hidden;
}
.single .entry-meta {
   margin: 6px 0;
}
.video-embed {
   margin: 12px 0;
}
.tags {
   text-transform: uppercase;
   font-size: 11px;
   padding-left: 18px;
}
a.post-edit-link {
   float: right;
   padding-top: 6px;
}

/* Single Review Post */

article.review.single header {
   text-align: left;
   padding: 0 22px 0 0;
   height: 160px;
   margin: 0;
   overflow: hidden;
}
article.review.single header.noimage {
   padding: 0 22px;
}
article.review header img.cover{
   float: left;
   margin-right: 18px;
}
article.review header h2 {
   margin: 12px 0;
   line-height: 30px;
}
article.review header .subtitle{
   font: 14px/20px "OpenSansRegular", Tahoma, sans-serif;
   margin-bottom: 12px;
}

/* Archives */


.filter {
   float: right;
   overflow: hidden;
   text-transform: uppercase;
   margin-top: 12px;
   font-size: 11px;
}
.filter ul {
   overflow: hidden;
   float: right;
}
.filter ul li {
   float: left;
   margin-left: 10px;
   list-style-type: none;
}
.filter li.current a{
   border-bottom: 1px dotted #ffffff;
}

/* Video Archives */

.video-item {
   overflow: hidden;
   padding: 18px 0 12px;
   float: left;
   margin-right: 30px;
}
.video-item.l {
   margin: 0;
}
.video-item.last {
   background: none;
   padding-bottom: 0;
}

.video-item .img-wrapper{
   position: relative;
   height: 158px;
    width: 284px;
   margin: 0 0 6px 0;
}
.video-item .img-wrapper a {
    box-shadow: none;
}
.video-item .entry-header{
    bottom: 0;
    display: block;
    left: 0;
    padding: 6px 12px;
    position: absolute;
    right: 0;
    text-align: left;
}
.video-item .entry-header a {
   opacity: 1;
}
.video-item .entry-header a:hover {
   border: none !important;
}
/* Review Archives */

.review-item {
   overflow: hidden;
   padding: 18px 0;
}
.review-item:last-child   {
   background: none;
}
.review-thumb {
   float: left;
   margin-right: 12px;
}
.review-content {
   margin-left: 112px;
}
.review-item.noimage .review-content {
   margin-left: 0;
}
.review-item p {
   overflow: hidden;
}
.review-item .rating-bar {
   float: right;
}

/* Pagination */
.page-link {clear: both;}

.wp-pagenavi{
   display: block;
    float: left;
    font-size: 12px;
    line-height: 18px;
    padding: 36px 0 18px 0;
    width: 642px;
   text-align: left;
}
.wp-pagenavi .pages {
   background: none;
   box-shadow: none;
   border: none;
   text-transform: uppercase;
   font-size: 11px;
   float: right;
    text-align: right;
    width: 150px;
   color: #999999;
   filter: none;
   padding: 0;
}
.wp-pagenavi a, .wp-pagenavi span {
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px;
    margin: 0 3px 0 0;
    padding: 6px 10px 5px;
    text-decoration: none;
}

/* Comments */

#comments {
   padding: 12px 22px 0;
   overflow: hidden;
}
#comments h3 {
   text-transform: uppercase;
}
.comments-header{
   text-transform: uppercase;
   padding: 0 22px;
}
#comments nav {
   overflow: hidden;
}
#comments #comment-nav-above {
   padding-bottom: 10px;
   margin-bottom: 10px;
}
#comments nav .nav-previous {
   float: left;
}
#comments nav .nav-next {
   float: right;
}
#comments nav h1 {
   display: none;
}
.commentlist {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
.commentlist .the-comment {
    margin: 0 0 20px;
    overflow: hidden;
    padding: 0 0 5px;
}
.commentlist img.avatar {
    float: left;
    margin: 0 10px 10px 0;
    padding: 3px;
}
.comment-meta {
    overflow: hidden;
}
.comment-time {
   float: right;
}
.comment-text {
   clear: both;
   margin: 6px 0;
}
.comment-text p{
   margin: 12px 0;
}
.comment-form {
   padding: 12px 22px 0;
   overflow: hidden;
}
ol.children {
   padding: 0 0 0 40px;
   list-style-type: none;
}
   /* Comment Form */
   #cancel-comment-reply-link {
      font-family: 'OpenSansRegular', Tahoma, Arial;
      font-size: 11px;
      text-transform: none;
   }
   #commentform input {
      float: left;
   }
   #commentform div {
      margin-bottom: 10px;
   }
   #commentform p.form-submit {
      overflow: hidden;
   }
   /* Contact Form */
   #contact-form p.short {
      float: left;
      margin-right: 6px;
      width: 216px;
   }
   #contact-form p.long {
      clear: both;
   }
   #contact-form p.short input {
      width: 200px;      
   }   
   #contact-form p.long input {
      width: 425px;      
   }   
   #contact-form textarea {
      width: 425px;
   }
   #contact-form label.error {
      text-align: left;
      color: #ED1C24;
      padding: 5px;
      display: block;
      font-size: 11px;
      width: 260px;
      line-height: 1em;
   }
   #contact-form input.error, #contact-form textarea.error, #contact-form select.error {
      border: 1px solid #ED1C24;
      border-color: #ED1C24;
      box-shadow: 0 0 5px #ED1C24;
      outline: 0 none;
   }
   #contact-form.loading input, #contact-form.loading textarea {
      background: #e7e7e7;
   }
   #contact-form.loading input[type="submit"] {
    border: solid 1px #bbbbbb !important;
   color: #555555;
   background: #d1d1d1;
    background: -webkit-gradient(linear, left top, left bottom, from(#e7e7e7), to(#d1d1d1));
    background: -moz-linear-gradient(top, #e7e7e7, #d1d1d1);
   background: -webkit-linear-gradient(top,  #e7e7e7 0%,#d1d1d1 100%);
   background: -o-linear-gradient(top,  #e7e7e7 0%,#d1d1d1 100%);
   background: -ms-linear-gradient(top,  #e7e7e7 0%,#d1d1d1 100%);
   background: linear-gradient(top,  #e7e7e7 0%,#d1d1d1 100%);
   }
   #thank-you-for-contact {
      display:none;
   }
/*-----------------------------------------------------------------------------------*/
/*   06.   Sidebar
/*-----------------------------------------------------------------------------------*/

#sidebar {
   float: left;
   width: 300px;
    margin-left: 38px;
}

/* Widgets */

.widget{
   margin: 0 0 18px 0;
   clear: both;
   overflow: hidden;
}
.widget h3.widget-title {
   text-transform: uppercase;
   font-size: 18px;
   margin: 0 0 12px 0;
   padding: 0 0 6px 0;
}
.widget a{
   text-decoration: none;
}
.widget ul {padding: 0;}
.widget ul li  {
   padding-left: 18px;
   list-style:none;
}

.widget .entry-content {
    padding: 0;
    background: none;
}

/* RECENT POSTS WIDGET */

.reviews_widget .entry-wrapper {
   float: left;
   margin: 0;
   width: 200px;
}
.reviews_widget .entry-thumb {
   float: left;
   position: relative;
   margin: 0 15px 0 0;
}
.reviews_widget .entry-thumb  a {
    height: 79px;
}
.reviews_widget .entry-title {
   font-size: 13px;
   font-family: 'OpenSansSemiboldRegular';
   margin-bottom: 6px;
}
.reviews_widget .entry-wrapper .entry-meta{
   margin: 0;
}
.reviews_widget .entry-title a {
   color: #FFFFFF;
   text-decoration: none;
   font-size: 13px;
}
.reviews_widget ul.pane li {
   padding: 0 0 12px;
   margin: 12px 0 0;
   list-style: none !important;
   overflow: hidden;
}
.reviews_widget ul.pane li:last-child {
   background: none;
   padding: 0;
}
/* Social Media Widget */

.sidebar-social a {
   float: left;
   margin-right: 6px;
}
#sidebar .sidebar-social a:hover, #prefooter .sidebar-social a:hover  {
   border-bottom: 1px dotted transparent;
}
/*-----------------------------------------------------------------------------------*/
/*   07.   Prefooter
/*-----------------------------------------------------------------------------------*/

#prefooter {
   text-align: center;
   padding-bottom: 36px;
}
#prefooter-inner {
   width: 980px;
   padding: 35px 0 0 0;
   margin: 0 auto;
   text-align: left;
   position: relative;
}

/*-----------------------------------------------------------------------------------*/
/*   08.   Footer
/*-----------------------------------------------------------------------------------*/

#footer-border{
   height: 2px;
}
#footer-inner {
   width: 980px;
   padding: 0;
   margin: 0 auto;
   font-size: 11px;
   overflow: hidden;
}

/*-----------------------------------------------------------------------------------*/
/*   09.   Misc
/*-----------------------------------------------------------------------------------*/

.clear {
   clear: both;
}

.alignleft {
   float: left;
   margin: 6px 12px 6px 0;
}

.alignright {
   float: right;
   margin: 6px 0 12px 12px;
}
.aligncenter{
   display: block;
   margin-left: auto;
   margin-right: auto;
   clear: both;
}
.sticky {}
.gallery-caption {
   font-size: 11px;
   font-style: italic;
   padding: 0;
   margin: 0 10px;   
}
.bypostauthor {}

img.size-auto,
img.size-full,
img.size-large {
   height: auto;
   max-width: 98%;
}
img.wp-smiley {
   background: transparent;
   border: none;
   margin: 0;
   padding: 0;
}
.img-bevel {
   display: inline-block;
   position: relative;
   line-height: 0;
   box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5)
}
article.list-big-thumb .img-bevel{
    box-shadow: none;
}
.img-bevel:before,
.before-img-bevel-fix
 {
   content: "";
    height: 1px;
    background: #ffffff;
    opacity: 0.2;
   -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=20);
   top: 0;
    position: absolute;
    width: 100%;
    z-index: 100;
}

/*   Highlight  */

span.hl-yellow {
   background-color: #fff461;
   text-shadow: none;
   color: #222222;
}
span.hl-red {
   background-color: #C83A37;
   text-shadow: none;
   color: #ffffff;
}

/*   Horizontal Dividers  */

.divider-solid {
   height: 4px;
   clear: both;
   margin: 18px 0;
   border: none;
}
.divider-dotted {
   height: 2px;
   margin: 18px 0;
   clear: both;
   border: none;
}

/*   Image Captions  */

.wp-caption {
   margin-bottom: 10px;
   position: relative;
    max-width: 100%;
    text-align: center;
}
#content .wp-caption a:hover{
   border-bottom: 1px dotted transparent;
}
.wp-caption .wp-caption-text, .wp-caption .wp-caption-dd {
    font-size: 11px;
   font-style: italic;
   padding: 6px 12px;
   margin: 0;
}
.wp-caption img {
    border:0 none;
    height:auto;
    margin:0;
    max-width: 100%;
    padding:0;
    width:auto;
}

 /* Rating */
 
 /* RATING */
.rating-bar {
   margin: 6px 0 0;
   color: #FFFFFF;
   text-transform: uppercase;
   font-size: 12px;
   font-family: "FrancoisOneRegular", "OpenSansRegular", Tahoma, sans-serif;
   overflow: hidden;
}
.rating-bar span {
   padding: 1px 5px;
   display: block;
   float: left;
   height: 17px;
   line-height: 17px;
}
.rating-bar .desc {
   width: 60px;
}
.rating-bar .score.s1 {
   border: 1px solid #5d0006;
   background: url("images/ratingBar-bg.png") repeat-x 0 -19px;
}
.rating-bar .score.s2 {
   border: 1px solid #a01301;
   background: url("images/ratingBar-bg.png") repeat-x 0 -38px;
}
.rating-bar .score.s3 {   
   border: 1px solid #982801;
   background: url("images/ratingBar-bg.png") repeat-x 0 -57px;
}
.rating-bar .score.s4 {
   border: 1px solid #a43c01;
   background: url("images/ratingBar-bg.png") repeat-x 0 -76px;}
.rating-bar .score.s5 {
   border: 1px solid #a04f02;
   background: url("images/ratingBar-bg.png") repeat-x 0 -95px;
}
.rating-bar .score.s6 {
   border: 1px solid #585f00;
   background: url("images/ratingBar-bg.png") repeat-x 0 -114px;
}
.rating-bar .score.s7 {
   border: 1px solid #3d4001;
   background: url("images/ratingBar-bg.png") repeat-x 0 -133px;
}
.rating-bar .score.s8 {
   border: 1px solid #124001;
   background: url("images/ratingBar-bg.png") repeat-x 0 -152px;
}
.rating-bar .score.s9, .score.s10  {
   border: 1px solid #003e0c;
   background: url("images/ratingBar-bg.png") repeat-x 0 -171px;
}
.rating-box{
   margin: 0;
   color: #FFFFFF;
   text-transform: uppercase;
   font-size: 30px;
   font-family: "FrancoisOneRegular", "OpenSansRegular", Tahoma, sans-serif;
}
.rating-box span {
   width: 64px;
   padding: 0 0 2px;
   display: block;
   text-align: center;
   height: 17px;
}
.rating-box .score {
   height: 22px;
   padding: 18px 0;
}
.rating-box .score.s1 {
   border: 1px solid #5d0006;
   background: url("images/ratingBox-bg.png") repeat-x 0 0;
}
.rating-box .score.s2 {
   border: 1px solid #a01301;
   background: url("images/ratingBox-bg.png") repeat-x 0 -60px;
}
.rating-box .score.s3 {   
   border: 1px solid #982801;
   background: url("images/ratingBox-bg.png") repeat-x 0 -120px;
}
.rating-box .score.s4 {
   border: 1px solid #a43c01;
   background: url("images/ratingBox-bg.png") repeat-x 0 -180px;}
.rating-box .score.s5 {
   border: 1px solid #a04f02;
   background: url("images/ratingBox-bg.png") repeat-x 0 -240px;
}
.rating-box .score.s6 {
   border: 1px solid #585f00;
   background: url("images/ratingBox-bg.png") repeat-x 0 -300px;
}
.rating-box .score.s7 {
   border: 1px solid #3d4001;
   background: url("images/ratingBox-bg.png") repeat-x 0 -360px;
}
.rating-box .score.s8 {
   border: 1px solid #124001;
   background: url("images/ratingBox-bg.png") repeat-x 0 -420px;
}
.rating-box .score.s9, .score.s10  {
   border: 1px solid #003e0c;
   background: url("images/ratingBox-bg.png") repeat-x 0 -480px;
}
.rating {
   overflow: hidden;
   margin: 12px 0;
}
.rating p {
   margin: 0 0 12px 0;
}
.rating .rating-box {
   float: left;
   margin-right: 12px;
}
.rating .label {

   text-transform: uppercase;
   font-family: 'OpenSansSemiboldRegular', Tahoma, sans-serif;
   font-size: 11px;
}

/*-----------------------------------------------------------------------------------*/
/*   10.   @font-face
/*-----------------------------------------------------------------------------------*/

/* Generated by Font Squirrel (http://www.fontsquirrel.com) */

@font-face {
    font-family: 'OpenSansRegular';
    src: url('fonts/opensans-regular.eot');
    src: url('fonts/opensans-regular.eot?#iefix') format('embedded-opentype'),
         url('fonts/opensans-regular.woff') format('woff'),
         url('fonts/opensans-regular.ttf') format('truetype'),
         url('fonts/opensans-regular.svg#OpenSansRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'OpenSansSemiboldRegular';
    src: url('fonts/opensans-semibold.eot');
    src: url('fonts/opensans-semibold.eot?#iefix') format('embedded-opentype'),
         url('fonts/opensans-semibold.woff') format('woff'),
         url('fonts/opensans-semibold.ttf') format('truetype'),
         url('fonts/opensans-semibold.svg#OpenSansSemiboldRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'OpenSansBold';
    src: url('fonts/opensans-bold.eot');
    src: url('fonts/opensans-bold.eot?#iefix') format('embedded-opentype'),
         url('fonts/opensans-bold.woff') format('woff'),
         url('fonts/opensans-bold.ttf') format('truetype'),
         url('fonts/opensans-bold.svg#OpenSansBold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'OpenSansItalic';
    src: url('fonts/opensans-italic.eot');
    src: url('fonts/opensans-italic.eot?#iefix') format('embedded-opentype'),
         url('fonts/opensans-italic.woff') format('woff'),
         url('fonts/opensans-italic.ttf') format('truetype'),
         url('fonts/opensans-italic.svg#OpenSansItalic') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'FrancoisOneRegular';
    src: url('fonts/francoisone.eot');
    src: url('fonts/francoisone.eot?#iefix') format('embedded-opentype'),
         url('fonts/francoisone.woff') format('woff'),
         url('fonts/francoisone.ttf') format('truetype'),
         url('fonts/francoisone.svg#FrancoisOneRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

[Michal.]

Jak uvedl LuCaCZ - nadefinuješ ve stylu (.css) panel.

[Misso]

tuto ? :)

Kód: Vybrat vše

body{
   margin: 0;
   padding: 0;
   background: #000;
   color: #fff;
   font-family: arial;
   }
#page{
   width: 100%;
   background: #000;
   }

#wrap{
   margin: auto;
   width: 100%;
   max-width: 1200px;
   min-height: 500px;
   background: #000;
   }
   
#header{
   height: 354px;
   width: 100%;
   background: url(header.png) no-repeat;
   }
   
#topbar{
   position: relative;
   width: 910px;
   height: 70px;
   top: 283px;
   margin: auto;
   }
   
#topbar ul li{
   display: inline-block;
   margin: 0;
   text-align: center;
   line-height: 70px;
   border-right: 1px solid #000;
   border-left:  1px solid #000;
   border-collapse: collapse;
   width: 205px;
   height: 70px;
   }
   
#topbar ul li a{
   width: 100%;
   height: 100%;
   color: #fff;
   font-family: arial;
   text-decoration: none;
   background: rbga(100,100,100,.5);
   
   }
   
#main{
   margin:auto;
   width: 910px;
   border: 1px solid #000;
   min-height: 400px;
   padding-bottom: 50px;
   }

   
#ldr_table{
   background: #222;
   font-famil: arial;
   color: #fff;
   }

#ldr_table a{
   color: #fff;
   text-decoration: none;
   border-bottom: 1px dotted #fff;
   }
   
#ldr_table tr td{
   padding: 10px;
   }
   
.ld_tb_hd{
   background: #333;
   color: #000;
   font-weight: bold;
   }
   
.ldr_alt1{
    background: #121212;
   color: #ff;
   }

.ldr_alt2{
   background: #020202;
   color: #bbb;
   }
   
#prev_next{
   margin-top: 10px;
   border: 2px solid #444;
   }
   
#prev_next tr td{
   padding: 10px;
   }
   
#prev_next a{
   text-decoration: none;
   color: #fff;
   font-weight: bold;
   }
   
#player-wrap{
   margin-top: 25px;
   
}

#player_row-top, #player_row-middle, #player_row-bottom{
   width: 100%;
   height: 175px;
   }
   
.playerblock{
   display: inline-block;
   background: #111;
   border: 2px solid #555;
   }
   
.player-block-top{
   width: 290px;
   height: 150px;
   }

.player-block-middle{
   width: 210px;
   height: 130px;
   }
   
.player-block-bottom{
   width: 170px;
   height: 100px;
   }
   


ak áno ako ? Skúšal som to tam vložiť ale nič.

[LuCaCZ]

v tomhle souboru http://www.stylecraft.cz/wp-content/the ... /style.css
taky admin > Vzhled > Editor > style.css
najdeš "aside" a přepíšeš podle toho jak to chceš mít

v HTML ne ale v CSS... Ale pořád si nenapsal co přesně s tím chceš.

Styl celého pravého sloupce s widgety je ve style.css tady:

Kód: Vybrat vše

aside
{
   background-color: rgba(255,255,255,0.5);
   box-shadow: 0px 0px 20px 2px #ffffff;   
}

background-color definuje bílou barvu pozadí s 50% průhledností (0.5)
box-shadow je bílý stín okolo celého sloupce

[Misso]

takto som to spravil, aktualizoval ale nenie tam ten tieň..

[strangereu]

Však tam je?

[Misso]

môj web je toto http://www.giantcraft.8u.cz/

[strangereu]

Dám ti malou radu, pozadí v rozlišení 1920x1080 stačí, nemusí tam být 4K - nebo kolik tam máš...