134 lines
2.8 KiB
JavaScript
134 lines
2.8 KiB
JavaScript
|
|
export default {
|
|
body: {
|
|
fontFamily: "'Open Sans', sans-serif",
|
|
backgroundColor: '#f7f7f7',
|
|
margin: 0,
|
|
padding: 0,
|
|
minHeight: '100%',
|
|
position: 'relative'
|
|
},
|
|
|
|
backgroundHeader: {
|
|
width: '100%',
|
|
minHeight: '400px',
|
|
backgroundColor: '#011c23',
|
|
zIndex: 1,
|
|
position: 'absolute'
|
|
},
|
|
|
|
requestWrapper: {
|
|
top: '300px',
|
|
width: '90%',
|
|
maxWidth: '1200px',
|
|
margin: 'auto',
|
|
paddingTop: '20px',
|
|
backgroundColor: 'white',
|
|
position: 'relative',
|
|
zIndex: '10',
|
|
boxShadow: '0 2px 10px grey'
|
|
},
|
|
|
|
pageTitle: {
|
|
display: 'flex',
|
|
alignItems: 'center',
|
|
justifyContent: 'center'
|
|
},
|
|
|
|
pageTitleSpan: {
|
|
color: 'white',
|
|
fontSize: '3em',
|
|
marginTop: '4vh',
|
|
marginBottom: '6vh'
|
|
},
|
|
|
|
box: {
|
|
width: '90%',
|
|
height: '50px',
|
|
maxWidth: '1200px',
|
|
margin: '0 auto'
|
|
},
|
|
|
|
container: {
|
|
verticalAlign: 'middle',
|
|
whiteSpace: 'nowrap',
|
|
position: 'relative',
|
|
display: 'flex',
|
|
justifyContent: 'center'
|
|
},
|
|
|
|
searchIcon: {
|
|
position: 'absolute',
|
|
marginLeft: '17px',
|
|
marginTop: '17px',
|
|
zIndex: '1',
|
|
color: '#4f5b66'
|
|
},
|
|
|
|
searchBar: {
|
|
width: '60%',
|
|
minWidth: '120px',
|
|
height: '50px',
|
|
background: '#ffffff',
|
|
border: 'none',
|
|
fontSize: '10pt',
|
|
float: 'left',
|
|
color: '#63717f',
|
|
paddingLeft: '45px',
|
|
borderRadius: '5px',
|
|
marginRight: '15px'
|
|
},
|
|
|
|
searchFilter: {
|
|
color: 'white',
|
|
fontSize: '1em',
|
|
paddingTop: '12px',
|
|
marginBottom: '12px',
|
|
marginLeft: '10px',
|
|
cursor: 'pointer'
|
|
},
|
|
|
|
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
|
|
}
|
|
}
|
|
} |