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