OOOOOOOOOOOOOOOO
OOOOOOOOOOOOOOOOOOOOOOOOOO
OO OOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOO OO
OOOOO OOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOO OOOO
OOOO OOOOOOOOOOOOOOOO OOOO OOOOOOOOOOOOOOOO OOO
OOOOOOOOOOOOOOOOO OOOOOOOOOOOO OOOOOOOOOOOOOOOOO
OOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOO OOOOOOOOOOOOOOOOOO
OOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOO
OOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOO OOOOOOOOOO
OOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOO
OOOOOOOOOOOO OOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOO OOOOOOOOOOO
OOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOO
OOOOOOOOOOOOOO OOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOO OO OOOOOOOOOO
OOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOO
OOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOO
OOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOO
OOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOO
OOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOO
OOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOO
OOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOO
OOOOOOOOOOOOOO
o o .oo o o .oo ooooo o
8b d8 .P 8 8b 8 .P 8 8 8
8`b d'8 .P 8 8`b 8 .P 8 8 8
8 `o' 8 oPooo8 8 `b 8 oPooo8 8 8
8 8 .P 8 8 `b8 .P 8 8 8
8 8 .P 8 8 `8 .P 8 8 8
..::::....:::::....:::....:::::..::..::..
:::::::::::::::::::::::::::::::::::::::::
:::::::::::::::::::::::::::::::::::::::::
NOTICE: NEEDS TRANSLATION!!!!
Tema Base para Drupal 7, Responsive ready. :::::::::::::::::::::::::::::::::::::::::
Indice: #Instalacion #Detalles
#Instalacion: :::::::::::::
-
Instalar Mothership
-
Desactivar respons.js
-
Activar Normalize.css, desactivar el reset de Eric Meyer y el Reset de HTML5 Doctir
-
Css que se pueden desactivar a travŽs de mothership (terminar de comprobar):
- system.theme.css
- system.messages.css
- system.menus.css
- toolbar.css (no remover si se utilizar toolbar o admin_menu_toolbar)
#Detalles: ::::::::::
-
Tipografias en REMS:
- REM = Root EM. Este depende no del tama–o del padre, sino del tama–o principal del font.
- Por ejemplo: html { font-size: 62.5%; } body { font-size: 1.4rem; } /* =14px / h1 { font-size: 2.4rem; } / =24px */
- Hay que meter un fallback para IE, Chrome, Safari y Firefox viejos: html { font-size: 62.5%; } body { font-size: 14px; font-size: 1.4rem; } /* =14px / h1 { font-size: 24px; font-size: 2.4rem; } / =24px */
-
Imagenes responsive, con max-width 100%
-
contiene un view para grid display, hecho en divs
-
se recomienda reducir la cantidad de classes del view: marcar checks dentro de Classes Markup > view classes: Remove .$viewname Remove .view-id-$viewname & .view-display-id-$viewname Rename .view-row-$count, .view-row-first & .view-row-last to : count-$count, .first & .last
DND8DDDDD8DNDDD8DNDNDNDNDDDND8N8DNDDND8ND8DDDDD8DDDDDDDNDDDND8DD8NN8NN8MN8ND8DD8 NNDDNNDMDDNNDDNDNNDNNNDNDNNNNDNDNNNDNNDNNDNNDDNDNNDDNNDDDDNDDDD8DNDDNNDNNDNN8DND DNNNNNDNDNNDDNNDNNNDNNDNDDD?I?7$NNDNDNNNDNDNNDNDNNDDNDDNDDNDDDDDNNDNNDDNDNNNNDNN DND8DN8NNDNNDNNDNN8NDNNN8DDI8DNNO?7DNNDNN8DNDNNDNNDNDNNNDNDNNDNDNDNDMNDNNNNNDNND NN8DDDDNDDDNN8DDDNDDNN8NN8DN?DD8DND7?ODDDDDNN8ND8NN8NN8NN8NN8DN8DN8NNDNNDDNNN8ND NNDDNDDNNDNMNDDDDNDDNDDNNDDNIDNDNMDDDD??ODDNDDNDNDDDDNDNDDDDD8NDDD88NDDND8NDDND8 DNN8DNNNNDNDNDDDDNNDDNNDNNDD?DNNDNNNDNDDD?7NNDDMNNNNDNNDNNDDNNDNDDNNNNNNNMNDMNDN NDND8ND8NN8DDDDDDNDDDNNNNNN87NDNNDMNDNNDNND7?DDN8NNDNDNDNNNDMN8NN8ND8DD8DNDDDNND 8ND8DDDDDDDDND8DD8NN8DD8NN8?DDDD8DDDN8NDDDD8NZ?7N8NN8DD8DNDDDDDNDDDDDDND8ND8NM8N DDMD8NNDNDDDNDDDDDDDDDDDDOIDNDDNDDNNDDDDDNDDDDDD?8NNDDNDNNNDNNDNDDNNNNNNNMNDNNDN DNNNDNNDNN8DNDDD8NNDDNMD?ODNNDDNNDNDDDNNDDDNDNDND7$NDNNDNNDNNNDNNDNNDNNDNNDNNNNN 8NNDDNNDNDDDND8NDNNND8?ZMNDDNDDDDNNNNDNNDNDDMD8DDDOIDDNDNNDNNNDNDD?NNDND?NNDNN8N D8ND8DD8ND8DD8DN8ND8?ONDDDD8ND8DD8ND8DD8DN8DDDDD8DD8?8NDDDD8NN8ND8?NDDD8?NDNDDNN DNNDDDDDDDDDNN8DD87$8DD8NN8DN8DN8DDDDDNDDNNDND8DD8NNO?D8NNDDDDDNDD?$$????NNDNNDN DNNDDNNNNDDNMDDDD?DNDNNN7????7$88DDDDDNDNNDZ??O8O$??8D?$NNDNNDDNDO???????NNNNNDN NDNDDDNNMDDDNDNN?NDDNZ?ZDDDDNN88I?I$ODOO$?I8NDDNDNNN?NN$ZMDDNDDNN7??????7NDNNDDN 8NDDDDDDD8DDND7?DDNN7ZNDND8DDDDD8DNDDODDDNDDNNDDNDNN8ID8ID8DNDDN888$?$O$DNN8DN8N DDND8DDDDD8NNZZN8DDO7DNDDDDDNDDN88ND8DDDNN8DDNDN8DDDD?NDD?DDNDDNNDNIODN8NNDNDNDN NNMDDNNNNDDNN?DDDNN?DNNNNNNNNDDDDDNDDDNDDDDDNNDNDDNND?NDN78NNDDNNDD?DNNNNDDNNNNN DNNDNNDNNDDNZONDNNN?DNNNNNNNNDDDDNNDNNNNNDNNMNDNDNNN8INNN87NNNNNNNINNNMDNNDDNNDN DDNN8NNDNN8D?8DN8NDI8DNDNDDDNN8DDDNNDNZZO8DNDDDDDNND?DNNNNIDNN8ND?ONDNN8MNDNNDNN 8DN8DNDNNDDOZD8DD8NN?NNDNNDND8DD8DO??$DDD8O7??7OD8OI8NNDNN?NNDDD?DDNDDNDNNNDNN8N DNNDDNDNDDD7DDD8DDDN8?DNNNDND8DZ?I8DDDNNNDDDNDD87?ON8NDDDN?DND?INDNNNNMDNNDNNNDN NNDDDNNNMNDINDNNDNNDNNZI?Z77I?$8DNNNDNNNNNDNDDDDDNNDNNMNNN?N7?DNNMNNDMNNMNDNNDNN DNNDDDNDDDD7NNDDDDNNDNNDNDDNDDDNDNDDDNNDNNNDNNDDDNNDDNNDNN??8DNNDNNDDDNDNNNDNN8D DDDDDNNDND87D8DD8DD8DDNDNDDDND8DDDND8ND8ND8NNDDN8DD8N8NDNO7DNN8DDDDNDNN8NN8DNDNN DNDDDNDNNDD8ZDDDDNDDDNNDNDDNNDDDDDNDDDDDNDDNDI8DDDNDDNNDDI8NNNDDDNNDDNNNNDDNNDDD DNNDNNNNNDNN?NDDNNDNDNNNNNDMDDNDDNNDNNDNNDDD?ZNNNNNNDNNDN?DNDDNDDDN8NNNDNNDNNNNN DNDNDNNNNNDN$ZNDDNN8NNDNNDDDNNDNDDNNI??I7I?$DDNNDNNDNNND?DDNNNDNNDNNDNNDNN8NNDNN 8ND8DDDND8NNDIO8DDDN8NNDNN8NN8DN8NN8DDNNN8DDNNDDDDNN8DDI8N8NN8DN8NN8DDNNNDNDNN8D DDDDDNDNDDDNNDI?DDD8DNDNNDDNNDNDDNNDDNDDDN8DDDDD8DNDDOIODDNDNN8DDDNN8NNDNNDNNDND NNDNNNNNNNDNDDND?NDDNNNNNDNNNNDDNNNDNNDDNNDNNDNNDNNDI$DNDDDNNNDDDNNNDNNNNNDNNDDN DNNDNNDNDDNNDNNDNI$DNMDNMDDNNDNDNMDDNNNNNDNNNNNDNN7IDNNNNNDNNDNNDNNDNNNNNDDDNNDN DDDD8NNNNNDND8DNDNNI7DDNNDDNDND8DDND8NNDNN8NNDD8?7DDDNNNNDDNNNDDNDNNDNNDNN8DN8NN DND8ND8ND8DDDDD8DNDDD7??8DDNNDDD8DN8DDNDDDDOI?7ODDDD8NDDNNDNNDDN8NN8NDNNNDDDNN8D NNNDDNDNDDNNDDDDDNDDDMDND7??I$88ZDO$$$7I??$NNDDNDNDDDNNNMDDDNDDDDDNDDNNNNDDNNNND NNDDNNNNNDDNNDNDNMNNDNDNNDDNDND8DNNNDNDNNDNNDDNDDMDNDNNNNDDDNDNDNDMNDMNNNNDNNDNN DNN8DNDNN8NDDND8DDNDDNNDDN8NN8DDDNN8DDDNN8NNNDDDDNDNDNNNDNDMDDDNDNN8NNNNNDDDDNDD DD8DDNDDDDDDN8DD8DD8DNDDD8DNDDD8DDDD8NDDND8NN8DN8DN8DDDNN8NNDND8NDDN8NNDNN8NN8DN DDDDDNDND8NDDND8DNDDDDDDDDDND8NN8NN8NNDMD8NDDD88DDDDDNNDNN8MNDNNDMNDNNDNN8NDNND8