v0.5.0

public/assets/styles/main.css

@@ -0,0 +1,96 @@
+html {
+  font-family: Roboto, Arial !important;
+}
+#page_menu {
+  height: 60px;
+  font-size: 12pt !important;
+}
+#page_menu .brand {
+  font-family: Helvetica, Arial !important;
+  font-weight: 900 !important;
+  font-size: 25pt;
+}
+
+.banner {
+  background-repeat: no-repeat;
+  background-position: center;
+  background-size: 100% 330px;
+  height: 330px;
+}
+.banner .mensaje {
+  font-size: 18pt;
+  color: white;
+  width: 550px;
+  padding: 75px;
+}
+.banner .mensaje .titulo {
+  font-size: 20pt;
+  font-weight: bold;
+}
+
+.suplente {
+  height: 330px;
+}
+.suplente>div {
+  display: inline-block;
+}
+.suplente .mensaje {
+  background-repeat: no-repeat;
+  background-position: center;
+  height: 230px;
+}
+
+.numero {
+  background-position: center;
+  background-attachment: fixed;
+  height: 200px;
+}
+.numero .segment {
+  background-color: rgba(0, 0, 30, .9) !important;
+  margin-top: 50px !important;
+  padding: 0 !important;
+  padding-top: 10px !important;
+  border: 0 !important;
+  height: 70px;
+  width: 290px !important;
+}
+.numero a {
+  font-family: Roboto;
+  color: white;
+  font-size: 12pt;
+  font-weight: 900;
+}
+
+#servicios {
+  background-color: rgba(0, 0, 0, .05);
+  padding-top: 50px;
+  padding-bottom: 50px;
+  height: 440px;
+  font-family: Roboto;
+}
+#servicios .separator {
+  width: 60px;
+}
+#servicios .list {
+  width: 285px !important;
+  font-size: 14pt;
+  color: rgba(0, 0, 0, 0.9)
+}
+#servicios .list img {
+  width: 20px;
+  margin-right: 20px;
+}
+#servicios .list a {
+  color: inherit;
+}
+#servicios .titulo {
+  font-weight: bold;
+  font-size: 16pt;
+}
+
+#servicios .seguimiento {
+  background-repeat: no-repeat;
+  background-position: center;
+  background-size: 345px 340px;
+  width: 345px !important;
+}

public/assets/styles/metro.css

@@ -0,0 +1,30 @@
+@font-face {
+  font-family: 'metro';
+  src:  url('../fonts/metro.eot?9g6aek');
+  src:  url('../fonts/metro.eot?9g6aek#iefix') format('embedded-opentype'),
+    url('../fonts/metro.ttf?9g6aek') format('truetype'),
+    url('../fonts/metro.woff?9g6aek') format('woff'),
+    url('../fonts/metro.svg?9g6aek#icomoon') format('svg');
+  font-weight: normal;
+  font-style: normal;
+  font-display: block;
+}
+
+[class^="icon-"], [class*=" icon-"] {
+  /* use !important to prevent issues with browser extensions that change fonts */
+  font-family: 'metro' !important;
+  speak: none;
+  font-style: normal;
+  font-weight: normal;
+  font-variant: normal;
+  text-transform: none;
+  line-height: 1;
+
+  /* Better Font Rendering =========== */
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+
+.icon-metro:before {
+  content: "\e900";
+}