java/nekurak.net-web/web/styl.css
author František Kučera <franta-hg@frantovo.cz>
Sat Jan 15 01:12:36 2011 +0100 (2011-01-15)
changeset 171 e619057bad66
parent 166 7f9c6d10c3f6
child 174 ca3c7dd220fe
permissions -rw-r--r--
Filtrování podniků podle kuřáckosti.
     1 body {
     2     color: black;
     3     background-color: white;
     4     font-family: sans-serif;
     5     text-align: center;
     6 }
     7 
     8 a {
     9     text-decoration: none;
    10 }
    11 
    12 .body {
    13     width: 1000px;
    14     text-align: left;
    15     margin: 0 auto;
    16 }
    17 
    18 #horniPruh {
    19     width: 1000px;
    20     border: 1px solid silver;
    21     background-color: #e6e6e6;
    22 }
    23 
    24 #horniPruh h1 {
    25     margin-left: 10px;
    26 }
    27 
    28 #nabidka {
    29     width: 980px;
    30     border: 1px solid silver;
    31     margin-top: 4px;
    32     margin-bottom: 4px;
    33     padding-top: 2px;
    34     padding-left: 10px;
    35     padding-right: 10px;
    36     background-image: url('grafika/pozadi-nabidky.png');
    37     height: 23px;
    38     display: block;
    39 }
    40 
    41 #nabidka li {
    42     display: inline;
    43     font-size: 14px;
    44     margin-left: 12px;
    45 }
    46 
    47 #nabidka li a {
    48     color: black;
    49     text-decoration: none;
    50 }
    51 #nabidka li a:hover {
    52     color: orange;
    53 }
    54 
    55 #prihlasenyUzivatel {
    56     color: gray;
    57 }
    58 
    59 #prepinaniJazyku {
    60     position: relative;
    61     left: 910px;
    62     top: -29px;
    63     width: 90px;
    64     margin: 0px;
    65     padding: 0px;
    66 }
    67 
    68 #prepinaniJazyku a {
    69     margin-left: 4px;
    70 }
    71 
    72 #prepinaniJazyku img {
    73     border: none;
    74 }
    75 
    76 #obsah {
    77     width: 980px;
    78     border: 1px solid silver;
    79     margin-top: -28px;
    80     margin-bottom: 4px;
    81     padding-left: 10px;
    82     padding-right: 10px;
    83 }
    84 
    85 #paticka {
    86     width: 1000px;
    87     border: 1px solid silver;
    88     background-color: #e6e6e6;
    89     font-size: smaller;
    90     padding-top: 3px;
    91     padding-bottom: 3px;
    92     text-align: center;
    93 }
    94 
    95 table {
    96     border: 1px solid gray;
    97     border-collapse: collapse;
    98 }
    99 
   100 td {
   101     border: 1px solid gray;
   102     padding: 2px 4px;
   103 }
   104 
   105 thead {
   106     background-color: silver;
   107     font-weight: bold;
   108 }
   109 
   110 #horniPruh h1 a {
   111     color: black;
   112 }
   113 
   114 .podnik h2 a {
   115     color: black;
   116 }
   117 
   118 fieldset {
   119 	border: none;
   120 }
   121 
   122 form {
   123 	text-align: right;
   124 	max-width: 400px;
   125 }
   126 
   127 #chat form {
   128 	max-width: 666px;
   129 }
   130 
   131 input.chatOd {
   132     width: 120px;
   133 }
   134 
   135 input.chatText {
   136     width: 410px;
   137 }
   138 
   139 button.chatOdeslat {
   140     width: 80px;
   141 }
   142 
   143 #vypisZprav {
   144     width: 960px;
   145     height: 320px;
   146     overflow: auto;
   147 }
   148 
   149 #vypisZprav ul {
   150     list-style: none;
   151 }
   152 
   153 #chat .zprava h2 {
   154     font-size: medium;
   155     font-weight: bolder;
   156     display: inline;
   157 }
   158 
   159 #chat .autorDatum {
   160     font-size: smaller;
   161     color: gray;
   162     margin-left: 4px;
   163 }
   164 
   165 input, textarea, select	{
   166 	width:200px;
   167 	margin-left: 2px;
   168 }
   169 
   170 #formularKomentuj input, #formularKomentuj textarea, #formularKomentuj select {
   171 	width:300px;
   172 }
   173 
   174 #formularKomentuj form {
   175     float: left;
   176 }
   177 
   178 #formularKomentuj .vystup {
   179     margin-left: 400px;
   180 }
   181 
   182 .chybovaHlaska {
   183     background-image: url('grafika/chyba.png');
   184     background-repeat: no-repeat;
   185     background-position: 8px 8px;
   186     min-height: 33px;
   187     padding-top: 15px;
   188     padding-left: 50px;
   189     margin-top: 10px;
   190     margin-bottom: 10px;
   191     border: 2px solid orange;
   192     background-color: #ffc65e;
   193 }
   194 
   195 .informacniHlaska {
   196     background-image: url('grafika/info.png');
   197     background-repeat: no-repeat;
   198     background-position: 8px 8px;
   199     min-height: 33px;
   200     padding-top: 15px;
   201     padding-left: 50px;
   202     margin-top: 10px;
   203     margin-bottom: 10px;
   204     border: 2px solid #99ccff;
   205     background-color: #bfdfff;
   206 }
   207 
   208 .registraceKontrolaUdaju {
   209     color: gray;
   210 }
   211 
   212 .podnik .adresa {
   213     float: left;
   214     width: 555px;
   215 }
   216 .podnik .hlasovani {
   217     float: left;
   218     width: 200px;
   219     height: 280px;
   220     padding-top: 16px;
   221     margin-right: 20px;
   222 }
   223 
   224 .podnik .hlasovani object {
   225     overflow: hidden;
   226     width: 200px;
   227     height: 200px;
   228 }
   229 
   230 .podnik .fotky {
   231     float: left;
   232     width: 200px;
   233     height: 280px;
   234 }
   235 
   236 .podnik .fotky img {
   237     border: none;
   238 }
   239 
   240 .podnik {
   241     clear: both;
   242 }
   243 
   244 .cistic {
   245     clear: both;
   246 }
   247 
   248 .oddelovac {
   249 	border-top: 1px dashed silver;
   250 }
   251 
   252 .slider_prev  {
   253     background-image: url('grafika/fotkyPodnikuPredchozi.png');
   254     width: 32px;
   255     height: 32px;
   256     text-indent: 1000px;
   257 }
   258 
   259 .slider_next {
   260     background-image: url('grafika/fotkyPodnikuDalsi.png');
   261     width: 32px;
   262     height: 32px;
   263     text-indent: 1000px;
   264 }
   265 
   266 .komentare {
   267     margin-bottom: 8px;
   268 }
   269 
   270 .komentar {
   271     border-top: 1px solid #e7e6e6;
   272 }
   273 
   274 .komentar h4 {
   275     font-size: medium;
   276     font-weight: bold;
   277     margin-top: 8px;
   278     margin-bottom: 0px;
   279 }
   280 
   281 .komentar p {
   282     margin-top: 8px;
   283     margin-bottom: 8px;
   284 }
   285 
   286 ul.stitky {
   287 	margin: 0;
   288 	padding: 0 0 32px 0;
   289 	list-style: none;
   290 	width: 680px;
   291 }
   292 
   293 ul.stitky li, ul.stitky a {
   294 	float: left;
   295 	height: 20px;
   296 	line-height: 20px;
   297 	position: relative;
   298 	font-size: 11px;
   299 	margin-bottom: 4px;
   300 }
   301 
   302 ul.stitky a {
   303 	margin-left: 20px;
   304 	padding: 0 10px 0 12px;
   305 	text-decoration: none;
   306 	-moz-border-radius-bottomright:		4px;
   307 	-webkit-border-bottom-right-radius:	4px;
   308 	border-bottom-right-radius:			4px;
   309 	-moz-border-radius-topright:		4px;
   310 	-webkit-border-top-right-radius:	4px;
   311 	border-top-right-radius:			4px;
   312 }
   313 
   314 ul.stitky a:before {
   315 	content: "";
   316 	float: left;
   317 	position: absolute;
   318 	top: 0;
   319 	left: -10px;
   320 	width: 0;
   321 	height: 0;
   322 	border-style: solid;
   323 	border-width: 10px 10px 10px 0;
   324 }
   325 
   326 ul.stitky a:after {
   327 	content: "";
   328 	position: absolute;
   329 	top: 9px;
   330 	left: 0;
   331 	float: left;
   332 	width: 4px;
   333 	height: 4px;
   334 	background: #fff;
   335 	-moz-border-radius:		2px;
   336 	-webkit-border-radius:	2px;
   337 	border-radius:			2px;
   338 	-moz-box-shadow:	-1px -1px 2px grey;
   339 	-webkit-box-shadow: -1px -1px 2px grey;
   340 	box-shadow:			-1px -1px 2px grey;
   341 }
   342 
   343 /** Noromální štítek */
   344 ul.stitky li.normalni a { background: silver; color: #444 }
   345 ul.stitky li.normalni a:before{ border-color: transparent silver transparent transparent; }
   346 ul.stitky li.normalni a:hover { background: #555; color: #ccc; }
   347 ul.stitky li.normalni a:hover:before{ border-color:transparent #555 transparent transparent; }
   348 
   349 /** Nevýrazný štítek – negativní nebo neutrální */
   350 ul.stitky li.nevyrazny a { background: #eee; color: #444 }
   351 ul.stitky li.nevyrazny a:before{ border-color: transparent #eee transparent transparent; }
   352 ul.stitky li.nevyrazny a:hover { background: #555; color: #ccc; }
   353 ul.stitky li.nevyrazny a:hover:before{ border-color:transparent #555 transparent transparent; }
   354 
   355 /** Kladný štítek */
   356 ul.stitky li.kladny a { background: #4d4; color: #444 }
   357 ul.stitky li.kladny a:before{ border-color: transparent #4d4 transparent transparent; }
   358 ul.stitky li.kladny a:hover { background: #555; color: #ccc; }
   359 ul.stitky li.kladny a:hover:before{ border-color:transparent #555 transparent transparent; }