html/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 60 1a05c7ce4f73
child 155 0a2943a82c82
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 ul.stitky {
     2 	margin: 0;
     3 	padding: 0 0 32px 0;
     4 	
     5 	list-style: none;
     6 }	
     7 
     8 ul.stitky li, ul.stitky a {
     9 	float: left;
    10 	height: 20px;
    11 	line-height: 20px;
    12 	position: relative;
    13 	font-size: 11px;
    14 }	
    15 	
    16 ul.stitky a {
    17 	margin-left: 20px;
    18 	padding: 0 10px 0 12px;
    19 	background: silver;
    20 	color: #666;
    21 	text-decoration: none;
    22 	-moz-border-radius-bottomright: 4px;
    23 	-webkit-border-bottom-right-radius: 4px;	
    24 	border-bottom-right-radius: 4px;
    25 	-moz-border-radius-topright: 4px;
    26 	-webkit-border-top-right-radius: 4px;	
    27 	border-top-right-radius: 4px;	
    28 }
    29 	
    30 ul.stitky a:before {
    31 	content: "";
    32 	float: left;
    33 	position: absolute;
    34 	top: 0;
    35 	left: -10px;
    36 	width: 0;
    37 	height: 0;
    38 	border-color: transparent silver transparent transparent;
    39 	border-style: solid;
    40 	border-width: 10px 10px 10px 0;		
    41 }
    42 	
    43 ul.stitky a:after {
    44 	content: "";
    45 	position: absolute;
    46 	top: 9px;
    47 	left: 0;
    48 	float: left;
    49 	width: 4px;
    50 	height: 4px;
    51 	-moz-border-radius: 2px;
    52 	-webkit-border-radius: 2px;
    53 	border-radius: 2px;
    54 	background: #fff;
    55 	-moz-box-shadow: -1px -1px 2px grey;
    56 	-webkit-box-shadow: -1px -1px 2px grey;
    57 	box-shadow: -1px -1px 2px #004977;
    58 }
    59 
    60 ul.stitky a:hover{
    61 	background: #555;
    62 	color: #ccc;
    63 }	
    64 
    65 ul.stitky a:hover:before{
    66 	border-color:transparent #555 transparent transparent;
    67 }
    68 
    69 
    70 
    71 
    72 
    73 
    74 
    75 
    76 
    77 
    78 
    79 
    80 
    81 
    82 
    83 
    84 
    85 
    86 
    87 
    88 
    89 .chybovaHlaska {
    90     background-image: url('grafika/dialog-error.png');
    91     background-repeat: no-repeat;
    92     background-position: 8px 8px;
    93     min-height: 33px;
    94     padding-top: 15px;
    95     padding-left: 50px;
    96     margin-top: 10px;
    97     margin-bottom: 10px;
    98     border: 2px solid orange;
    99     background-color: #ffc65e;
   100 }
   101 
   102 
   103 body {
   104     color: black;
   105     background-color: white;
   106     font-family: sans-serif;
   107     text-align: center;
   108 }
   109 
   110 a {
   111     text-decoration: none;
   112 }
   113 
   114 .body {
   115     width: 1000px;
   116     text-align: left;
   117     margin: 0 auto;
   118 }
   119 
   120 #horniPruh {
   121     width: 1000px;
   122     border: 1px solid silver;
   123     background-color: #e6e6e6;
   124 }
   125 
   126 #horniPruh h1 {
   127     margin-left: 10px;
   128 }
   129 
   130 #nabidka {
   131     width: 980px;
   132     border: 1px solid silver;
   133     margin-top: 4px;
   134     margin-bottom: 4px;
   135     padding-top: 2px;
   136     padding-left: 10px;
   137     padding-right: 10px;
   138     background-image: url('grafika/pozadi-nabidky.png');
   139     height: 23px;
   140     display: block;
   141 }
   142 
   143 #nabidka li {
   144     display: inline;
   145     font-size: 14px;
   146     margin-left: 12px;
   147 }
   148 
   149 #nabidka li a {
   150     color: black;
   151     text-decoration: none;
   152 }
   153 #nabidka li a:hover {
   154     color: orange;
   155 }
   156 
   157 #prihlasenyUzivatel {
   158     color: gray;
   159 }
   160 
   161 #prepinaniJazyku {
   162     position: relative;
   163     left: 910px;
   164     top: -29px;
   165     width: 90px;
   166     margin: 0px;
   167     padding: 0px;
   168 }
   169 
   170 #prepinaniJazyku a {
   171     margin-left: 4px;
   172 }
   173 
   174 #prepinaniJazyku img {
   175     border: none;
   176 }
   177 
   178 #obsah {
   179     width: 980px;
   180     border: 1px solid silver;
   181     margin-top: -28px;
   182     margin-bottom: 4px;
   183     padding-left: 10px;
   184     padding-right: 10px;
   185 }
   186 
   187 #paticka {
   188     width: 1000px;
   189     border: 1px solid silver;
   190     background-color: #e6e6e6;
   191     font-size: smaller;
   192     padding-top: 3px;
   193     padding-bottom: 3px;
   194     text-align: center;
   195 }
   196 
   197 table {
   198     border: 1px solid gray;
   199     border-collapse: collapse;
   200 }
   201 
   202 td {
   203     border: 1px solid gray;
   204     padding: 2px 4px;
   205 }
   206 
   207 thead {
   208     background-color: silver;
   209     font-weight: bold;
   210 }
   211 
   212 .podnik h2 a {
   213     color: black;
   214 }
   215 
   216 .podnik {
   217     border-top: 1px dashed silver;
   218 }
   219 
   220 fieldset {
   221     border: none;
   222 }
   223 
   224 form {
   225     text-align: right;
   226     max-width: 400px;
   227 }
   228 
   229 input	{
   230     width:200px;
   231     margin-left: 2px;
   232 }
   233 
   234 .podnik .adresa {
   235     float: left;
   236     color: #fff;
   237     background-color: #0066B3;
   238     width: 480px;
   239 }
   240 .podnik .hlasovani {
   241     float: left;
   242     color: #fff;
   243     background-color: #E60066;
   244     width: 250px;
   245     height: 200px;
   246 }
   247 
   248 .podnik .fotky {
   249     float: left;
   250     color: #fff;
   251     background-color: #E60099;
   252     width: 250px;
   253     height: 200px;
   254 }
   255 
   256 .podnik {
   257     clear: both;
   258 }