Šablona font

Technická podpora pro naše hostované weby
Message
Autor
Uživatelský avatar
vasikxl
Příspěvky: 713
Registrován: 04 bře 2013, 20:57
Reputation: 0

Šablona font

#1 Příspěvekod vasikxl » 08 kvě 2013, 12:00

Ahoj, nedá se nějak u šablony změnit font?
Děkuji předem!

Uživatelský avatar
Qefik
Příspěvky: 5714
Registrován: 26 pro 2009, 11:26
Reputation: 0
Kontaktovat uživatele:

Re: Šablona font

#2 Příspěvekod Qefik » 08 kvě 2013, 12:58

Ahoj, jistěže dá. Ale potřebujeme vidět soubory s CSS styly...
Rozdávat rady je zbytečné. Moudrý si poradí sám a hlupák stejně neposlechne.
Mark Twain

Uživatelský avatar
vasikxl
Příspěvky: 713
Registrován: 04 bře 2013, 20:57
Reputation: 0

Re: Šablona font

#3 Příspěvekod vasikxl » 08 kvě 2013, 18:38

Style.css zde:
Spoiler: zobrazit

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.4
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, search 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;
}

img { display: inline-block; }
img{max-width: 100%; height: auto;}

/*-----------------------------------------------------------------------------------*/
/*   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:980px;
}
#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  */
#search {
   background: url(images/searchbar-bg.png) no-repeat top left;
   width: 150px;
   margin: 7px 18px 0 0;
   float: right;
   position: absolute;
   top: 0;
   right: 0;
   height: 25px;
}
#search input {
   width: 125px;
   height: 25px;
   margin: 0;
   background: none;
   padding: 0 0 0 20px;
   border: none !important;
   box-shadow: none;
}

/*-----------------------------------------------------------------------------------*/
/*   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;
   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;
}
#content .wp-caption a:hover{
   border-bottom: 1px dotted transparent;
}
.wp-caption .wp-caption-text {
   font-size: 11px;
   font-style: italic;
   padding: 6px 12px;
   margin: 0;
}
 /* 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;
}

Uživatelský avatar
Qefik
Příspěvky: 5714
Registrován: 26 pro 2009, 11:26
Reputation: 0
Kontaktovat uživatele:

Re: Šablona font

#4 Příspěvekod Qefik » 08 kvě 2013, 18:56

http://www.jakpsatweb.cz/css/font-family.html

vyhledej si a uprav jak potřebuješ
Rozdávat rady je zbytečné. Moudrý si poradí sám a hlupák stejně neposlechne.
Mark Twain

Uživatelský avatar
vasikxl
Příspěvky: 713
Registrován: 04 bře 2013, 20:57
Reputation: 0

Re: Šablona font

#5 Příspěvekod vasikxl » 10 kvě 2013, 21:13

Koukal jsem se na nějaké video a tam se dá nastavit jen už font, který je nehraný... Kam ten nový font mám nahrát nebo kde jsou všechny ty fonty uložené?


Zpět na „Web hosting“

Kdo je online

Uživatelé prohlížející si toto fórum: Žádní registrovaní uživatelé a 4 hosti