.crouton {
span {
- white-space: pre;
+ /* white-space: pre;*/
}
}
.skyquakeApp {
display: -ms-flexbox;
+ display: -webkit-box;
display: flex;
-ms-flex-direction: column;
- flex-direction: column;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ flex-direction: column;
height: 100%;
background: $gray-lightest;
h1 {
}
.skyquakeNav {
display: -ms-flexbox;
+ display: -webkit-box;
display: flex;
color:white;
background:black;
font-size:0.75rem;
.secondaryNav {
-ms-flex: 1 1 auto;
- flex: 1 1 auto;
+ -webkit-box-flex: 1;
+ flex: 1 1 auto;
display: -ms-flexbox;
+ display: -webkit-box;
display: flex;
-ms-flex-pack: end;
- justify-content: flex-end;
+ -webkit-box-pack: end;
+ justify-content: flex-end;
}
.app {
position:relative;
font-size:0.75rem;
border-right: 1px solid black;
display: -ms-flexbox;
+ display: -webkit-box;
display: flex;
-ms-flex-align: center;
- align-items: center;
+ -webkit-box-align: center;
+ align-items: center;
.oi {
padding-right: 0.5rem;
}
display:none;
z-index:2;
width: 100%;
+ &.project {
+ a {
+ text-transform:none;
+ }
+ }
}
&:first-child{
h2 {
&:before {
content: '';
height:1.85rem;
- width:5.5rem;
- /*margin:0 1rem;*/
- /*padding:0 0.125rem;*/
+ width:2.5rem;
+ margin:auto 1rem;
+ padding:0 0.125rem;
+ /* background: url('../../style/img/header-logo.png') no-repeat center center white;*/
/*background: url('../../style/img/svg/riftio_logo_white.svg') no-repeat center center;*/
background: url('../../style/img/svg/osm-logo_color_rgb_white_text.svg') no-repeat center center;
- background-size: contain;
+ background-size:contain;
}
}
.skyquakeContainerWrapper {
text-align:left;
position:relative;
-ms-flex: 1 0 auto;
- flex: 1 0 auto;
+ -webkit-box-flex: 1;
+ flex: 1 0 auto;
}
}
.corner-accent {