Hoja de estilos para el Informe Anual Repsol 2016

Definición de estilos básicos de elementos html así como reajustados del informe del año anterior

Tablas Tabla de Datos

  • table table-striped table-hover
tabla
datos

Tabla Compacta
  • table table-condensed table-bordered
tabla
compacta

 

Tipografías
Los tipos de letra dependen de la fuente Titillium Light con un tamaño inicial de 17px y color #63553e.
En dispositivos móviles los tamaños siguen siendo relativos a un tamaño inicial de 15px.

Tipografía Repsol Regular

Tipografía Repsol Light

Tipografía Repsol Semibold

Tipografía Repsol Bold

Tipografía Titillium Regular

Tipografía Titillium Light

Tipografía Titillium Semibold

Tipografía Titillium Bold


Rangos
Estilos definidos en Hojas de Estilos

T1 Tilulo de sección => h1 | .h1

  • tipografía: "Repsol Bold";
  • tamaño: 40px; => 35px
  • interlineado: 40px;
  • color: #000;
  • margen-inferior: 30px;
  • espaciado-letras: -0.1; => -0.05
  • + Repsol Light

Lorem ipsum dolor
sit amet consectetur

Lorem ipsum dolor
sit amet consectetur


T2 Texto destacados / entradillas => .alzado

  • tipografía: "Titillium Light";
  • tamaño: 26px; => 22px
  • interlineado: 31px;
  • color: #63553E;
  • margen-inferior: 17px;

Lorem ipsum dolor sit amet, consectetur adscipig elit. Morbi luctus mi sed faucibus tempor.

Suspendisse eget fringilla sapien. Maecenas scelerisque iaculis metus, non convallis urna. Lobortis ut. Quisque diam elit, venenatis nec dui sed, feugiat amet consectetu.


T3 Titulo de caso éxito home => .exito

  • tipografía: "Repsol Bold";
  • tamaño: 26px; => 20px
  • interlineado: 26px; => 20px
  • color: #000;
  • espaciado-letras: -0.1;
  • margen-inferior: 26px;
  • + Repsol Light

Nombre Apellido
Aenean quis odio sed mauris
interdum viverra.


T4 Texto continuo => p

  • tipografía: "Titillium Light";
  • tamaño: 17px;
  • color: #63553e;
  • margen-inferior: 10px;

Integer pellentesque commodo velit, vulputate elementum magna interdum id. Nunc id congue arcu, quis ullamcorper ex. Aenean egestas mi lobortis sem finibus, at aliquet ipsum vulputate. Proin nisi lectus, commodo vel sodales at, hendrerit eget justo. Curabitur lobortis arcu non faucibus sollicitudin. Donec rhoncus risus lacinia turpis ultricies, eget condimentum ex feugiat.

Duis in blandit nulla, nec volutpat risus. Mauris eu eros massa. Integer dapibus, arcu gravida maximus mattis, urna magna fermentum erat, eu viverra mauris mi non leo. Phasellus et mi id quam varius lobortis eu vitae lectus. Mauris sodales lacinia ex id congue. Sed facilisis nisl massa, sed eleifend tempus at. Ut condimentum consequat sollicitudin


T5 Ladillo texto continuo => h2 | .h2

  • tipografía: "Repsol";
  • tamaño: 35px;
  • color: #000;
  • espaciado-letras: -0.1; => -0.05
  • margen-inferior: 10px;

Integer pellentesque commodo velit, vulputate elementum magna interdum id. Nunc id congue arcu, quis ullamcorper ex. Aenean egestas mi lobortis sem finibus, at aliquet ipsum vulputate. Proin nisi lectus, commodo vel sodales at, hendrerit eget justo. Curabitur lobortis arcu non faucibus sollicitudin. Donec rhoncus risus lacinia turpis ultricies, eget condimentum ex feugiat.


Mauris ac massa ut mauris.

Duis in blandit nulla, nec volutpat risus. Mauris eu eros massa. Integer dapibus, arcu gravida maximus mattis, urna magna fermentum erat, eu viverra mauris mi non leo. Phasellus et mi id quam varius lobortis eu vitae lectus. Mauris sodales lacinia ex id congue. Sed facilisis nisl massa, sed eleifend tempus at. Ut condimentum consequat sollicitudin

Mauris ac massa ut mauris.

Duis in blandit nulla, nec volutpat risus. Mauris eu eros massa. Integer dapibus, arcu gravida maximus mattis, urna magna fermentum erat, eu viverra mauris mi non leo. Phasellus et mi id quam varius lobortis eu vitae lectus. Mauris sodales lacinia ex id congue. Sed facilisis nisl massa, sed eleifend tempus at. Ut condimentum consequat sollicitudin


T6 Bullets texto continuo => .lista-continua

  • tipografía: "Titillium Light";
  • tamaño: 17px;
  • interlineado: 34px;
  • color: #63553e;
  • margen-izquierda: 30px;

Integer pellentesque commodo velit, vulputate elementum magna interdum id. Nunc id congue arcu, quis ullamcorper ex. Aenean egestas mi lobortis sem finibus, at aliquet ipsum vulputate. Proin nisi lectus, commodo vel sodales at, hendrerit eget justo. Curabitur lobortis arcu non faucibus sollicitudin. Donec rhoncus risus lacinia turpis ultricies, eget condimentum ex feugiat.

  • Lorem ipsum dolor sit amet
  • Consectetur adipiscing elit
  • Integer molestie lorem at massa
  • Facilisis in pretium nisl aliquet
  • Nulla volutpat aliquam velit
    • Phasellus iaculis neque
    • Purus sodales ultricies
    • Vestibulum laoreet porttitor sem
    • Ac tristique libero volutpat at
  • Faucibus porta lacus fringilla vel
  • Aenean sit amet erat nunc
  • Eget porttitor lorem

Duis in blandit nulla, nec volutpat risus. Mauris eu eros massa. Integer dapibus, arcu gravida maximus mattis, urna magna fermentum erat, eu viverra mauris mi non leo. Phasellus et mi id quam varius lobortis eu vitae lectus. Mauris sodales lacinia ex id congue. Sed facilisis nisl massa, sed eleifend tempus at. Ut condimentum consequat sollicitudin


T7 Migas de pan => div#breads

  • tipografía: "Titillium";
  • tamaño: 18px; => 15px
  • color: #63553e;

T8 Título tablas => div.block-accordion span.title | .ground

  • tipografía: "Repsol bold";
  • tamaño: 17px;
  • color: #FFFFFF;
  • color-fondo: #F9B200;
  • color-fondo(link): #E95D0F;

T9 Texto tablas => table.table-condensed || table.table-hover

  • tipografía: "Titillium Light";
  • tipografía: "Titillium Bold";
  • tamaño: 15px;
  • color: #000000;

T10 Pie de tabla (leyenda) => .legend

  • tipografía: "Titillium Light";
  • tamaño: 13px;
  • interlineado: 16px;
  • estilo: italica;
  • color: #000000;

linea => .line { 1px #E95D0F }
linea gruesa => .lines { 3px #E95D0F }
fondo => .ground { background-color: #ef7d00; color: #fff; }



Estado de ingresos y gastos reconocidos consolidado

Millones de euros

2016 2015
RESULTADO CONSOLIDADO DEL EJERCICIO (1)
(de la cuenta de pérdidas y ganancias)
1.779 (1.356)



OTRO RESULTADO GLOBAL
Partidas no reclasificables al resultado del ejercicio:


   Ganancias/(Pérdidas) por valoración (16) (564)
   Importes transferidos a la cuenta de pérdidas y ganancias 34 -
   Importes transferidos al valor inicial de las partidas cubiertas - 525
Diferencias de conversión 505 1.366
   Ganancias/(Pérdidas) por valoración 560 1.390
   Importes transferidos a la cuenta de pérdidas y ganancias (55) (24)
Participación en otro resultado global reconocido
por las inversiones en negocios conjuntos y asociadas
152 (121)
   Ganancias/(Pérdidas) por valoración 99 (125)
   Importes transferidos a la cuenta de pérdidas y ganancias 53 4
Efectivo impositivo 15 54
TOTAL 691 1.273



RESULTADO TOTAL GLOBAL DEL EJERCICIO 2.459 (72)

(1) Corresponde a la suma de los siguientes epígrafes de la cuenta de pérdidas y ganancias consolidada: "Resultado del ejercicio procedente de operaciones continuadas" y "Resultado atribuido a la sociedad dominante de operaciones interrumpidas".

Las notas 1 a 33 forman parte integrante del estado de ingresos y gastos reconocidos consolidado.


T11 Links => a.links ()

  • tipografía: "Titillium Light";
  • tamaño: 18px;
  • estilo: italica;
  • color: #000000;

T12 Título gráficos => .cargo | [object Highchart]

  • tipografía: "Repsol";
  • tamaño: 26px;
  • interlinea: 27px;
  • color: #000000;
  • margen-inferior: 50px;(reutilizado)

Lorem ipsum dolor sit amet,
consectetur adscipig elit


T13 Citas Cartas => blockquote | blockquote.reverse

  • tipografía: "Titillium";
  • tamaño: 34px;
  • interlinea: 40px;
  • color: #635535;
Repsol está preparada
para mantener
su papel protagonista
como proveedor
de energía eficiente,
para millones
de personas en todo
el mundo
Repsol está preparada
para mantener
su papel protagonista
como proveedor
de energía eficiente,
para millones
de personas en todo
el mundo

T14 Nombre en Órganos rectores => .nombre

  • tipografía: "Repsol";
  • tamaño: 18px;
  • interlinea: 24px;
  • color: #635535;

Presidente Ejecutivo (.cargo)

Antonio Brufau Niubó (.nombre)

Presidente de la Comisión Delegada (p)


T15 Ladillo texto continuo 2 => .ladillo

  • tipografía: "Titillium Light";
  • tamaño: 24px;
  • interlinea: 28px;
  • color: #635535;
  • margen-superior: 10px;
  • margen-inferior: 15px;

Downstrem

Refino

El negocio de Refino es uno de las actividades esenciales de Repsol. Contamos con 5 refinerías en España, en las que se produce aproximadamente un millón de barriles


T16 Cifra => .cifra

  • tipografía: "Repsol Bold";
  • tamaño: 70px; => 60px
  • color: lista pendiente definición;

T17 Unidades => .unidad

  • tipografía: "Repsol Bold";
  • tamaño: 28px; => 25px
  • color: #91836D;

Superficie neta de exploración

2.033

km2



Enlaces
Hipervínculos en el texto

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante. Esto es un enlace. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.


Modificadores de tamaños de texto
Aplicamos sobre el tamaño de texto un modificador que aumente o disminuya su tamaño

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.


Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.


Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.


Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.


Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.


 
TITLE
TABLA
[N:M]
  1. Legend
  2. Legend
  3. Legend