Chloroplast (Talk | contribs) |
Chloroplast (Talk | contribs) |
||
Line 106: | Line 106: | ||
/*normalize.css*/ | /*normalize.css*/ | ||
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block;}audio,canvas,video{display:inline-block;}audio:not([controls]){display:none;height:0;}[hidden]{display:none;}html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;}body{margin:0;}a:focus{outline:thin dotted;}a:active,a:hover{outline:0;}h1{font-size:2em;margin:0.67em 0;}abbr[title]{border-bottom:1px dotted;}b,strong{font-weight:bold;}dfn{font-style:italic;}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0;}mark{background:#ff0;color:#000;}code,kbd,pre,samp{font-family:monospace,serif;font-size:1em;}pre{white-space:pre-wrap;}q{quotes:"\201C" "\201D" "\2018" "\2019";}small{font-size:80%;}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}sup{top:-0.5em;}sub{bottom:-0.25em;}img{border:0;}svg:not(:root){overflow:hidden;}figure{margin:0;}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em;}legend{border:0;padding:0;}button,input,select,textarea{font-family:inherit;font-size:100%;margin:0;}button,input{line-height:normal;}button,select{text-transform:none;}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer;}button[disabled],html input[disabled]{cursor:default;}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0;}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box;}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none;}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0;}textarea{overflow:auto;vertical-align:top;}table{border-collapse:collapse;border-spacing:0;} | article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block;}audio,canvas,video{display:inline-block;}audio:not([controls]){display:none;height:0;}[hidden]{display:none;}html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;}body{margin:0;}a:focus{outline:thin dotted;}a:active,a:hover{outline:0;}h1{font-size:2em;margin:0.67em 0;}abbr[title]{border-bottom:1px dotted;}b,strong{font-weight:bold;}dfn{font-style:italic;}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0;}mark{background:#ff0;color:#000;}code,kbd,pre,samp{font-family:monospace,serif;font-size:1em;}pre{white-space:pre-wrap;}q{quotes:"\201C" "\201D" "\2018" "\2019";}small{font-size:80%;}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}sup{top:-0.5em;}sub{bottom:-0.25em;}img{border:0;}svg:not(:root){overflow:hidden;}figure{margin:0;}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em;}legend{border:0;padding:0;}button,input,select,textarea{font-family:inherit;font-size:100%;margin:0;}button,input{line-height:normal;}button,select{text-transform:none;}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer;}button[disabled],html input[disabled]{cursor:default;}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0;}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box;}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none;}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0;}textarea{overflow:auto;vertical-align:top;}table{border-collapse:collapse;border-spacing:0;} | ||
− | |||
/*demo.css*/ | /*demo.css*/ | ||
*, *::after, *::before { -webkit-box-sizing: border-box; box-sizing: border-box; } | *, *::after, *::before { -webkit-box-sizing: border-box; box-sizing: border-box; } | ||
Line 268: | Line 267: | ||
max-width: 1000px; | max-width: 1000px; | ||
margin: 0 auto; | margin: 0 auto; | ||
− | padding: 13% 10% | + | padding: 13% 10% 13%; |
} | } | ||
Line 458: | Line 457: | ||
} | } | ||
} | } | ||
+ | |||
/*component.css*/ | /*component.css*/ | ||
Line 603: | Line 603: | ||
@supports (cursor: zoom-in) { | @supports (cursor: zoom-in) { | ||
.points-content--open { | .points-content--open { | ||
− | cursor: url( | + | cursor: url(../img/close.png) 12 6, pointer; |
} | } | ||
} | } | ||
Line 716: | Line 716: | ||
} | } | ||
} | } | ||
+ | |||
/*sidebar_transitions_normalize.css*/ | /*sidebar_transitions_normalize.css*/ | ||
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block;}audio,canvas,video{display:inline-block;}audio:not([controls]){display:none;height:0;}[hidden]{display:none;}html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;}body{margin:0;}a:focus{outline:thin dotted;}a:active,a:hover{outline:0;}h1{font-size:2em;margin:0.67em 0;}abbr[title]{border-bottom:1px dotted;}b,strong{font-weight:bold;}dfn{font-style:italic;}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0;}mark{background:#ff0;color:#000;}code,kbd,pre,samp{font-family:monospace,serif;font-size:1em;}pre{white-space:pre-wrap;}q{quotes:"\201C" "\201D" "\2018" "\2019";}small{font-size:80%;}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}sup{top:-0.5em;}sub{bottom:-0.25em;}img{border:0;}svg:not(:root){overflow:hidden;}figure{margin:0;}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em;}legend{border:0;padding:0;}button,input,select,textarea{font-family:inherit;font-size:100%;margin:0;}button,input{line-height:normal;}button,select{text-transform:none;}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer;}button[disabled],html input[disabled]{cursor:default;}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0;}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box;}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none;}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0;}textarea{overflow:auto;vertical-align:top;}table{border-collapse:collapse;border-spacing:0;} | article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block;}audio,canvas,video{display:inline-block;}audio:not([controls]){display:none;height:0;}[hidden]{display:none;}html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;}body{margin:0;}a:focus{outline:thin dotted;}a:active,a:hover{outline:0;}h1{font-size:2em;margin:0.67em 0;}abbr[title]{border-bottom:1px dotted;}b,strong{font-weight:bold;}dfn{font-style:italic;}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0;}mark{background:#ff0;color:#000;}code,kbd,pre,samp{font-family:monospace,serif;font-size:1em;}pre{white-space:pre-wrap;}q{quotes:"\201C" "\201D" "\2018" "\2019";}small{font-size:80%;}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}sup{top:-0.5em;}sub{bottom:-0.25em;}img{border:0;}svg:not(:root){overflow:hidden;}figure{margin:0;}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em;}legend{border:0;padding:0;}button,input,select,textarea{font-family:inherit;font-size:100%;margin:0;}button,input{line-height:normal;}button,select{text-transform:none;}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer;}button[disabled],html input[disabled]{cursor:default;}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0;}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box;}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none;}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0;}textarea{overflow:auto;vertical-align:top;}table{border-collapse:collapse;border-spacing:0;} | ||
− | |||
/*sidebar_transitions_demo.css*/ | /*sidebar_transitions_demo.css*/ | ||
− | + | *, | |
− | + | *:after, | |
− | + | *::before { | |
− | + | -moz-box-sizing: border-box; | |
− | + | box-sizing: border-box; | |
} | } | ||
− | + | html, | |
− | + | body, | |
− | + | .st-container, | |
− | + | .st-pusher, | |
+ | .st-content { | ||
+ | height: 100%; | ||
} | } | ||
− | + | .st-content { | |
− | + | overflow-y: scroll; | |
− | + | background: #f3efe0; | |
} | } | ||
− | + | .st-content, | |
− | + | .st-content-inner { | |
− | . | + | position: relative; |
− | + | ||
− | + | ||
} | } | ||
− | . | + | .st-container { |
− | + | position: relative; | |
+ | overflow: hidden; | ||
} | } | ||
− | . | + | .st-pusher { |
− | + | position: relative; | |
− | + | left: 0; | |
+ | z-index: 99; | ||
+ | height: 100%; | ||
+ | -webkit-transition: -webkit-transform 0.5s; | ||
+ | transition: transform 0.5s; | ||
} | } | ||
− | . | + | .st-pusher::after { |
− | + | position: absolute; | |
− | + | top: 0; | |
− | + | right: 0; | |
+ | width: 0; | ||
+ | height: 0; | ||
+ | background: rgba(0,0,0,0.2); | ||
+ | content: ''; | ||
+ | opacity: 0; | ||
+ | -webkit-transition: opacity 0.5s, width 0.1s 0.5s, height 0.1s 0.5s; | ||
+ | transition: opacity 0.5s, width 0.1s 0.5s, height 0.1s 0.5s; | ||
} | } | ||
− | . | + | .st-menu-open .st-pusher::after { |
− | + | width: 100%; | |
− | + | height: 100%; | |
− | + | opacity: 1; | |
− | + | -webkit-transition: opacity 0.5s; | |
+ | transition: opacity 0.5s; | ||
} | } | ||
− | . | + | .st-menu { |
− | + | position: fixed; | |
− | + | top: 0; | |
− | + | left: 0; | |
− | + | z-index: 100; | |
+ | visibility: hidden; | ||
+ | width: 300px; | ||
+ | height: 100%; | ||
+ | background: #48a770; | ||
+ | -webkit-transition: all 0.5s; | ||
+ | transition: all 0.5s; | ||
} | } | ||
− | + | .st-menu::after { | |
− | . | + | position: absolute; |
+ | top: 0; | ||
+ | right: 0; | ||
width: 100%; | width: 100%; | ||
− | + | height: 100%; | |
− | + | background: rgba(0,0,0,0.2); | |
− | + | content: ''; | |
− | + | opacity: 1; | |
− | + | -webkit-transition: opacity 0.5s; | |
+ | transition: opacity 0.5s; | ||
} | } | ||
− | . | + | .st-menu-open .st-menu::after { |
− | + | width: 0; | |
− | + | height: 0; | |
− | + | opacity: 0; | |
− | + | -webkit-transition: opacity 0.5s, width 0.1s 0.5s, height 0.1s 0.5s; | |
+ | transition: opacity 0.5s, width 0.1s 0.5s, height 0.1s 0.5s; | ||
} | } | ||
− | . | + | /* content style */ |
− | + | ||
− | + | .st-menu ul { | |
+ | margin-top: 20%; | ||
+ | padding: 0; | ||
+ | list-style: none; | ||
} | } | ||
− | . | + | .st-menu h2 { |
− | + | margin: 0; | |
+ | padding: 1em; | ||
+ | color: rgba(0,0,0,0.4); | ||
+ | text-shadow: 0 0 1px rgba(0,0,0,0.1); | ||
+ | font-weight: 300; | ||
+ | font-size: 2em; | ||
} | } | ||
− | . | + | .st-menu ul li a { |
display: block; | display: block; | ||
− | + | padding: 1em 1em 1em 1.2em; | |
+ | width: 100%; | ||
+ | height: 20%; | ||
+ | outline: none; | ||
+ | box-shadow: inset 0 -1px rgba(0,0,0,0.2); | ||
+ | color: #f3efe0; | ||
+ | text-transform: uppercase; | ||
+ | text-shadow: 0 0 1px rgba(255,255,255,0.1); | ||
+ | letter-spacing: 1px; | ||
+ | font-weight: 400; | ||
+ | -webkit-transition: background 0.3s, box-shadow 0.3s; | ||
+ | transition: background 0.3s, box-shadow 0.3s; | ||
} | } | ||
− | . | + | .st-menu ul li:first-child a { |
− | + | box-shadow: inset 0 -1px rgba(0,0,0,0.2), inset 0 1px rgba(0,0,0,0.2); | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
} | } | ||
− | . | + | .st-menu ul li a:hover { |
− | + | background: rgba(0,0,0,0.2); | |
− | + | box-shadow: inset 0 -1px rgba(0,0,0,0); | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | . | + | |
− | box-shadow: -1px | + | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
color: #fff; | color: #fff; | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
} | } | ||
− | + | /* Individual effects */ | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | /* Effect 1: Slide in on top */ | |
− | + | .st-effect-1.st-menu { | |
− | + | visibility: visible; | |
− | + | -webkit-transform: translate3d(-100%, 0, 0); | |
− | + | transform: translate3d(-100%, 0, 0); | |
− | + | ||
− | + | ||
− | + | ||
} | } | ||
− | . | + | .st-effect-1.st-menu-open .st-effect-1.st-menu { |
− | + | visibility: visible; | |
− | + | -webkit-transform: translate3d(0, 0, 0); | |
+ | transform: translate3d(0, 0, 0); | ||
} | } | ||
− | + | .st-effect-1.st-menu::after { | |
− | + | display: none; | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
} | } | ||
− | + | /* Fallback example for browsers that don't support 3D transforms (and no JS fallback) */ | |
− | + | .no-csstransforms3d .st-pusher, | |
− | + | .no-js .st-pusher { | |
− | + | padding-left: 300px; | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
} | } | ||
+ | |||
Line 956: | Line 910: | ||
font-size: 1.2em; | font-size: 1.2em; | ||
-webkit-font-smoothing: antialiased; | -webkit-font-smoothing: antialiased; | ||
+ | height: 20px; | ||
+ | width: 20px; | ||
+ | background-size: 20px 20px; | ||
+ | display: inline-block; | ||
+ | content:""; | ||
} | } | ||
+ | |||
+ | .icon-home:before { | ||
+ | background-image: url('../img/home.png'); | ||
+ | } | ||
+ | |||
+ | .icon-project:before { | ||
+ | background-image: url('../img/project.png'); | ||
+ | } | ||
+ | |||
+ | .icon-notebook:before { | ||
+ | background-image: url('../img/notebook.png'); | ||
+ | } | ||
+ | |||
+ | .icon-team:before { | ||
+ | background-image: url('../img/team.png'); | ||
+ | } | ||
+ | |||
+ | .icon-collaboration:before { | ||
+ | background-image: url('../img/collaboration.png'); | ||
+ | } | ||
+ | |||
+ | .icon-practice:before { | ||
+ | background-image: url('../img/practice.png'); | ||
+ | } | ||
+ | |||
+ | .icon-safety:before { | ||
+ | background-image: url('../img/safety.png'); | ||
+ | } | ||
+ | |||
+ | .icon-acknowledgement:before { | ||
+ | background-image: url('../img/acknowledgement.png'); | ||
+ | } | ||
+ | |||
.icon-female:before { | .icon-female:before { | ||
content: "\f182"; | content: "\f182"; | ||
Line 1,295: | Line 1,287: | ||
padding-left: 300px; | padding-left: 300px; | ||
} | } | ||
+ | |||
/*button.css*/ | /*button.css*/ | ||
Line 1,628: | Line 1,621: | ||
transform: rotateX(-90deg); | transform: rotateX(-90deg); | ||
} | } | ||
+ | |||
/*Adjustment*/ | /*Adjustment*/ |
Revision as of 02:38, 4 October 2016