java/nekurak.net-web/web/styl.css
author František Kučera <franta-hg@frantovo.cz>
Wed Jan 26 03:23:32 2011 +0100 (2011-01-26)
changeset 179 2ed9f3231a28
parent 167 21fa832b26aa
child 190 68703e6baff0
permissions -rw-r--r--
Servlety: základ, detail podniku se už zobrazuje přes servlet
URL budou hezčí, lépe struktorvaná – ale nemůžou se používat relativní jako dotěď,
musíme začínat vždy / (contextPath)

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