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