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