Uživatel:Jan.Brandejs/sofia.js

html, body {
    height: 100%; /* Bug 68370 For VisualEditor */
}
html{
    margin: 0;
    padding: 0;
}
body{   
    font-family: "Arial";
    margin: 0 auto;    
    text-align: left;
    background-color: #f4f2eb; 
}
h1,h2,h3,h4,h5{ font-weight: bold;}
h1{
    border-bottom: 1px solid #e3e3e3;
    font-size: 24px;
    padding-bottom: 12px;   
}
h2{
    border-bottom: 1px solid #e3e3e3;
     font-size: 20px;
    padding-bottom: 10px;   
}
.homecontent h2{font-size: 110%}
h3{
    font-size: 16px;
    padding-bottom: 8px;     
}
h4{    font-size: 14px;
    padding-bottom: 7px;  }
h5{    font-size: 13px;
    padding-bottom: 6px;  
}
a{
    color:#3f9ae6;
}
ul {margin: 0}
a:hover{text-decoration: none;}
a.new{color: red}

body div.center{ 
    width: 1250px;
    height: auto;
    margin: auto;
   border: none;
}
#region-top{
     margin: 0;
}
#region-header{    height: 50px;}
#p-logo{
    display: block;
    margin-left: 40px;
    width: 100px;   
    padding:  12px 0;
    overflow: hidden;
    float: left;
}


#p-personal{
 /*   width: 1000px;*/
    margin-right:0;
    margin-left: auto;
    float: right;

    
}
#p-personal a {
    font-size: 12px;
    line-height: 20px;
    overflow: hidden;
    display: block;
}
#p-personal .pBody{
   margin: 0;padding: 0;
   height: 50px;
   margin-right: 0px;
   margin-left: auto;
   width: auto;
   text-align: right;
   
}
#p-personal .pBody ul{  
    display: table-cell;
    list-style: none outside none;
    margin: 0;
    padding-right: 0px;
}
#p-personal .pBody ul li{
    float:left;
    padding: 10px  10px 10px 10px;
    margin-left: 0px;
    max-width: 150px;
    overflow: hidden
}
#p-personal .pBody ul li a{
    display: block;
    padding-left: 25px;
    padding-right: 10px;
    overflow: hidden;
   
}
#p-personal .pBody ul li:first-child a{
    border-right: 1px solid #e3e3e3;
}
#p-personal .pBody ul li:last-child a{

}
#pt-logout,#pt-MA_logout a{
    background: url('/skins/sofia/icons/icon-logout-16x16.png') no-repeat scroll left center transparent;
    background-size: 16px 16px;
}
#pt-login a,#pt-MA_login a{
    background: url('/skins/sofia/icons/icon-login-16x16.png') no-repeat scroll left center transparent;
    background-size: 16px 16px;
}
#pt-mytalk a{
    background: url('/skins/sofia/icons/icon-discuss-16x16.png') no-repeat scroll left center transparent;
    background-size: 16px 16px;
}
#pt-preferences a{
    background: url('/skins/sofia/icons/icon-settings-16x16.png') no-repeat scroll left center transparent;
    background-size: 16px 16px;
}
#pt-watchlist a{
    background: url('/skins/sofia/icons/icon-watch-16x16.png') no-repeat scroll left center transparent;
    background-size: 16px 16px;
}
#pt-mycontris a{    
    background: url('/skins/sofia/icons/icon-show-16x16.png') no-repeat scroll left center transparent;
    background-size: 16px 16px;
    border-right: 1px solid #e3e3e3;
}
#pt-createaccount a{
    background: url('/skins/sofia/icons/icon-settings-16x16.png') no-repeat scroll left center transparent;
    background-size: 16px 16px;
}
#pt-userpage a, #pt-anonuserpage a, #pt-login a{
    background: url('/skins/sofia/icons/icon-user-16x16.png') no-repeat scroll left center transparent;
    background-size: 16px 16px;
}
#pt-anontalk{display: none}
#pt-userpage a{
    min-width: 3000px;
    text-align: left
    
}
#pt-translate a{
    background: url('/skins/sofia/icons/google-translate-icon.png') no-repeat scroll left center transparent;
    background-size: 24px 24px;
    border-right: 1px solid #e3e3e3;
}
#pt-translate a * {display: none;}
#p-search-wrap{
     background: url('/skins/sofia/images/header-background-1280x232.jpg') no-repeat scroll left center transparent;  
    height: 43px;
    padding-top: 7px;
}
.page-HlavnĂ­_strana #p-search-wrap{
    height: 152px;
        padding-top: 16px;
}
#p-search{
    width: 275px;
    height: 36px;
    padding: 0px;
    position: absolute;
    vertical-align: middle;
    margin-left: 900px;
    background: url('/skins/sofia/images/search-back-mini.png') no-repeat scroll left center transparent;
    clear: both;    
}

.page-HlavnĂ­_strana #p-search{
    width: 658px;
    height: 86px;
    padding: 0px;
    position: absolute;
        margin-top: 25px;
    vertical-align: middle;
    margin-left: 550px;
    background: url('/test/skins/sofia/images/search-back.png') no-repeat scroll left center transparent;
    clear: both;    
}
#header-podtitul {
    width: 100%;
    float: left;
    text-align: center;
    margin-top: 15px;
    font-weight: bold;
    font-size: 10px;
    color: black;
}
.page-HlavnĂ­_strana #header-podtitul {
    width: 350px;
    float: left;
    color: #ffffff;
    font-size: 130%;
    font-weight: bold;
    margin-top: 25px;
    margin-left: 200px;
}
#searchBody{
width: 260px;
height: 24px;
margin: 5px;
background: url('/skins/sofia/images/search-text-mini.png') no-repeat scroll left center transparent;
}
.page-HlavnĂ­_strana #searchBody{
    width: 620px;
    height: 48px;
    margin-left: 16px;
    margin-top: 16px;             
background: url('/test/skins/sofia/images/search-text.png') no-repeat scroll left center transparent;
}
#searchInput {
    display: block;
    background-color: transparent;
    border: none;
    width: 222px;
    margin: 0; 
    padding: 3px;
    font-size: 14px;

    color:#08233e;
    font-style: italic;

    /* ... other rules ... */
    cursor:pointer;
    float: left;
    display: block;
}
.page-HlavnĂ­_strana #searchInput {
    display: block;
    background-color: transparent;
    border: none;
    width: 471px;
    margin: 0;   
    padding: 10px;

    color:#08233e;
    font-style: italic;
    font-size: 20px;
    line-height: 38px;
    /* ... other rules ... */
    cursor:pointer;
    float: left;
    display: block;
}
#searchform{display: block;margin: 0;padding: 0;clear: both}
.page-HlavnĂ­_strana #searchform{display: block;margin: 0;padding: 0;clear: both}
#mw-searchButton{
    background: url('/skins/sofia/images/search-button-mini.png') no-repeat scroll left center transparent;
    color: transparent;
    width: 32px;
    height: 24px;
    border:none;
    margin-right: 0px;
    padding: 0px;
    
    
}
.page-HlavnĂ­_strana #mw-searchButton{
    background: url('/test/skins/sofia/images/search-button.png') no-repeat scroll left center transparent;
    color: transparent;
    width: 64px;
    height: 48px;
    border:none;
    margin-right: 0px;
    padding: 0px;
    
    
}
#mw-searchInput{
   /* background-image: */
}
#mw-searchInput:hover {
    background-color:rgba(255,204,0,0.8);
}

#p-navigation{
background:url('/skins/sofia/images/menu.png') no-repeat scroll left center transparent;     
}
#p-navigation a, #p-navigation span{
    color:#FFFFFF;
    font-size: 16px;
    font-weight: bold;
    line-height:48px;    
    text-decoration: none;
    vertical-align:central;
}

#p-navigation span{
    background: url('/skins/sofia/icons/icon-search-light-512x512.png') no-repeat scroll right center transparent;
    background-size: 20px 20px;   
    padding-right: 30px;
}

#p-navigation .pBody ul li{
    background:url('/skins/sofia/images/menu-border.png') no-repeat scroll left center transparent;
    float: left;
    height: 48px;
    padding-left: 20px;
    padding-right: 20px;
    display: block;
    vertical-align: middle;
}
#p-navigation .pBody ul li ul{
    background-color: transparent;
    background-image: none;
    padding: 5px;
    margin:0;
    margin-left: -30px;
    margin-top: 0px;
    position: absolute;
    display: none;
    z-index: 1;
}
#p-navigation .pBody ul li:hover ul{
    display: block
}
#p-navigation .pBody ul li ul li{
    float: none;
    margin: 0;
    background-color: #3f9ae6;
    border-top:1px solid #5592C5; 
    border-bottom: 1px solid #64ADEB;
}
#region-main{
    margin:  20px;
    background-color: transparent;
    clear: both;
}
#footer{display: block;height: 80px;padding: 10px;clear: both;}
#f-poweredbyico{float: right;margin-bottom: 10px;margin-top: auto;padding-right: 10px}
#f-list,#f-info{list-style: none}
#f-list li,#f-info li{float: left;padding-left: 40px }
#f-list li a,#f-info li a{color: rgb(97,97,97)}


/*Obsah*/
div.vectorTabs {
    padding-left: 1px;
}
div.vectorTabs {
height: 40px;
}

div.vectorTabs ul {
  
}
div.vectorTabs ul {
    border-top: 1px solid #e3e3e3;
    border-left: 1px solid #e3e3e3;
    border-right: 1px solid #e3e3e3;

    list-style: none outside none;
    margin: 0;
    padding: 0;
}
div.vectorTabs ul {
    float: right;
    clear: left;
}

div.vectorTabs ul > li {
    display: block;
}
div.vectorTabs ul li {
    background-color: #fefefe;
    display: inline-block;
    height: 100%;
    line-height: 1.125em;
    margin: 0;
    padding: 0;
    white-space: nowrap;
}
div.vectorTabs ul li {
    float: left;
    height: 40px;
    margin-left: -1px;
    border-left: 1px solid #e3e3e3;
    border-bottom: 1px solid #e3e3e3;
}

div.vectorTabs li.selected {
   border-bottom: none;
}
div.vectorTabs span {
 
    display: inline-block;
}


div.vectorTabs li.selected a, div.vectorTabs li.selected a:visited {
    color: #333333;
    text-decoration: none;
}
div.vectorTabs span > a {
    display: block;
    float: left;
}
div.vectorTabs span a {
    display: inline-block;
    padding-top: 1.25em;
}
div.vectorTabs li a {
    cursor: pointer;
    display: inline-block;
    font-size: 0.8em;
    line-height: 40px;
    
    padding-left: 0.5em;
    padding-right: 0.5em;
}


span.editsection,span.toctoggle{ font-size: 12px;color: transparent;}
span.toctoggle{background-color: #f9f9f9}
span.editsection a,#togglelink{
    padding-left: 20px;
    background:url('/skins/sofia/icons/icon-edit-512x512.png') no-repeat scroll left center transparent;
    background-size: 16px 16px
}
#togglelink{
    line-height: 46px;
    background:url('/skins/sofia/icons/icon-hide-512x512.png') no-repeat scroll left center transparent;
    background-size: 16px 16px
}
#region-content{
    width: 978px !important;
    padding: 20px;

}
.page-HlavnĂ­_strana #region-content{
    width:100% !important;
    margin: 0px;
    padding: 0px
}
#content{
    
    padding: 20px;
    background-color: #ffffff;
    font-size: 14px;
    border: 1px solid #e3e3e3;
}
.page-HlavnĂ­_strana #content{
    
    padding: 0px;
    background-color: transparent;
    font-size: 14px;
    border: none;
}
.page-HlavnĂ­_strana #content h1{
    
    display: none;
}
.page-HlavnĂ­_strana #p-namespaces{
    display: none;
}
.page-HlavnĂ­_strana div.homebox{
    border: none;
    padding: 0px;
    margin: 0px;
    float: left;
}
.page-HlavnĂ­_strana div.homebox .homecontent {
    margin: 10px;
    padding: 10px;
    background-color: #ffffff;
    border: 1px solid #e3e3e3;
    border-radius: 20px}

.page-HlavnĂ­_strana div.homebox.full{
    width: 100%
}
.page-HlavnĂ­_strana div.homebox.quarter{
    width: 25%
}
.page-HlavnĂ­_strana div.homebox.third{
    width: 33%
}
.page-HlavnĂ­_strana div.homebox.half{
    width: 50%
}
.page-HlavnĂ­_strana div.homebox table{
    border: none;
    width: 100%;
}
.page-HlavnĂ­_strana .homebox .homecontent td {padding: 5px}
.page-HlavnĂ­_strana .homebox .homecontent ol {list-style: none;margin: 5px}
.page-HlavnĂ­_strana .homebox .homecontent ol li {padding-bottom: 5px;}
.page-HlavnĂ­_strana .homebox .homecontent ol li a{font-weight: bold;padding-bottom: 5px}
.page-HlavnĂ­_strana .homebox .homecontent ol li div{padding-top: 3px}
#content a.image,#content a.image img
{
   display: block;
    overflow: hidden}
#mw-content-text{
    position: relative;
    
}
#mw-content-text *{/*position: static*/}
#toc{
    width: 200px;
    top:-100px;
    border: 1px solid #e3e3e3;
    position: absolute; right: -240px;

}
#toctitle{
    width: 100%;
    height: 46px;
}
#toc h2 {font-size: 16px;
    border: none;float: left}
#toc ul
{
    list-style-image: none;
    list-style-type: none;

    clear: both;
    padding: 0px 10px;
    font-size: 12px;
}
#toc.toc ul ul{margin: 0 0 0 0.2em;}


.page-HlavnĂ­_strana #region-content{width: 100%;border: none}


/*Obsah stranky*/

div.tright,div.tleft {
    margin: 0.5em;
}

div.thumbinner {
    background-color: #F9F9F9;
    border: 1px solid #CCCCCC;
    font-size: 85%;
    overflow: hidden;
    padding: 3px !important;
    text-align: center;
}

.catlinks {
    background-color: #F9F9F9;
    border: 1px solid #AAAAAA;
    clear: both;
    margin-top: 1em;
    padding: 5px;
}


#mw-prefs-form > ul {
    display: block;
    list-style: none outside none;

}

#preftoc > li {
    background-color: #F9F9F9;
    border: 1px solid black;
    float: left;
    margin-right: -1px;
    padding: 5px;
}
#preftoc > li.selected{border-bottom: 0px solid transparent;background-color:#FFFFFF 
}
#preferences.jsprefs{clear: both}

/*Uprava pro VisualEditor*/
.ve-ui-surface.ve-init-mw-viewPageTarget-surface{
    background-color: #FFFFFF;
    border: 1px solid #E3E3E3;
    font-size: 14px;
    padding: 20px;
    
}
.ve-hidden{
    visibility: hidden;height: 0px;
}


.schovana_zprava .schovana_zprava_hidden {
    background-color: #FFFFFF;
    position: absolute;
    right: 1%;
    visibility: hidden;
    z-index: 1000;
}


.schovana_zprava_visible {
    background-color: #FFFFFF;
    z-index: 990;
}
.schovana_zprava:hover .schovana_zprava_hidden{visibility: visible}