"Action input buttons icons are really handled via CSS"
This commit is contained in:
parent
b503c7887f
commit
d689ae790c
BIN
tetawebapp/static/images/transparent.png
Normal file
BIN
tetawebapp/static/images/transparent.png
Normal file
Binary file not shown.
After Width: | Height: | Size: 167 B |
@ -1,3 +1,9 @@
|
||||
/*
|
||||
* Here are the base color scheme and icon set.
|
||||
* You can modify it or create your own using the same variables
|
||||
* and make it loaded after this one but before the fonts.css in
|
||||
* the HTML header section of the index.html template file.
|
||||
*/
|
||||
:root {
|
||||
--coloured-bg: #FF5D00;
|
||||
--light-coloured-bg: #FFB387;
|
||||
|
@ -1,3 +1,10 @@
|
||||
/*
|
||||
* Here are the font definitions.
|
||||
* You can modify it or create your own and make it loaded
|
||||
* after this one in the HTML header section of the index.html
|
||||
* template file.
|
||||
*/
|
||||
|
||||
@font-face {
|
||||
font-family: "Roboto Condensed";
|
||||
font-style: normal;
|
||||
|
@ -1,3 +1,11 @@
|
||||
/*
|
||||
* Do NOT modify this file:
|
||||
* ------------------------
|
||||
* If you want to add or modify classes, create a new
|
||||
* CSS files and make it loaded after this one in the
|
||||
* HTML header section of the index.html template file.
|
||||
*/
|
||||
|
||||
* {
|
||||
box-sizing: border-box;
|
||||
}
|
||||
@ -176,13 +184,58 @@ button:hover, input[type="button"]:hover, input[type="submit"]:hover {
|
||||
color: var(--text-color);
|
||||
cursor: pointer;
|
||||
}
|
||||
input[type="image"] {
|
||||
|
||||
input.add,
|
||||
input.edit,
|
||||
input.login,
|
||||
input.logout,
|
||||
input.refresh,
|
||||
input.save,
|
||||
input.search,
|
||||
input.trash {
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
border-radius: 2px;
|
||||
border-style: none;
|
||||
background-repeat: no-repeat;
|
||||
background-position: center center;
|
||||
}
|
||||
|
||||
input[type="image"]:hover {
|
||||
input.add:hover,
|
||||
input.edit:hover,
|
||||
input.login:hover,
|
||||
input.logout:hover,
|
||||
input.refresh:hover,
|
||||
input.save:hover,
|
||||
input.search:hover,
|
||||
input.trash:hover {
|
||||
background-color: var(--coloured-bg);
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
input.add {
|
||||
background: var(--add_icon);
|
||||
}
|
||||
input.edit {
|
||||
background: var(--edit_icon);
|
||||
}
|
||||
input.login {
|
||||
background: var(--login_icon);
|
||||
}
|
||||
input.logout {
|
||||
background: var(--logout_icon);
|
||||
}
|
||||
input.refresh {
|
||||
background: var(--refresh_icon);
|
||||
}
|
||||
input.save {
|
||||
background: var(--save_icon);
|
||||
}
|
||||
input.search {
|
||||
background: var(--search_icon);
|
||||
}
|
||||
input.trash {
|
||||
background: var(--trash_icon);
|
||||
}
|
||||
|
@ -12,6 +12,13 @@
|
||||
change the default theme to your favorite colors and icon set.
|
||||
</p>
|
||||
<pre>
|
||||
/*
|
||||
* Here are the font definitions.
|
||||
* You can modify it or create your own and make it loaded
|
||||
* after this one in the HTML header section of the index.html
|
||||
* template file.
|
||||
*/
|
||||
|
||||
@font-face {
|
||||
font-family: "Roboto Condensed";
|
||||
font-style: normal;
|
||||
@ -27,6 +34,12 @@
|
||||
}
|
||||
</pre>
|
||||
<pre>
|
||||
/*
|
||||
* Here are the base color scheme and icon set.
|
||||
* You can modify it or create your own using the same variables
|
||||
* and make it loaded after this one but before the fonts.css in
|
||||
* the HTML header section of the index.html template file.
|
||||
*/
|
||||
:root {
|
||||
--coloured-bg: #FF5D00;
|
||||
--light-coloured-bg: #FFB387;
|
||||
|
@ -19,14 +19,14 @@
|
||||
<br/>
|
||||
<input type='button' value='And me !' />
|
||||
<br/>
|
||||
<input type='image' src='/static/images/add.png' title='add' alt='add'/>
|
||||
<input type='image' src='/static/images/edit.png' title='edit' alt='edit'/>
|
||||
<input type='image' src='/static/images/login.png' title='login' alt='login'/>
|
||||
<input type='image' src='/static/images/logout.png' title='logout' alt='logout'/>
|
||||
<input type='image' src='/static/images/refresh.png' title='refresh' alt='refresh'/>
|
||||
<input type='image' src='/static/images/save.png' title='save' alt='save'/>
|
||||
<input type='image' src='/static/images/search.png' title='search' alt='search'/>
|
||||
<input type='image' src='/static/images/trash.png' title='trash' alt='trash'/>
|
||||
<input type='button' class='add' title='add' value=' '/>
|
||||
<input type='button' class='edit' title='edit' value=' '/>
|
||||
<input type='button' class='login' title='login' value=' '/>
|
||||
<input type='button' class='logout' title='logout' value=' '/>
|
||||
<input type='button' class='refresh' title='refresh' value=' '/>
|
||||
<input type='button' class='save' title='save' value=' '/>
|
||||
<input type='button' class='search' title='search' value=' '/>
|
||||
<input type='button' class='trash' title='trash' value=' '/>
|
||||
<br/>
|
||||
<pre>
|
||||
#!/bin/sh
|
||||
|
Loading…
Reference in New Issue
Block a user