java/nekurak.net-web/web/styl.css
author František Kučera <franta-hg@frantovo.cz>
Sat Jan 08 20:18:27 2011 +0100 (2011-01-08)
changeset 154 bf21a4abea9b
parent 149 8238cdb4113a
child 158 e1ac3efcd140
permissions -rw-r--r--
Kategorie podniků (hospoda, bar, kavárna atd.)
- datový model (tabulky kategorie a podnik_kategorie)
- entity a mapování
- zobrazování formou štítků ve výpisu podniků
     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 .podnik {
   119     border-top: 1px dashed silver;
   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: 500px;
   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 .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     border-top: 1px dashed silver;
   268     margin-bottom: 8px;
   269 }
   270 
   271 .komentar {
   272     border-top: 1px solid #e7e6e6;
   273 }
   274 
   275 .komentar h4 {
   276     font-size: medium;
   277     font-weight: bold;
   278     margin-top: 8px;
   279     margin-bottom: 0px;
   280 }
   281 
   282 .komentar p {
   283     margin-top: 8px;
   284     margin-bottom: 8px;
   285 }
   286 
   287 ul.stitky {
   288 	margin: 0;
   289 	padding: 0 0 32px 0;
   290 
   291 	list-style: none;
   292 }
   293 
   294 ul.stitky li, ul.stitky a {
   295 	float: left;
   296 	height: 20px;
   297 	line-height: 20px;
   298 	position: relative;
   299 	font-size: 11px;
   300 }
   301 
   302 ul.stitky a {
   303 	margin-left: 20px;
   304 	padding: 0 10px 0 12px;
   305 	background: silver;
   306 	color: #666;
   307 	text-decoration: none;
   308 	-moz-border-radius-bottomright: 4px;
   309 	-webkit-border-bottom-right-radius: 4px;
   310 	border-bottom-right-radius: 4px;
   311 	-moz-border-radius-topright: 4px;
   312 	-webkit-border-top-right-radius: 4px;
   313 	border-top-right-radius: 4px;
   314 }
   315 
   316 ul.stitky a:before {
   317 	content: "";
   318 	float: left;
   319 	position: absolute;
   320 	top: 0;
   321 	left: -10px;
   322 	width: 0;
   323 	height: 0;
   324 	border-color: transparent silver transparent transparent;
   325 	border-style: solid;
   326 	border-width: 10px 10px 10px 0;
   327 }
   328 
   329 ul.stitky a:after {
   330 	content: "";
   331 	position: absolute;
   332 	top: 9px;
   333 	left: 0;
   334 	float: left;
   335 	width: 4px;
   336 	height: 4px;
   337 	-moz-border-radius: 2px;
   338 	-webkit-border-radius: 2px;
   339 	border-radius: 2px;
   340 	background: #fff;
   341 	-moz-box-shadow: -1px -1px 2px grey;
   342 	-webkit-box-shadow: -1px -1px 2px grey;
   343 	box-shadow: -1px -1px 2px #004977;
   344 }
   345 
   346 ul.stitky a:hover{
   347 	background: #555;
   348 	color: #ccc;
   349 }
   350 
   351 ul.stitky a:hover:before{
   352 	border-color:transparent #555 transparent transparent;
   353 }