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

Line 200: Line 200:
 
   border-bottom-left-radius: 0.4rem;
 
   border-bottom-left-radius: 0.4rem;
 
   border-bottom-right-radius: 0.4rem;
 
   border-bottom-right-radius: 0.4rem;
}
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
/* BOOTSTRAP MIN CSS SOLO ACORDEONES */
 
 
 
 
 
.card {
 
position: relative;
 
display: -ms-flexbox;
 
display: flex;
 
-ms-flex-direction: column;
 
flex-direction: column;
 
min-width: 0;
 
word-wrap: break-word;
 
background-color: #fff;
 
background-clip: border-box;
 
border: 1px solid rgba(0, 0, 0, .125);
 
border-radius: .25rem
 
}
 
 
.card>hr {
 
margin-right: 0;
 
margin-left: 0
 
}
 
 
.card>.list-group:first-child .list-group-item:first-child {
 
border-top-left-radius: .25rem;
 
border-top-right-radius: .25rem
 
}
 
 
.card>.list-group:last-child .list-group-item:last-child {
 
border-bottom-right-radius: .25rem;
 
border-bottom-left-radius: .25rem
 
}
 
 
.card-body {
 
-ms-flex: 1 1 auto;
 
flex: 1 1 auto;
 
padding: 1.25rem
 
}
 
 
.card-title {
 
margin-bottom: .75rem
 
}
 
 
.card-subtitle {
 
margin-top: -.375rem;
 
margin-bottom: 0
 
}
 
 
.card-text:last-child {
 
margin-bottom: 0
 
}
 
 
.card-link:hover {
 
text-decoration: none
 
}
 
 
.card-link+.card-link {
 
margin-left: 1.25rem
 
}
 
 
.card-header {
 
padding: .75rem 1.25rem;
 
margin-bottom: 0;
 
background-color: rgba(0, 0, 0, .03);
 
border-bottom: 1px solid rgba(0, 0, 0, .125)
 
}
 
 
.card-header:first-child {
 
border-radius: calc(.25rem - 1px) calc(.25rem - 1px) 0 0
 
}
 
 
.card-header+.list-group .list-group-item:first-child {
 
border-top: 0
 
}
 
 
.card-footer {
 
padding: .75rem 1.25rem;
 
background-color: rgba(0, 0, 0, .03);
 
border-top: 1px solid rgba(0, 0, 0, .125)
 
}
 
 
.card-footer:last-child {
 
border-radius: 0 0 calc(.25rem - 1px) calc(.25rem - 1px)
 
}
 
 
.card-header-tabs {
 
margin-right: -.625rem;
 
margin-bottom: -.75rem;
 
margin-left: -.625rem;
 
border-bottom: 0
 
}
 
 
.card-header-pills {
 
margin-right: -.625rem;
 
margin-left: -.625rem
 
}
 
 
.card-img-overlay {
 
position: absolute;
 
top: 0;
 
right: 0;
 
bottom: 0;
 
left: 0;
 
padding: 1.25rem
 
}
 
 
.card-img {
 
width: 100%;
 
border-radius: calc(.25rem - 1px)
 
}
 
 
.card-img-top {
 
width: 100%;
 
border-top-left-radius: calc(.25rem - 1px);
 
border-top-right-radius: calc(.25rem - 1px)
 
}
 
 
.card-img-bottom {
 
width: 100%;
 
border-bottom-right-radius: calc(.25rem - 1px);
 
border-bottom-left-radius: calc(.25rem - 1px)
 
}
 
 
.card-deck {
 
display: -ms-flexbox;
 
display: flex;
 
-ms-flex-direction: column;
 
flex-direction: column
 
}
 
 
.card-deck .card {
 
margin-bottom: 15px
 
}
 
 
@media (min-width:576px) {
 
.card-deck {
 
-ms-flex-flow: row wrap;
 
flex-flow: row wrap;
 
margin-right: -15px;
 
margin-left: -15px
 
}
 
.card-deck .card {
 
display: -ms-flexbox;
 
display: flex;
 
-ms-flex: 1 0 0%;
 
flex: 1 0 0%;
 
-ms-flex-direction: column;
 
flex-direction: column;
 
margin-right: 15px;
 
margin-bottom: 0;
 
margin-left: 15px
 
}
 
}
 
 
.card-group {
 
display: -ms-flexbox;
 
display: flex;
 
-ms-flex-direction: column;
 
flex-direction: column
 
}
 
 
.card-group>.card {
 
margin-bottom: 15px
 
}
 
 
@media (min-width:576px) {
 
.card-group {
 
-ms-flex-flow: row wrap;
 
flex-flow: row wrap
 
}
 
.card-group>.card {
 
-ms-flex: 1 0 0%;
 
flex: 1 0 0%;
 
margin-bottom: 0
 
}
 
.card-group>.card+.card {
 
margin-left: 0;
 
border-left: 0
 
}
 
.card-group>.card:first-child {
 
border-top-right-radius: 0;
 
border-bottom-right-radius: 0
 
}
 
.card-group>.card:first-child .card-header,
 
.card-group>.card:first-child .card-img-top {
 
border-top-right-radius: 0
 
}
 
.card-group>.card:first-child .card-footer,
 
.card-group>.card:first-child .card-img-bottom {
 
border-bottom-right-radius: 0
 
}
 
.card-group>.card:last-child {
 
border-top-left-radius: 0;
 
border-bottom-left-radius: 0
 
}
 
.card-group>.card:last-child .card-header,
 
.card-group>.card:last-child .card-img-top {
 
border-top-left-radius: 0
 
}
 
.card-group>.card:last-child .card-footer,
 
.card-group>.card:last-child .card-img-bottom {
 
border-bottom-left-radius: 0
 
}
 
.card-group>.card:only-child {
 
border-radius: .25rem
 
}
 
.card-group>.card:only-child .card-header,
 
.card-group>.card:only-child .card-img-top {
 
border-top-left-radius: .25rem;
 
border-top-right-radius: .25rem
 
}
 
.card-group>.card:only-child .card-footer,
 
.card-group>.card:only-child .card-img-bottom {
 
border-bottom-right-radius: .25rem;
 
border-bottom-left-radius: .25rem
 
}
 
.card-group>.card:not(:first-child):not(:last-child):not(:only-child) {
 
border-radius: 0
 
}
 
.card-group>.card:not(:first-child):not(:last-child):not(:only-child) .card-footer,
 
.card-group>.card:not(:first-child):not(:last-child):not(:only-child) .card-header,
 
.card-group>.card:not(:first-child):not(:last-child):not(:only-child) .card-img-bottom,
 
.card-group>.card:not(:first-child):not(:last-child):not(:only-child) .card-img-top {
 
border-radius: 0
 
}
 
}
 
 
.card-columns .card {
 
margin-bottom: .75rem
 
}
 
 
@media (min-width:576px) {
 
.card-columns {
 
-webkit-column-count: 3;
 
-moz-column-count: 3;
 
column-count: 3;
 
-webkit-column-gap: 1.25rem;
 
-moz-column-gap: 1.25rem;
 
column-gap: 1.25rem;
 
orphans: 1;
 
widows: 1
 
}
 
.card-columns .card {
 
display: inline-block;
 
width: 100%
 
}
 
}
 
 
.accordion .card:not(:first-of-type):not(:last-of-type) {
 
border-bottom: 0;
 
border-radius: 0
 
}
 
 
.accordion .card:not(:first-of-type) .card-header:first-child {
 
border-radius: 0
 
}
 
 
.accordion .card:first-of-type {
 
border-bottom: 0;
 
border-bottom-right-radius: 0;
 
border-bottom-left-radius: 0
 
}
 
 
.accordion .card:last-of-type {
 
border-top-left-radius: 0;
 
border-top-right-radius: 0
 
 
}
 
}
  

Revision as of 14:28, 10 September 2018