html/styl.css
author František Kučera <franta-hg@frantovo.cz>
Fri, 14 Jan 2011 18:49:43 +0100
changeset 167 21fa832b26aa
parent 155 0a2943a82c82
permissions -rw-r--r--
posunutí fotek k pravému okraji
     1 ul.stitky {
     2 	margin: 0;
     3 	padding: 0 0 32px 0;
     4 	
     5 	list-style: none;
     6 }	
     7 
     8 ul.stitky li, ul.stitky a {
     9 	float: left;
    10 	height: 20px;
    11 	line-height: 20px;
    12 	position: relative;
    13 	font-size: 11px;
    14 }	
    15 	
    16 ul.stitky a {
    17 	margin-left: 20px;
    18 	padding: 0 10px 0 12px;
    19 	background: silver;
    20 	color: #666;
    21 	text-decoration: none;
    22 	-moz-border-radius-bottomright: 4px;
    23 	-webkit-border-bottom-right-radius: 4px;	
    24 	border-bottom-right-radius: 4px;
    25 	-moz-border-radius-topright: 4px;
    26 	-webkit-border-top-right-radius: 4px;	
    27 	border-top-right-radius: 4px;	
    28 }
    29 	
    30 ul.stitky a:before {
    31 	content: "";
    32 	float: left;
    33 	position: absolute;
    34 	top: 0;
    35 	left: -10px;
    36 	width: 0;
    37 	height: 0;
    38 	border-color: transparent silver transparent transparent;
    39 	border-style: solid;
    40 	border-width: 10px 10px 10px 0;		
    41 }
    42 	
    43 ul.stitky a:after {
    44 	content: "";
    45 	position: absolute;
    46 	top: 9px;
    47 	left: 0;
    48 	float: left;
    49 	width: 4px;
    50 	height: 4px;
    51 	-moz-border-radius: 2px;
    52 	-webkit-border-radius: 2px;
    53 	border-radius: 2px;
    54 	background: #fff;
    55 	-moz-box-shadow: -1px -1px 2px grey;
    56 	-webkit-box-shadow: -1px -1px 2px grey;
    57 	box-shadow: -1px -1px 2px #004977;
    58 }
    59 
    60 ul.stitky a:hover{
    61 	background: #555;
    62 	color: #ccc;
    63 }	
    64 
    65 ul.stitky a:hover:before{
    66 	border-color:transparent #555 transparent transparent;
    67 }
    68 
    69 
    70 #prepinaniJazyku a:hover img {
    71 	-moz-transform: translate(0.5px, 0.5px);
    72 	-webkit-transform: translate(0.5px, 0.5px);
    73 	-o-transform: translate(0.5px, 0.5px);
    74 	transform: translate(0.5px, 0.5px);
    75 }
    76 
    77 
    78 
    79 
    80 
    81 
    82 
    83 
    84 
    85 
    86 
    87 
    88 
    89 
    90 
    91 
    92 
    93 
    94 .chybovaHlaska {
    95     background-image: url('grafika/dialog-error.png');
    96     background-repeat: no-repeat;
    97     background-position: 8px 8px;
    98     min-height: 33px;
    99     padding-top: 15px;
   100     padding-left: 50px;
   101     margin-top: 10px;
   102     margin-bottom: 10px;
   103     border: 2px solid orange;
   104     background-color: #ffc65e;
   105 }
   106 
   107 
   108 body {
   109     color: black;
   110     background-color: white;
   111     font-family: sans-serif;
   112     text-align: center;
   113 }
   114 
   115 a {
   116     text-decoration: none;
   117 }
   118 
   119 .body {
   120     width: 1000px;
   121     text-align: left;
   122     margin: 0 auto;
   123 }
   124 
   125 #horniPruh {
   126     width: 1000px;
   127     border: 1px solid silver;
   128     background-color: #e6e6e6;
   129 }
   130 
   131 #horniPruh h1 {
   132     margin-left: 10px;
   133 }
   134 
   135 #nabidka {
   136     width: 980px;
   137     border: 1px solid silver;
   138     margin-top: 4px;
   139     margin-bottom: 4px;
   140     padding-top: 2px;
   141     padding-left: 10px;
   142     padding-right: 10px;
   143     background-image: url('grafika/pozadi-nabidky.png');
   144     height: 23px;
   145     display: block;
   146 }
   147 
   148 #nabidka li {
   149     display: inline;
   150     font-size: 14px;
   151     margin-left: 12px;
   152 }
   153 
   154 #nabidka li a {
   155     color: black;
   156     text-decoration: none;
   157 }
   158 #nabidka li a:hover {
   159     color: orange;
   160 }
   161 
   162 #prihlasenyUzivatel {
   163     color: gray;
   164 }
   165 
   166 #prepinaniJazyku {
   167     position: relative;
   168     left: 910px;
   169     top: -29px;
   170     width: 90px;
   171     margin: 0px;
   172     padding: 0px;
   173 }
   174 
   175 #prepinaniJazyku a {
   176     margin-left: 4px;
   177 }
   178 
   179 #prepinaniJazyku img {
   180     border: none;
   181 }
   182 
   183 #obsah {
   184     width: 980px;
   185     border: 1px solid silver;
   186     margin-top: -28px;
   187     margin-bottom: 4px;
   188     padding-left: 10px;
   189     padding-right: 10px;
   190 }
   191 
   192 #paticka {
   193     width: 1000px;
   194     border: 1px solid silver;
   195     background-color: #e6e6e6;
   196     font-size: smaller;
   197     padding-top: 3px;
   198     padding-bottom: 3px;
   199     text-align: center;
   200 }
   201 
   202 table {
   203     border: 1px solid gray;
   204     border-collapse: collapse;
   205 }
   206 
   207 td {
   208     border: 1px solid gray;
   209     padding: 2px 4px;
   210 }
   211 
   212 thead {
   213     background-color: silver;
   214     font-weight: bold;
   215 }
   216 
   217 .podnik h2 a {
   218     color: black;
   219 }
   220 
   221 .podnik {
   222     border-top: 1px dashed silver;
   223 }
   224 
   225 fieldset {
   226     border: none;
   227 }
   228 
   229 form {
   230     text-align: right;
   231     max-width: 400px;
   232 }
   233 
   234 input	{
   235     width:200px;
   236     margin-left: 2px;
   237 }
   238 
   239 .podnik .adresa {
   240     float: left;
   241     color: #fff;
   242     background-color: #0066B3;
   243     width: 480px;
   244 }
   245 .podnik .hlasovani {
   246     float: left;
   247     color: #fff;
   248     background-color: #E60066;
   249     width: 250px;
   250     height: 200px;
   251 }
   252 
   253 .podnik .fotky {
   254     float: left;
   255     color: #fff;
   256     background-color: #E60099;
   257     width: 250px;
   258     height: 200px;
   259 }
   260 
   261 .podnik {
   262     clear: both;
   263 }