2016-04-25 08:51:43 +00:00
|
|
|
#WRAPPER>#CONTAINER section[data-timeline]{display:block;position:relative;background-color:#fff;font-size:.9em;color:#000}#WRAPPER>#CONTAINER section[data-timeline] h5,#WRAPPER>#CONTAINER section[data-timeline] h4,#WRAPPER>#CONTAINER section[data-timeline] h3,#WRAPPER>#CONTAINER section[data-timeline] *.line,#WRAPPER>#CONTAINER section[data-timeline] [data-space]{display:block;color:#333;margin:0 40px;padding:5px 60px;border-left:2px solid #d8e0e9}#WRAPPER>#CONTAINER section[data-timeline] h3{display:block;padding:20px 40px;font-size:1.4em;color:#000;font-weight:bold}#WRAPPER>#CONTAINER section[data-timeline] h3[data-n]:before{content:attr(data-n);display:inline-block;position:absolute;margin-top:.48em;margin-left:-41px;padding:3px 12px;border-radius:50%;box-shadow:0 0 0 3px #fff;background-color:#738394;font-size:1.3em;color:#fff;font-weight:bold;transform:translateX(-50%) translateY(-50%);-moz-transform:translateX(-50%) translateY(-50%);-o-transform:translateX(-50%) translateY(-50%);-ms-transform:translateX(-50%) translateY(-50%);-webkit-transform:translateX(-50%) translateY(-50%)}#WRAPPER>#CONTAINER section[data-timeline] h4{display:block;padding:20px 40px;font-size:1.2em;color:#46505b;font-weight:bold}#WRAPPER>#CONTAINER section[data-timeline] h4[data-icon]:before{content:attr(data-icon);display:inline-block;position:absolute;margin-top:.8em;margin-left:-41px;padding:9px;border-radius:50%;box-shadow:0 0 0 2px #fff;background-color:#738394;font-size:.9em;font-family:'icomoon';color:#fff;font-weight:bold;transform:translateX(-50%) translateY(-50%);-moz-transform:translateX(-50%) translateY(-50%);-o-transform:translateX(-50%) translateY(-50%);-ms-transform:translateX(-50%) translateY(-50%);-webkit-transform:translateX(-50%) translateY(-50%)}#WRAPPER>#CONTAINER section[data-timeline] h5{display:block;padding:20px 40px;font-size:1.2em;color:#46505b;font-weight:bold}#WRAPPER>#CONTAINER section[data-timeline] h5:before{content:'';display:inline-block;position:absolute;margin-top:.7em;margin-left:-41px;padding:7px;border-radius:50%;box-shadow:0 0 0 2px #fff;background-color:#738394;transform:translateX(-50%) translateY(-50%);-moz-transform:translateX(-50%) translateY(-50%);-o-transform:translateX(-50%) translateY(-50%);-ms-transform:translateX(-50%) translateY(-50%);-webkit-transform:translateX(-50%) translateY(-50%)}#WRAPPER>#CONTAINER section[data-timeline] h5[data-text]:after{content:attr(data-text);padding:6px 10px;border-radius:3px;background:#738394;color:#fff;font-weight:normal}#WRAPPER>#CONTAINER section[data-timeline] [data-tag]{display:block;padding:40px 60px}#WRAPPER>#CONTAINER section[data-timeline] [data-tag]:before{content:attr(data-tag);display:inline-block;position:absolute;margin-top:.5em;margin-left:-41px;padding:2px;background-color:#fff;font-size:1.2em;color:#738394;font-weight:bold;transform:translateX(-50%) translateY(-50%);-moz-transform:translateX(-50%) translateY(-50%);-o-transform:translateX(-50%) translateY(-50%);-ms-transform:translateX(-50%) translateY(-50%);-webkit-transform:translateX(-50%) translateY(-50%)}#WRAPPER>#CONTAINER section[data-timeline] input[type='file']{position:relative;opacity:0;z-index:8;cursor:pointer}#WRAPPER>#CONTAINER section[data-timeline] input[type='file']+span.file-input{display:inline-block;position:absolute;margin-top:-1px;margin-left:-290px;width:calc( 290px - 2*15px);height:30px;padding:0 15px;border-radius:3px;background:#e64e3e;color:#222;line-height:30px;font-weight:normal;z-index:9;cursor:pointer;pointer-events:none;-webkit-transition:background 0.1s ease-in-out;transition:background 0.1s ease-in-out}#WRAPPER>#CONTAINER section[data-timeline] input[type='file']+span.file-input:before{content:'e ';font-size:1em;font-family:'icomoon';color:#222;font-weight:bold}#WRAPPER>#CONTAINER section[data-timeline] input[type='file']:hover+span.file-input{background:#d52d1c;box-shadow:inset 0 0 5px #888}#WRAPPER>#CONTAINER section[data-timeline] input[type='file'].active+span.file-input{background:#738394;color:#fff}#WRAPPER>#CONTAINER section[data-timeline] input[type='fi
|
