vzhled všemožných formulářů, opravy otočných karet na mobilu
This commit is contained in:
		
							parent
							
								
									e345ab8e1f
								
							
						
					
					
						commit
						f5b99aac47
					
				
					 4 changed files with 59 additions and 10 deletions
				
			
		|  | @ -7,6 +7,7 @@ font-weight: normal; | ||||||
| body { | body { | ||||||
| 	font-family: 'OpenSans'; | 	font-family: 'OpenSans'; | ||||||
| 	background-color: #fffbf6; | 	background-color: #fffbf6; | ||||||
|  | 	min-height: 100%; | ||||||
| } | } | ||||||
| 
 | 
 | ||||||
| div.container { | div.container { | ||||||
|  | @ -296,7 +297,7 @@ ul.submenu { | ||||||
| 
 | 
 | ||||||
| ul.submenu { | ul.submenu { | ||||||
| 	background-color: #e84e10; | 	background-color: #e84e10; | ||||||
| 	z-index: 5; | 	z-index: 50; | ||||||
| 	font-weight: 400; | 	font-weight: 400; | ||||||
| } | } | ||||||
| 
 | 
 | ||||||
|  | @ -439,6 +440,10 @@ ul.submenu { | ||||||
| 	ul.submenu { | 	ul.submenu { | ||||||
| 		margin-top: 8px; /* mezera mezi hlavním menu a submenu */ | 		margin-top: 8px; /* mezera mezi hlavním menu a submenu */ | ||||||
| 	} | 	} | ||||||
|  | 
 | ||||||
|  | 	a.ref-org-foto { | ||||||
|  | 		pointer-events: none; | ||||||
|  | 	} | ||||||
| } | } | ||||||
| 
 | 
 | ||||||
| /* malý tablet, mobil */ | /* malý tablet, mobil */ | ||||||
|  | @ -564,6 +569,7 @@ ul.submenu { | ||||||
| 		display: block; | 		display: block; | ||||||
| 	} | 	} | ||||||
| 
 | 
 | ||||||
|  | 
 | ||||||
| 	/*patička mobil*/ | 	/*patička mobil*/ | ||||||
| 
 | 
 | ||||||
| 	#footer { | 	#footer { | ||||||
|  | @ -947,3 +953,39 @@ p.gdpr { | ||||||
| div.gdpr { | div.gdpr { | ||||||
| 	font-size: 6pt; | 	font-size: 6pt; | ||||||
| } | } | ||||||
|  | 
 | ||||||
|  | /* přihláška a další formuláře */ | ||||||
|  | 
 | ||||||
|  | table.form td, table.form tr { | ||||||
|  | 	table-layout: fixed; | ||||||
|  | 	word-wrap: break-word; | ||||||
|  | 	padding: 5px; | ||||||
|  | } | ||||||
|  | 
 | ||||||
|  | .field-with-comment{ | ||||||
|  |   position:relative; | ||||||
|  | } | ||||||
|  | 
 | ||||||
|  | .field-comment{ | ||||||
|  | 	display:none; | ||||||
|  | 	text-shadow: 0 1px 0 #fff; | ||||||
|  | 	background-color: #f0f0f0 ; | ||||||
|  | 	border-color: #dbdbdb; | ||||||
|  |   position:absolute; | ||||||
|  |   z-index:100; | ||||||
|  |   border:1px; | ||||||
|  |   border-style:solid; | ||||||
|  |   border-width:1px; | ||||||
|  | 	border-radius: 5px; | ||||||
|  |   padding:3px; | ||||||
|  |   top:20px; | ||||||
|  |   left:20px; | ||||||
|  | } | ||||||
|  | 
 | ||||||
|  | .field-with-comment:hover span.field-comment{ | ||||||
|  |   display:block; | ||||||
|  | } | ||||||
|  | 
 | ||||||
|  | input { | ||||||
|  | 	margin: 5px; | ||||||
|  | } | ||||||
|  |  | ||||||
|  | @ -53,7 +53,7 @@ | ||||||
| 
 | 
 | ||||||
|     <div class="flip-card-foto"> |     <div class="flip-card-foto"> | ||||||
|     {% if org.osoba.foto %} |     {% if org.osoba.foto %} | ||||||
|       <a href="{{org.osoba.foto.url}}"><img src="{{org.osoba.foto_male.url}}" height="{{org.osoba.foto_male.height}}" alt="{{org.osoba.jmeno}} {{org.osoba.prijmeni}}"></a> |       <a href="{{org.osoba.foto.url}}" class="ref-org-foto"><img src="{{org.osoba.foto_male.url}}" height="{{org.osoba.foto_male.height}}" alt="{{org.osoba.jmeno}} {{org.osoba.prijmeni}}"></a> | ||||||
|     {% else %} {# pokud osoba nemá fotku, zobrazuje se defaultní obrázek #} |     {% else %} {# pokud osoba nemá fotku, zobrazuje se defaultní obrázek #} | ||||||
|       {% load static %} <img src="{% static 'images/no-photo.png' %}" height=200px alt="{{org.osoba.jmeno}} {{org.osoba.prijmeni}}"> |       {% load static %} <img src="{% static 'images/no-photo.png' %}" height=200px alt="{{org.osoba.jmeno}} {{org.osoba.prijmeni}}"> | ||||||
|     {% endif %} |     {% endif %} | ||||||
|  |  | ||||||
|  | @ -18,8 +18,18 @@ | ||||||
|     <input type="submit" value="Přihlásit"> |     <input type="submit" value="Přihlásit"> | ||||||
| </form> | </form> | ||||||
| 
 | 
 | ||||||
| <a href="{% url 'reset_password' %}">Zapomněl jsem heslo</a><br> | <form action="{% url 'reset_password' %}"> | ||||||
| <a href="{% url 'seminar_prihlaska' %}">Zaregistrovat</a><br> |     <input type="submit" value="Zapomněl jsem heslo" /> | ||||||
|  | </form> | ||||||
| 
 | 
 | ||||||
|  | <hr> | ||||||
|  | 
 | ||||||
|  | <h2> | ||||||
|  |     Ješte nejste zaregistrováni? | ||||||
|  | </h2> | ||||||
|  | 
 | ||||||
|  | <form action="{% url 'seminar_prihlaska' %}"> | ||||||
|  |     <input type="submit" value="Registrovat" /> | ||||||
|  | </form> | ||||||
| 
 | 
 | ||||||
| {% endblock %} | {% endblock %} | ||||||
|  |  | ||||||
|  | @ -4,17 +4,14 @@ | ||||||
|     <label class="field-label{% if field.field.required %} field-required{% endif %}" for="{{ field.id_for_label }}"> |     <label class="field-label{% if field.field.required %} field-required{% endif %}" for="{{ field.id_for_label }}"> | ||||||
|       {{ field.label }}: |       {{ field.label }}: | ||||||
|     </label> |     </label> | ||||||
|  | 
 | ||||||
|   </td> |   </td> | ||||||
|   <td> |   <td {% if field.help_text %} class="field-with-comment"{% endif %}> | ||||||
|     {{ field }} |     {{ field }} | ||||||
|  |     <span class="field-comment">{{ field.help_text|safe }} | ||||||
|   </td> |   </td> | ||||||
| </tr> | </tr> | ||||||
| 
 | 
 | ||||||
| {% if field.help_text %} |  | ||||||
| <tr> |  | ||||||
|   <td colspan="2"><span class="field-helptext">{{ field.help_text|safe }}</span></td> |  | ||||||
| </tr> |  | ||||||
| {% endif %} |  | ||||||
| 
 | 
 | ||||||
| {% if field.errors %} | {% if field.errors %} | ||||||
| <tr> | <tr> | ||||||
|  |  | ||||||
		Loading…
	
		Reference in a new issue
	
	 Kateřina Čížková
						Kateřina Čížková