Difference between revisions of "Template:Valencia UPV/theme.css"

 
(100 intermediate revisions by 2 users not shown)
Line 56: Line 56:
 
h5,
 
h5,
 
h6,
 
h6,
−
p,
 
 
ul,
 
ul,
 +
p,
 
a {
 
a {
 
   margin: 0;
 
   margin: 0;
 
   padding: 0;
 
   padding: 0;
 
}
 
}
 +
 
/**! 02. Typography **/
 
/**! 02. Typography **/
 
html {
 
html {
Line 73: Line 74:
 
body {
 
body {
 
   font-size: 1em;
 
   font-size: 1em;
−
   line-height: 1.85714286em;
+
   line-height: 1.2em;
−
  -webkit-font-smoothing: antialiased;
+
 
   -moz-osx-font-smoothing: grayscale;
 
   -moz-osx-font-smoothing: grayscale;
−
   font-family: 'Open Sans', 'Helvetica', 'Arial', sans-serif !important;
+
   font-family: 'Lato' !important;
 
   color: #666666 !important;
 
   color: #666666 !important;
 
   font-weight: 400;
 
   font-weight: 400;
Line 92: Line 92:
 
.h5,
 
.h5,
 
.h6 {
 
.h6 {
−
  font-family: 'Open Sans', 'Helvetica', 'Arial', sans-serif !important;
 
−
  color: #252525 !important;
 
 
   font-weight: 300;
 
   font-weight: 300;
 
   font-variant-ligatures: common-ligatures;
 
   font-variant-ligatures: common-ligatures;
Line 111: Line 109:
 
h3,
 
h3,
 
.h3 {
 
.h3 {
−
   font-size: 1.78571429em;
+
   font-size: 40px;
 
   line-height: 1.5em;
 
   line-height: 1.5em;
 +
  color: #353535;
 +
  font-weight: 700;
 +
  margin-bottom: 0.2em !important;
 
}
 
}
 
h4,
 
h4,
 
.h4 {
 
.h4 {
−
   font-size: 1.35714286em;
+
   font-size: 21px;
 
   line-height: 1.36842105em;
 
   line-height: 1.36842105em;
 +
  color: #353535;
 +
  font-weight: 700;
 +
  margin-bottom: 0.8em !important;
 
}
 
}
 
h5,
 
h5,
Line 127: Line 131:
 
.h6 {
 
.h6 {
 
   font-size: 0.85714286em;
 
   font-size: 0.85714286em;
−
   line-height: 2.16666667em;
+
   line-height: 1.7;
 +
  color: #797979;
 +
  font-weight: 400 !important;
 +
  text-align: right;
 
}
 
}
 
.lead {
 
.lead {
Line 146: Line 153:
 
   h3,
 
   h3,
 
   .h3 {
 
   .h3 {
−
    font-size: 1.35714286em;
+
      font-size: 40px;
−
    line-height: 1.85714286em;
+
      line-height: 1.5em;
 +
      color: #353535;
 +
      font-weight: 700;
 +
      margin-bottom: 0.2em !important;
 
   }
 
   }
 
   .lead {
 
   .lead {
Line 154: Line 164:
 
   }
 
   }
 
}
 
}
 +
 +
 
p,
 
p,
 
ul,
 
ul,
Line 161: Line 173:
 
blockquote {
 
blockquote {
 
   margin-bottom: 1.85714286em;
 
   margin-bottom: 1.85714286em;
 +
  text-align: left !important;
 
}
 
}
 +
 +
 +
p {
 +
 +
padding-bottom: 1em;
 +
font-family: 'Lato' !important;
 +
font-size: 16px !important;
 +
line-height: 1.7 !important;
 +
color: #353535;
 +
margin-bottom: 0px;
 +
 +
}
 +
 
ul,
 
ul,
 
ol {
 
ol {
Line 170: Line 196:
 
   list-style: inside;
 
   list-style: inside;
 
}
 
}
 +
 +
ul.circle{
 +
  list-style-type: circle;
 +
}
 +
 
ol {
 
ol {
 
   list-style-type: upper-roman;
 
   list-style-type: upper-roman;
 
   list-style-position: inside;
 
   list-style-position: inside;
 +
  margin-left: 1.2em !important;
 
}
 
}
 +
ul {
 +
  list-style-type: circle;
 +
  list-style-position: outside;
 +
  padding-left: 1.1em !important;
 +
  margin: 0 !important
 +
}
 +
 
blockquote {
 
blockquote {
 
   font-size: 1.78571429em;
 
   font-size: 1.78571429em;
Line 196: Line 235:
 
/*! Typography -- Helpers */
 
/*! Typography -- Helpers */
 
.type--fade {
 
.type--fade {
−
   opacity: .5;
+
   opacity: .6 !important;
 
}
 
}
 
.type--uppercase {
 
.type--uppercase {
Line 414: Line 453:
 
img {
 
img {
 
   max-width: 100%;
 
   max-width: 100%;
−
   margin-bottom: 1.85714286em;
+
   margin-bottom: 0.8em !important;
 +
  margin-top: 2.8em;
 +
  border-radius: 0.3em;
 
}
 
}
 
/*p+img, img:last-child{
 
/*p+img, img:last-child{
Line 548: Line 589:
 
}
 
}
 
.background-image-holder {
 
.background-image-holder {
−
   position: absolute;
+
   position: absolute !important;
−
   height: 100%;
+
   /*height: 100% !important;*/
−
   top: 0;
+
   top: 0 !important;
−
   left: 0;
+
   left: 0 !important;
 
   background-size: cover !important;
 
   background-size: cover !important;
 
   background-position: 50% 50% !important;
 
   background-position: 50% 50% !important;
−
   z-index: 0;
+
   z-index: 0 !important;
−
   transition: opacity .3s linear;
+
   transition: opacity .3s linear !important;
−
   -webkit-transition: opacity .3s linear;
+
   -webkit-transition: opacity .3s linear !important;
−
   opacity: 0;
+
   opacity: 0 !important;
−
   background: #252525;
+
   background: #252525 !important;
 
}
 
}
 
.background-image-holder:not([class*='col-']) {
 
.background-image-holder:not([class*='col-']) {
Line 564: Line 605:
 
}
 
}
 
.background-image-holder.background--bottom {
 
.background-image-holder.background--bottom {
−
   background-position: 50% 100% !important;
+
   background-position: 50% 0% !important;
 
}
 
}
 
.background-image-holder.background--top {
 
.background-image-holder.background--top {
Line 822: Line 863:
 
   -moz-transition: none !important;
 
   -moz-transition: none !important;
 
}
 
}
 +
 +
#backgroundPrinteria {
 +
 +
  background-size: cover;
 +
  background-image: url(http://via.placeholder.com/880x492);
 +
  background-attachment: fixed;
 +
  -webkit-transition: 0.3s ease;
 +
  -moz-transition: 0.3s ease;
 +
  transition: 0.3s ease;
 +
}
 +
 +
 +
 
.image--xxs {
 
.image--xxs {
 
   max-height: 1.85714286em;
 
   max-height: 1.85714286em;
Line 3,322: Line 3,376:
 
   padding: 0;
 
   padding: 0;
 
   top: 50%;
 
   top: 50%;
−
   transform: translateY(-50%);
+
   transform: translateY(-40%);
 
   right: 1.85714286em;
 
   right: 1.85714286em;
 
   z-index: 10;
 
   z-index: 10;
Line 3,329: Line 3,383:
 
   display: inline-block;
 
   display: inline-block;
 
   padding: 0.92857143em;
 
   padding: 0.92857143em;
−
   background: rgba(0, 0, 0, 0.4);
+
   background: transparent;
 +
  /*background: rgba(0, 0, 0, 0.4);*/
 
   border-radius: 1.85714286em;
 
   border-radius: 1.85714286em;
 
   transition: all .2s ease;
 
   transition: all .2s ease;
 +
  list-style-type: circle;
 
}
 
}
 
.page-navigator ul:hover {
 
.page-navigator ul:hover {
−
   background: rgba(0, 0, 0, 0.6);
+
   /*background: rgba(0, 0, 0, 0.6);*/
 +
  background: transparent;
 
}
 
}
 
.page-navigator ul li:not(:last-child) {
 
.page-navigator ul li:not(:last-child) {
Line 3,346: Line 3,403:
 
     border-radius: 1.85714286em 0 0 1.85714286em;
 
     border-radius: 1.85714286em 0 0 1.85714286em;
 
     padding: 1.85714286em 0.92857143em;
 
     padding: 1.85714286em 0.92857143em;
 +
    list-style-type: circle;
 
   }
 
   }
 
}
 
}
 
.page-navigator li a {
 
.page-navigator li a {
 
   width: 8px;
 
   width: 8px;
−
   height: 8px;
+
   /*height: 8px;*/
−
  background: #fff;
+
/* background: #fff; */
 
   border-radius: 50%;
 
   border-radius: 50%;
 
   transition: all .2s ease;
 
   transition: all .2s ease;
−
  display: block;
+
/* display: block; */
 
   position: relative;
 
   position: relative;
 
}
 
}
Line 3,453: Line 3,511:
 
footer {
 
footer {
 
   padding-top: 7.42857143em;
 
   padding-top: 7.42857143em;
−
  padding-bottom: 7.42857143em;
 
 
}
 
}
 
section.space--xxs,
 
section.space--xxs,
Line 4,083: Line 4,140:
 
.h4 {
 
.h4 {
 
   margin-bottom: 1.36842105263158em;
 
   margin-bottom: 1.36842105263158em;
−
   font-weight: 400;
+
   font-weight: 700;
 
}
 
}
 
h4.inline-block + .h4.inline-block:not(.typed-text),
 
h4.inline-block + .h4.inline-block:not(.typed-text),
Line 4,133: Line 4,190:
 
.lead {
 
.lead {
 
   font-weight: 400;
 
   font-weight: 400;
−
   color: #808080;
+
   color: #353535;
 
}
 
}
 
.lead:not(:last-child) {
 
.lead:not(:last-child) {
Line 4,207: Line 4,264:
 
a {
 
a {
 
   color: #4a90e2;
 
   color: #4a90e2;
−
  font-weight: 700;
 
 
}
 
}
 +
 +
a.lateral{
 +
  color: black;
 +
  text-decoration: inherit;
 +
  opacity: 1;
 +
  color: gray;
 +
  font-weight: 500;
 +
  font-size: 16px;
 +
}
 +
 
a:hover {
 
a:hover {
−
   color: #2275d7;
+
    
 
   text-decoration: underline;
 
   text-decoration: underline;
 
}
 
}
 +
 +
a:hover.lateral {
 +
  color: #909090 !important;
 +
  color: black;
 +
  text-decoration: inherit;
 +
  font-size: 16px;
 +
  cursor: pointer;
 +
}
 +
 +
 
a.block {
 
a.block {
 
   font-weight: normal;
 
   font-weight: normal;
Line 4,218: Line 4,294:
 
   color: #666666;
 
   color: #666666;
 
}
 
}
 +
 +
a:block.lateral{
 +
  font-weight: normal;
 +
  text-decoration: none;
 +
  color: black;
 +
  font-size: 16px;
 +
}
 +
 
p a,
 
p a,
 
span a,
 
span a,
Line 4,277: Line 4,361:
 
ul:not([class*='menu']) li > a {
 
ul:not([class*='menu']) li > a {
 
   font-weight: normal;
 
   font-weight: normal;
 +
  list-style-type: circle;
 
}
 
}
 
ul:not([class*='menu']) li > a:hover {
 
ul:not([class*='menu']) li > a:hover {
 
   text-decoration: none;
 
   text-decoration: none;
 +
  list-style-type: circle;
 
}
 
}
 
ol {
 
ol {
 
   list-style-position: outside;
 
   list-style-position: outside;
 
   list-style-type: decimal;
 
   list-style-type: decimal;
 +
  margin-left: 1.2em;
 
}
 
}
 
ol li:not(:last-child) {
 
ol li:not(:last-child) {
−
   margin-bottom: 1.85714286em;
+
   margin-bottom: 0em;
 
}
 
}
 
ol.lead li:not(:last-child) {
 
ol.lead li:not(:last-child) {
−
   margin-bottom: 1.26315789473684em;
+
   margin-bottom: 0em;
 
}
 
}
 
.list-inline {
 
.list-inline {
Line 4,450: Line 4,537:
 
   transform: translate3d(0, -2px, 0);
 
   transform: translate3d(0, -2px, 0);
 
   -webkit-transform: translate3d(0, -2px, 0);
 
   -webkit-transform: translate3d(0, -2px, 0);
 +
}
 +
.btn.down{
 +
border: none !important;
 +
}
 +
.btn.down:hover{
 +
border: none !important;
 
}
 
}
 
.btn.btn--sm + .btn--sm {
 
.btn.btn--sm + .btn--sm {
Line 4,459: Line 4,552:
 
@media all and (max-width: 767px) {
 
@media all and (max-width: 767px) {
 
   .btn:not(:last-child) {
 
   .btn:not(:last-child) {
−
     margin-bottom: 1.85714286em;
+
     /*margin-bottom: 1.85714286em; */
 
   }
 
   }
 
}
 
}
Line 6,501: Line 6,594:
 
}
 
}
 
.tabs li:not(.active) {
 
.tabs li:not(.active) {
−
   opacity: .5;
+
   opacity: 1;
 
}
 
}
 
.tabs li:hover {
 
.tabs li:hover {
Line 9,345: Line 9,438:
 
   }
 
   }
 
}
 
}
 +
 +
 +
 +
 
</style>
 
</style>
 
</html>
 
</html>

Latest revision as of 23:13, 17 October 2018