201 lines
3.9 KiB
JavaScript
201 lines
3.9 KiB
JavaScript
|
|
export default {
|
|
body: {
|
|
fontFamily: "'Open Sans', sans-serif",
|
|
backgroundColor: '#f7f7f7',
|
|
margin: 0,
|
|
padding: 0,
|
|
minHeight: '100%',
|
|
},
|
|
|
|
backgroundLargeHeader: {
|
|
width: '100%',
|
|
minHeight: '400px',
|
|
backgroundColor: '#011c23',
|
|
zIndex: 1,
|
|
marginBottom: '-100px'
|
|
},
|
|
|
|
backgroundSmallHeader: {
|
|
width: '100%',
|
|
minHeight: '300px',
|
|
backgroundColor: '#011c23',
|
|
zIndex: 1,
|
|
marginBottom: '-100px'
|
|
},
|
|
|
|
requestWrapper: {
|
|
maxWidth: '1200px',
|
|
paddingTop: '10px',
|
|
backgroundColor: 'white',
|
|
position: 'relative',
|
|
zIndex: '10',
|
|
boxShadow: '0 2px 10px grey'
|
|
},
|
|
|
|
pageTitle: {
|
|
display: 'flex',
|
|
alignItems: 'center',
|
|
justifyContent: 'center',
|
|
textAlign: 'center',
|
|
},
|
|
|
|
pageTitleLargeSpan: {
|
|
color: 'white',
|
|
fontSize: '3em',
|
|
marginTop: '4vh',
|
|
marginBottom: '6vh'
|
|
},
|
|
|
|
pageTitleSmallSpan: {
|
|
color: 'white',
|
|
fontSize: '2em',
|
|
marginTop: '3vh',
|
|
marginBottom: '3vh'
|
|
},
|
|
|
|
box: {
|
|
height: '50px',
|
|
},
|
|
|
|
searchLargeContainer: {
|
|
margin: '0 25%',
|
|
},
|
|
|
|
searchSmallContainer: {
|
|
margin: '0 10%',
|
|
},
|
|
|
|
searchIcon: {
|
|
position: 'absolute',
|
|
fontSize: '1.2em',
|
|
marginTop: '12px',
|
|
marginLeft: '-13px',
|
|
color: '#4f5b66'
|
|
},
|
|
|
|
searchLargeBar: {
|
|
width: '100%',
|
|
height: '50px',
|
|
background: '#ffffff',
|
|
border: 'none',
|
|
fontSize: '10pt',
|
|
float: 'left',
|
|
color: '#63717f',
|
|
paddingLeft: '45px',
|
|
marginLeft: '-25px',
|
|
borderRadius: '5px',
|
|
},
|
|
|
|
searchSmallBar: {
|
|
width: '100%',
|
|
height: '50px',
|
|
background: '#ffffff',
|
|
border: 'none',
|
|
fontSize: '13pt',
|
|
float: 'left',
|
|
color: '#63717f',
|
|
paddingLeft: '45px',
|
|
marginLeft: '-25px',
|
|
borderRadius: '5px',
|
|
},
|
|
|
|
searchFilterActive: {
|
|
color: '#00d17c',
|
|
fontSize: '1em',
|
|
marginLeft: '10px',
|
|
cursor: 'pointer'
|
|
},
|
|
|
|
searchFilterNotActive: {
|
|
color: 'white',
|
|
fontSize: '1em',
|
|
marginLeft: '10px',
|
|
cursor: 'pointer'
|
|
},
|
|
|
|
|
|
filter: {
|
|
color: 'white',
|
|
paddingLeft: '40px',
|
|
width: '60%',
|
|
},
|
|
|
|
resultLargeHeader: {
|
|
paddingLeft: '30px',
|
|
color: 'black',
|
|
fontSize: '1.6em',
|
|
},
|
|
|
|
resultSmallHeader: {
|
|
paddingLeft: '12px',
|
|
color: 'black',
|
|
fontSize: '1.4em',
|
|
},
|
|
|
|
row: {
|
|
width: '100%'
|
|
},
|
|
|
|
itemDivider: {
|
|
width: '90%',
|
|
borderBottom: '1px solid grey',
|
|
margin: '1rem auto'
|
|
},
|
|
|
|
|
|
pageNavigationBar: {
|
|
width: '100%',
|
|
display: 'flex',
|
|
alignItems: 'center',
|
|
justifyContent: 'center'
|
|
},
|
|
|
|
pageNavigationButton: {
|
|
margin: '0 auto',
|
|
},
|
|
|
|
hvrUnderlineFromCenter: {
|
|
color: 'white',
|
|
fontSize: '1em',
|
|
paddingTop: '12px',
|
|
marginBottom: '12px',
|
|
marginLeft: '10px',
|
|
cursor: 'pointer',
|
|
display: 'inline-block',
|
|
verticalAlign: 'middle',
|
|
WebkitTransform: 'perspective(1px) translateZ(0)',
|
|
transform: 'perspective(1px) translateZ(0)',
|
|
boxShadow: '0 0 1px transparent',
|
|
position: 'relative',
|
|
overflow: 'hidden',
|
|
':before': {
|
|
content: "",
|
|
position: 'absolute',
|
|
zIndex: '-1',
|
|
left: '50%',
|
|
right: '50%',
|
|
bottom: '0',
|
|
background: '#00d17c',
|
|
height: '2px',
|
|
WebkitTransitionProperty: 'left, right',
|
|
transitionProperty: 'left, right',
|
|
WebkitTransitionDuration: '0.3s',
|
|
transitionDuration: '0.3s',
|
|
WebkitTransitionTimingFunction: 'ease-out',
|
|
transitionTimingFunction: 'ease-out'
|
|
},
|
|
':hover:before': {
|
|
left: 0,
|
|
right: 0
|
|
},
|
|
'focus:before': {
|
|
left: 0,
|
|
right: 0
|
|
},
|
|
'active:before': {
|
|
left: 0,
|
|
right: 0
|
|
}
|
|
}
|
|
} |