Skip to content

yotta / pictogram

Go to a project
Commit 0b8d57e5 by Sebastián Collado Montañez
Options

lecto-escritura monospace

parent 6d6d1c92
Inline Side-by-side
Showing with 39 additions and 31 deletions
sails/src/assets/styles/main.css
...@@ -461,54 +461,62 @@ textarea.editable{ ...@@ -461,54 +461,62 @@ textarea.editable{
#collections .picto_peq .picto_options .picto_add{ position: absolute; top: 2px; right: 2px; } #collections .picto_peq .picto_options .picto_add{ position: absolute; top: 2px; right: 2px; }
/* Picto options when adding a picto to a category */ /* Picto options when adding a picto to a category */
.picto_cat .picto_peq .picto_options .picto_remove{ position: absolute; top: 4px; left: 7px; } .picto_cat .picto_peq .picto_options .picto_remove{ position: absolute; top: 4px; left: 7px; z-index: 2; }
/* Picto options in student collection */ /* Picto options in student collection */
.picto .picto_options .picto_remove{ position: absolute; top: 2px; left: 2px; } .picto .picto_options .picto_remove{ position: absolute; top: 2px; left: 2px; z-index: 2; }
.picto .picto_options .picto_add{ position: absolute; top: 28px; left: 28px; } .picto .picto_options .picto_add{ position: absolute; top: 28px; left: 28px; z-index: 2; }
.picto .picto_options .picto_ok{ position: absolute; top: 2px; right: 2px; } .picto .picto_options .picto_ok{ position: absolute; top: 2px; right: 2px; z-index: 2; }
.picto .picto_options .picto_tags{ position: absolute; bottom: 2px; left: 2px; z-index: 2; } .picto .picto_options .picto_tags{ position: absolute; bottom: 2px; left: 2px; z-index: 2; }
.picto .picto_options .picto_config{ position: absolute; bottom: 2px; right: 2px; z-index: 2; } .picto .picto_options .picto_config{ position: absolute; bottom: 2px; right: 2px; z-index: 2; }
.picto .picto_options .picto_info{ position: absolute; top: 2px; left: 2px; } .picto .picto_options .picto_info{ position: absolute; top: 2px; left: 2px; z-index: 2; }
.picto .picto_options .picto_plus{ position: absolute; top: 2px; right: 2px; } .picto .picto_options .picto_plus{ position: absolute; top: 2px; right: 2px; z-index: 2; }
.picto .picto_options .picto_minus{ position: absolute; top: 2px; right: 2px; } .picto .picto_options .picto_minus{ position: absolute; top: 2px; right: 2px; z-index: 2; }
.picto .picto_options .picto_cat_edit{ position: absolute; top: 2px; left: 2px; } .picto .picto_options .picto_cat_edit{ position: absolute; top: 2px; left: 2px; z-index: 2; }
/* Picto legend */ /* Picto legend */
.picto-legend-normal { .picto-legend-normal {
position: absolute; /*General*/
position: absolute;
bottom: 0px; bottom: 0px;
text-align: center; margin-left: -2px;
width: 100%; width: 100%;
background-color: white; background-color: white;
border-radius: 0px 0px 5px 5px;
z-index: 1;
/*Text*/
font-family: monospace;
font-weight: 600;
text-align: center;
text-transform: uppercase;
color:black; color:black;
margin-left: -2px; font-size: 10px;
font-weight: 600;
text-transform: uppercase;
font-size: 12px;
white-space: nowrap; white-space: nowrap;
overflow: hidden; overflow: hidden;
text-overflow: ellipsis; text-overflow: ellipsis;
border-radius: 0px 0px 5px 5px;
z-index: 1;
} }
.picto-legend-full { .picto-legend-full {
position: absolute; /*General*/
bottom: 0px; position: absolute;
width: 100%; bottom: 0px;
height: 100%; margin-left: -2px;
background-color: rgba(1, 1, 1, 0.5); width: 100%;
color: white; height: 100%;
margin-left: -2px; background-color: white;
font-weight: 600; border-radius: 5px;
text-transform: uppercase; z-index: 1;
font-size: 12px; /*Text*/
word-wrap: break-word; font-family: monospace;
display: flex; font-weight: 600;
align-items: center; font-size: 10px;
justify-content: center; color: black;
text-transform: uppercase;
word-wrap: break-word;
display: flex;
align-items: center;
justify-content: center;
} }
/* In addpicto */ /* In addpicto */
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or sign in to comment