/
styley.min.css
1 lines (1 loc) · 13.8 KB
/
styley.min.css
1
html,body,span,applet,object,iframe,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0 auto;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;font-family:'Source Code Pro','Open Sans',serif}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}html{overflow-y:scroll}a,a:link,a:active,a:visited{-webkit-transition:color .25s ease-out;-moz-transition:color .25s ease-out;-o-transition:color .25s ease-out;transition:color .25s ease-out;color:#003943;outline:0;text-decoration:none}a:hover{color:white}.cv-hover:link{color:#15123e;text-decoration:underline}.cv-hover:hover{color:#7399cc;text-decoration:none}.next-prev a:link{padding:0 16px;margin:2px 10px}hr{margin:0;border:0;border-top:1px solid #123c3f;border-bottom:1px solid #123c3f;height:3px}body{background:#15123e;overflow-x:hidden;height:5200px;line-height: 1.6;color:#000;font-size:.8em;font-family:'Source Code Pro',serif}#wrapper{max-width:100%;width:960px;margin:0 auto;position:relative}#headerWide{border-bottom:solid #c7434e 1px;background-color:silver;position:fixed;width:100%;z-index:5}#header{border:solid 1px #418ec6;position:relative;background:url('../images/Header.png');z-index:6;background-color:#418ec6;margin-top:0px}.roll .on{display:none;float:left;padding-left:2.32%;-webkit-animation-delay:2s;animation-delay:2s}.roll .off{display:block;float:left;padding-left:2.32%}.roll:hover .on{display:block;float:left}.roll:hover .off{display:none;float:left}.off,.on{width:5.5%}#headshot{position:relative;margin:.45% .6%;float:left;border:1px solid #c7434e;max-width: 21%;height:auto;z-index:8}.logo-left-top{position:relative;float:left;margin:-13.9% 22%;width:100%}.logo-left-bottom{position:relative;margin:-7.4% 18.1%;float:left;width:100%}nav{font-weight:bold;font-size:1.4em;margin-right:.4%}nav ol{list-style:none;text-align:center}nav ol li{background-color:#c7bc43;display:block;list-style:none;border:solid 1px #c7434e;margin:1%;position:relative;-moz-border-radius:3px;border-radius:3px}nav ol li a{display:block;padding:10px 6px;color:#000;text-decoration:none;line-height:.3em;-moz-border-radius:3px;border-radius:3px;font-family:Raleway}nav li a:hover{color:#f8fff3;background-color:#2e121b;font-family:Raleway}#pagenav{background-color:#418ec6;font-weight:bold;font-size:1.3em;width:100%}#pagenavnav ol{list-style:none;text-align:center}#pagenavnav ol li{background-color:#c7bc43;display:block;list-style:none;border:solid 1px #c7434e;margin:1.5%;position:relative;-moz-border-radius:3px;border-radius:3px}#pagenavnav ol li a{display:block;padding:10px 6px;color:#000;text-decoration:none;line-height:.3em;-moz-border-radius:3px;border-radius:3px;font-family:Raleway}#pagenavnav li a:hover{color:#f8fff3;background-color:#2e121b;font-family:Raleway}div#secondary{padding:.5em;z-index:5;position:fixed;top:300px;margin-left:38%;left:50%;background:#c7bc43;background:transparent;background:rgba(199,188,67,1);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#b200A29C,endColorstr=#b200A29C);-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#b200A29C,endColorstr=#b200A29C)";zoom:1;-moz-border-radius:3px;border-radius:3px;border:solid 1px #c7434e}div#secondary li{padding:4px 0px;position:relative;height:20px}div#secondary a{display:block;width:20px;height:20px;background:transparent url('../images/nav-dot.png') 4px 4px no-repeat}div#secondary a:hover,nav#secondary a.active{background:transparent url('../images/nav-dot.png') 4px -16px no-repeat}a span{display:none;color:#fff;background:rgba(255,161,176,0.8);border:solid 1px black;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;width:100px;text-align:center;position:absolute;z-index:10;margin-left:1%;content:attr(title)}a{display:inline-block}a:hover span{display:block}span.yellow{background:rgba(241,218,54,0.75);border:1px solid #f1da36;color:black}span.pink{background:rgba(255,161,176,0.8);border:1px solid #f1da36;color:black;margin-left:32px;}span.gold{margin-left:32px;color:black;background:gold;border:1px solid black}span.silver{margin-left:32px;background:silver}span.blue{margin-left:32px;background:rgba(41,137,216,0.8);border:1px solid #1e5799}span.red{margin-left:32px;background:rgba(247,49,49,0.8);border:1px solid #f73131}span.yellow{margin-left:32px;background:rgba(241,218,54,0.8);border:1px solid #f1da36;color:black}span.green{margin-left:32px;background:rgba(41,154,11,0.8);border:1px solid #299a0b}div#secondary h1{position:absolute;right:22px;top:-7px;display:none;color:#fff;white-space:nowrap;background: 100% 50% no-repeat}#content{max-width:962px;margin:0 auto;padding:0;position:relative;z-index:4}#content article{max-width:100%}#page-projects,#page-contact,#page-about,#page-cv,#page-learning{padding-top:16em;}#page-projects,#page-contact,#page-about,#page-cv,#page-learning{max-width:100%;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7fDDCD5D,endColorstr=#7fDDCD5D);-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#7fDDCD5D,endColorstr=#7fDDCD5D)";zoom:1;z-index:5}header{text-align:center}.page-round{-moz-border-radius:3px;border-radius:3px}h2.stanStyle{padding-left: 56px;border:none;text-align:center;vertical-align:middle;color:#000;background:#fff;border-radius:0;background:transparent;margin-right: 0;background-color:white;opacity:.6;letter-spacing: 1.2em;}h3,p.artStyle{line-height: 1.3em; font-size: 1em;text-align:justify;text-justify:inter-word;color:#000;-moz-column-count:3;-webkit-column-count:3;column-count:3;-moz-column-gap:20px;-webkit-column-gap:20px;column-gap:20px;clear:both;padding:8px 12px;margin:.1%;background:#fff;background:transparent;background:rgba(255,255,255,0.9);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7fFFFFFF,endColorstr=#7fFFFFFF);-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#7fFFFFFF,endColorstr=#7fFFFFFF)";zoom:1;-moz-border-radius:3px;border-radius:3px;border:solid 1px #394f67}h2{font-family:Raleway;text-align:left;padding: 2px 20px;margin:.1px;-moz-border-radius:3px;border-radius:3px;border:solid 1px #394f67; background-color: silver; opacity: .9}#page-projects{position:absolute;top:0px;/* margin-left:-20px */}.portTitles{width:12em;margin:0 26px;padding:2px 2px 0 8px;background:#9ed4fd;color:white}#page-contact{position:absolute;top:1290px;/* margin-left:-20px */}#contact-area{width:600px;margin:10px auto;background:#000;background:transparent;background:rgba(0,0,0,0.5);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7f000000,endColorstr=#7f000000);-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#7f000000,endColorstr=#7f000000)";zoom:1;padding:10px 120px;-moz-border-radius:3px;border-radius:3px;border:solid 1px #394f67}label{display:block;margin-bottom:3px;letter-spacing:2px;width:0 auto;float:left;margin-top:10px;padding:2px}.body{display:block;margin:40px auto;width:576px}form{margin-right:.01em;text-align:justify;text-justify:inter-word;color:#000;-moz-column-count:2;-webkit-column-count:2;column-count:2;clear:both;padding-left:10px;background:#fff;background:transparent;background:rgba(255,255,255,0.85);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7fFFFFFF,endColorstr=#7fFFFFFF);-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#7fFFFFFF,endColorstr=#7fFFFFFF)";zoom:1;-moz-border-radius:3px;border-radius:3px;border:solid 1px #394f67}input,textarea{width:90%;height:20px;background:#efefef;border:1px solid #dedede;color:#3a3a3a;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;padding:4px;position:relative;z-index:5;float:left}textarea{height:144px;background:url('../images/textarea-bg.png') right no-repeat #efefef;padding:4px}input:focus,textarea:focus{border:1px solid #97d6eb}#submit{width:100px;height:30px;background:url('../images/submit.jpg');text-indent:-9999px;border: 1px solid #c7434e;margin:1% 1.7%;cursor:pointer;float:right}#submit:hover{opacity:.9}#page-about{position:absolute;top:2140px;/* margin-left:-20px */}#page-cv{position:absolute;top:2900px;z-index:5;background:#97c57b;background:#fff;background:transparent;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7fFFFFFF,endColorstr=#7fFFFFFF);-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#7fFFFFFF,endColorstr=#7fFFFFFF)";zoom:1}#CVcontent{padding:2px 20px;margin:10px;z-index:6}#page-cv h2{text-align:center;padding:0;margin:0;width:100%;border:0 solid #000}#page-cv p,h3{padding:0;margin-bottom:10px;width:100%;border:0 solid #000}table.gridtable{color:#333;border-width:1px;border-color:#666;border-collapse:collapse}table.gridtable th{border-width:1px;padding:1px;border-style:solid;border-color:#666;background-color:#dedede}table.gridtable td{border-width:1px;padding:1px;border-style:solid;border-color:#666;background-color:#fff}.two-column p,.work{-moz-column-count:3;-webkit-column-count:3;column-count:3;-moz-column-gap:1%;-webkit-column-gap:1%;column-gap:1%;max-width:100%}#page-learning{position:absolute;top:4220px;z-index:3;/* margin-left:-20px */}#parallax-bg3{opacity:0.2;z-index:3;position:fixed;left:50%;top:0;width:940px;margin-left:-470px}#fg3-1{position:absolute;top:260px;right:1000px}#fg3-2{position:absolute;top:812px;left:321px}#fg3-3{position:absolute;top:1728px;left:-100px}div#fg3-4{background-image:url('../images/trianglesG.jpg');left:-5000px;width:10830px;height:830px;position:absolute;top:1750px;opacity:.4}#fg3-5{position:absolute;top:-25px;right:-150px}#fg3-6{position:absolute;top:3905px;right:250px}#fg3-7{position:absolute;top:3400px;right:-380px}#fg3-8{position:absolute;top:2600px;right:970px}#fg3-9{position:absolute;top:3905px;right:800px}#parallax-bg1{opacity:.5;z-index:1;position:fixed;left:50%;top:0;width:1200px;margin-left:-600px}#bg1-1{position:absolute;top:85px;left:-270px}#bg1-2{position:absolute;top:440px;left:795px}#bg1-3{position:absolute;top:900px;left:-1020px}#bg1-4{position:absolute;top:1020px;left:450px}#bg1-5{position:absolute;top:1440px;left:820px}#bg1-6{position:absolute;top:1440px;left:520px}#bg1-7{position:absolute;top:1440px;left:620px}#bg1-8{position:absolute;top:1220px;left:450px}#bg1-9{position:absolute;top:1020px;left:150px}#bg1-10{position:absolute;top:1020px;right:100px}#bg1-11{position:absolute;top:1020px;left:100px}#bg1-12{position:absolute;top:1020px;left:-500px}#bg1-13{position:absolute;top:1220px;left:0}#parallax-bg1{opacity: 0.3;z-index:1;position:fixed;left:60%;top:0;width:1400px;margin-left:-600px}#bg1-1{position:absolute;top:85px;left:-200px}#bg1-2{position:absolute;top:440px;left:880px}#bg1-3{position:absolute;top:540px;left:-120px}#bg1-4{position:absolute;top:900px;left:750px}#bg1-5{position:absolute;top:1420px;left:620px}#bg1-6{position:absolute;top:1340px;left:210px}#bg1-7{position:absolute;top:1440px;left:10px}#parallax-bg2{opacity:.3;z-index:2;position:fixed;left:50%;top:0;width:1200px;margin-left:-600px}#mg2-1{position:absolute;top:262px;left:100px}#mg2-2{position:absolute;top:100px;left:1150px}#mg2-3{position:absolute;top:543px;left:-35px}#mg2-4{position:absolute;top:1180px;left:250px}#mg2-5{position:absolute;top:1100px;left:890px}#mg2-6{position:absolute;top:1600px;left:490px}#mg2-7{position:absolute;top:2000px;left:890px}#mg2-8{position:absolute;top:2790px;left:890px}#mg2-9{position:absolute;top:2710px;left:120px}#mg2-10{position:absolute;top:2310px;left:0}.highlightit img{filter:alpha(opacity=50);border:1px solid pink;padding-top:2%}.highlightit:hover img{filter:alpha(opacity=100);-moz-opacity:1;opacity:1;border:1px solid #000}hr.black{border:1px solid #000}hr.gray{border:1px solid #e5e5e5;height:0;width:100%;padding-right:14px}div#secondary img{display:block;width:1.6em}div#secondary img:hover,nav #secondary img.active{}@media screen and (max-width:1200px){div#secondary{display:none}}@media screen and (max-width:900px){.logo-left-top{display:none}}@media screen and (max-width:900px){.logo-left-bottom{display:none}}#headshot{-webkit-animation-duration:3s;animation-duration:3s;-webkit-animation-name:slideinhead;animation-name:slideinhead}@-webkit-keyframes slideinhead{from{margin-left:-100%}to{margin-left:.35%}}@keyframes slideinhead{from{margin-left:-100%}to{margin-left:.35%}}.logo-left-top{-webkit-animation-duration:3s;animation-duration:3s;-webkit-animation-name:slidein;animation-name:slidein}@keyframes slidein{from{margin-left:-40%}to{margin-left:0}}.logo-left-top{-webkit-animation-duration:3s;animation-duration:3s;-webkit-animation-name:slidein;animation-name:slidein}@-webkit-keyframes slidein{from{margin-left:-100%}to{margin-left:22%}}.logo-left-bottom{-webkit-animation-duration:3s;animation-duration:3s;-webkit-animation-name:slideinbottom;animation-name:slideinbottom}@keyframes slidein{from{margin-left:-100%}to{margin-left:22%}}.logo-left-bottom{-webkit-animation-duration:3s;animation-duration:3s;-webkit-animation-name:slideinbottom;animation-name:slideinbottom}@-webkit-keyframes slideinbottom{from{margin-left:100%}to{margin-left:18.1%}}nav{-webkit-animation-duration:3s;animation-duration:3s;-webkit-animation-name:slideinmenu;animation-name:slideinmenu}@keyframes slideinbottom{from{margin-left:100%}to{margin-left:18.1%}}nav{-webkit-animation-duration:3s;animation-duration:3s;-webkit-animation-name:slideinmenu;animation-name:slideinmenu}@-webkit-keyframes slideinmenu{from{margin-right:-280%}to{margin-right:.4%}}@keyframes slideinmenu{from{margin-right:-280%}to{margin-right:.4%}}#git{position: absolute; top: 0; right: 0; border: 0;z-index: 6;}@media screen and (max-width:580px){nav{font-size:1.1em}}