Revision as of 12:12, 15 April 2015

<!DOCTYPE html>

html .clearfix { height: 1%;}

.middleHack { zoom: 1;} .ib { display: -moz-inline-stack !important; display: inline-block !important; vertical-align: top;} .ibIe { display: inline !important; zoom: 1;} .lt-ie8 .ib { display: inline !important; zoom: 1;} .bgCover { -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;} .clear { clear: both; display: block;} .translate3d { -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); -o-transform: translate3d(0,0,0); transform: translate3d(0,0,0);} .translate { -webkit-transform: translate(0,0); -moz-transform: translate3d(0,0); -ms-transform: translate3d(0,0); -o-transform: translate3d(0,0); transform: translate3d(0,0);} .noflick { -webkit-backface-visibility: hidden;} a img { border: none;}

body { background: #2d2c41; font-family: 'Open Sans', Arial, Helvetica, Sans-serif, Verdana, Tahoma; }

/* ----------------------------

            menu
-----------------------------*/

ul { list-style-type: none !important; }

li {list-style-type:none !important; }

.accordion {
	width: 100%;
	max-width: 360px;
	background: #303030;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;

list-style-type: none !important;

}

.accordion li {

list-style-type: none !important; list-style:none; }

.accordion .link { cursor: pointer; display: block; padding: 10px 10px 10px 40px; color: #FFF; font-size: 17px; font-weight: 700; border-bottom: 1px solid #CCC; position: relative;

}

.accordion li:last-child .link { border-bottom: 0; }

.accordion li.open .link { color: #FFE153; }

.submenu {
	display: none;
	background: #444359;
	font-size: 5px;

list-style-type: none !important;

.submenu li {
	border-bottom: 1px solid #4b4a5e;

list-style-type: none !important; list-style:none;

.submenu a {
	display: block;
	text-decoration: none;
	color: #d9d9d9;
}

.submenu a:hover {
	background: #b63b4d;
	color: #FFF;
}

menuHome {

 color: #FFF;
 font-size: 17px;
 margin-right: 60px;

}

menuHome:hover{

 color: #FFE153;

}

/*.overflow { overflow: hidden;}*/ .bgwidth { width: 100%;} .bgheight { height: 100%;} aside { width: 260px; background: url("") no-repeat top left #141311; position: absolute; top: 0; left: 0; bottom: 0; z-index: 1; -webkit-transition: all 200ms ease-out; -moz-transition: all 200ms ease-out; -ms-transition: all 200ms ease-out; -o-transition: all 200ms ease-out; transition: all 200ms ease-out; -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); -o-transform: translate3d(0,0,0); transform: translate3d(0,0,0);} aside #mobileMenuButton { position: absolute; top: 12px; left: 212px; z-index: 10000; display: none; padding: 6px; background: url("../num/4.png") repeat top left transparent;} aside #mobileMenuButton span { width: 25px; height: 4px; display: block; background: #FFFFFF; -moz-box-shadow: 0px 0px 6px rgba(0,0,0,0.6); -webkit-box-shadow: 0px 0px 6px rgba(0,0,0,0.6); box-shadow: 0px 0px 6px rgba(0,0,0,0.6); margin-top: 3px; -webkit-transition: all 200ms ease-out; -moz-transition: all 200ms ease-out; -ms-transition: all 200ms ease-out; -o-transition: all 200ms ease-out; transition: all 200ms ease-out;} aside #mobileMenuButton span:first-child { margin-top: 0;} aside #logo { text-indent: -6000px; margin: 80px 32px 50px 32px; display: block;} aside #logo img { display: block; width: 100%; } aside .separator { background: url("../num/separator.jpg") no-repeat top left transparent; display: block; zoom: 1; background-position: -23px -296px; width: 143px; height: 3px; text-indent: -6000px; text-align: left; margin: 25px auto;} aside nav { font-family: 'Open Sans', Arial, Helvetica, Sans-serif, Verdana, Tahoma ;padding: 0 40px;} aside nav a { color: #ddd7d7; line-height: 40px; text-align: center; text-decoration: none; font-size: 23px; display: block; letter-spacing: 2px;} aside .contact { font-family:'Open Sans', Arial, Helvetica, Sans-serif, Verdana, Tahoma; font-size: 24px; font-weight: 400; font-style: italic; text-align: center; display: block; margin: 0 40px; text-decoration: none; color: #ffffff;} aside .bottom { position: absolute; bottom: 7px; left: 0; right: 0;} aside .bottom .social { text-align: center;} aside .bottom .social a { display: inline-block; border: 2px solid #ffffff; margin: 0 1px; margin-bottom: 3px; position: relative; width: 24px; height: 25px; -webkit-transition: all 200ms ease-out; -moz-transition: all 200ms ease-out; -ms-transition: all 200ms ease-out; -o-transition: all 200ms ease-out; transition: all 200ms ease-out;} .no-touch aside nav a:hover { color: #FFFFFF;} .no-touch aside nav a.selected:hover { color: #ddd7d7;} body.opened aside { left: 0px;} body.opened aside #mobileMenuButton span { opacity: 0; filter: alpha(opacity=0);} body.opened aside #mobileMenuButton span:first-child { opacity: 1; filter: alpha(opacity=100); -webkit-transform: translate(0px,7px) rotate(45deg); -moz-transform: translate(0px,7px) rotate(45deg); -ms-transform: translate(0px,7px) rotate(45deg); -o-transform: translate(0px,7px) rotate(45deg); transform: translate(0px,7px) rotate(45deg);} body.opened aside #mobileMenuButton span:last-child { opacity: 1; filter: alpha(opacity=100); -webkit-transform: translate(0px,-7px) rotate(-45deg); -moz-transform: translate(0px,-7px) rotate(-45deg); -ms-transform: translate(0px,-7px) rotate(-45deg); -o-transform: translate(0px,-7px) rotate(-45deg); transform: translate(0px,-7px) rotate(-45deg);} body.opened #realcontent { left: 100px; opacity: 0.2 !important; pointer-events: none;}

{ margin: 0; padding: 0; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}

.no-touch * { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;} div,h1,h2,h3,h4,span,p,img,a { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;} a { color: #FFFFFF; text-decoration: underline;} .fa { text-shadow: rgba(0,0,0,0.01) 0 0 1px; -webkit-text-stroke: 0.10px;} img { -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; user-drag: none;} html,body { min-height: 100%; width: 100%; height: 100%; background: #000000 ; color: #ffffff; overflow: hidden; font-family: 'din-condensed-web'; font-size: 14px; font-weight: 400;}

realcontent { position: absolute; left: 260px; top: 0; right: 0; height: 1000px; overflow-y: scroll; -webkit-transition: all 200ms ease-out; -moz-transition: all 200ms ease-out; -ms-transition: all 200ms ease-out; -o-transition: all 200ms ease-out; transition: all 200ms ease-out; -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); -o-transform: translate3d(0,0,0); transform: translate3d(0,0,0);

float:right; z-index: 9999;} .owl-wrapper-outer,.owl-wrapper,.owl-item { height: 100%;} .fullBg { position: absolute; top: 0; left: 0; display: none;} .fullBg.display { display: block;} .layoutHide { position: absolute; top: 0; left: 0; bottom: 0; width: 0%; background: #000000; z-index: 40; -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); -o-transform: translate3d(0,0,0); transform: translate3d(0,0,0); -webkit-backface-visibility: hidden; background: url(".../.../static/img/layout_hide.jpg") repeat top left transparent;} .goBack { position: absolute; top: 3%; left: 3%; z-index: 3; display: inline-block; line-height: 23px; padding-top: 1px; border: 2px solid #FFFFFF; padding-left: 20px; padding-right: 10px; font-size: 14px; text-transform: uppercase; text-decoration: none;} .goBack span { position: absolute; background: url("../num/15.png") no-repeat top left transparent; display: block; zoom: 1; background-position: -193px -294px; width: 9px; height: 7px; text-indent: -6000px; text-align: left; left: 7px; top: 50%; margin-top: -4px;} .video { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; background: #000000;} .video .close { position: absolute; top: 45px; right: 45px; right: 125px; background: url("../num/15.png") no-repeat top left transparent; display: block; zoom: 1; background-position: -702px -247px; width: 26px; height: 26px; text-indent: -6000px; text-align: left; cursor: pointer;} .touch .video .close { top: 20px; right: 20px;}

@media screen and (max-height: 780px) { html body aside #logo { margin-top: 50px; margin-bottom: 30px; }

 html body aside nav a {    line-height: 35px;    font-size: 18px;  }
 html body aside .separator {    margin: 20px auto;  }
 html body aside .contact {    font-size: 18px;  }

} @media screen and (max-height: 680px) { html body aside #logo { margin-top: 20px; margin-bottom: 20px; }

 html body aside nav a {    line-height: 31px;    font-size: 18px;  }
 html body aside .separator {    margin: 10px auto;  }

} @media screen and (max-width: 1050px) { html aside { width: 200px; }

 html aside #logo {    margin-left: 20px;    margin-right: 20px;  }
 html #realcontent {    left: 200px;  }

} @media screen and (max-width: 700px) { html #awwwards { display: none; }

 html aside {    left: -200px;  }
 html aside #mobileMenuButton {    display: block;  }
 html #realcontent {    left: 0;    right: auto;    width: 100%;  }

}

/*float realcontent*/

content{

width:100%; }

homeIndexBody {

display:block; width:100% !important; height:100% !important; list-style-type:none !important; }

.firstHeading { display:none; }

top{

display:none; }

   </style>

   <aside>

<img alt="White Frontier Brewery" src="./pic/whitefrontier.png">

       <nav >

<a id="menuHome" href="./home.html">HOME</a>
PROJECT
- <a href="#">Problem</a>
- <a href="#">Design</a>
- <a href="#">Parts</a>
RESULTS
- <a href="#">Results</a>
- <a href="#">Future</a>
MODELING
- <a href="#">Modeling</a>
TEAM
- <a href="./teamMembers.html">Members</a>
- <a href="#">Instructors</a>
- <a href="#">Attributions</a>
HUMAN PRACTICES
- <a href="#">Google</a>
- <a href="#">Bing</a>
NOTEBOOK
- <a href="#">Journal</a>
- <a href="#">Safety</a>
- <a href="#">Protocol</a>

       </nav>

   </aside>

测试！！

   <script src="./modernizr.js"></script>
	<script type="text/javascript" src="./saved.js"></script>
   <script src='./jquery.js'></script>
 

 <script type="text/javascript">
 //slide menu
 $(function() {

var Accordion = function(el, multiple) { this.el = el || {}; this.multiple = multiple || false;

// Variables privadas var links = this.el.find('.link'); // Evento links.on('mouseenter', {el: this.el, multiple: this.multiple}, this.dropdown) }

Accordion.prototype.dropdown = function(e) { var $el = e.data.el; $this = $(this), $next = $this.next();

$next.slideToggle(); $this.parent().toggleClass('open');

if (!e.data.multiple) { $el.find('.submenu').not($next).slideUp().parent().removeClass('open'); }; }

var accordion = new Accordion($('#accordion'), false); });</script>

   <script type="text/javascript">//<![CDATA[

var controllerName="home"; var actionName="index"; var base=""; var baseLang="/en"; var lang="en"; data=[];//]]> </script>

	<script type="text/javascript">
//experienceIntercal change
       var experienceInterval;
       function experienceGalleryNext() {
           var $active = $('#realcontent #homeIndex a.experience .gallery img.active');
           if ( $active.length == 0 ) $active = $('#realcontent #homeIndex a.experience .gallery img:last');
           var $next =  $active.next().length ? $active.next() : $('#realcontent #homeIndex a.experience .gallery img:first');
           $active.addClass('lastActive');
           $next.css({opacity: 0.0})
               .addClass('active')
               .animate({opacity: 1.0}, 700, function() {
                   $active.removeClass('active lastActive');
               });
       }
       $('.no-touch #realcontent #homeIndex a.experience').hover(function(){
           var $gallery = $(this).find('.gallery');
           $gallery.stop().animate({
               scale:1,
               opacity:1
           },500, 'easeOutCubic');
           experienceInterval = window.setInterval(experienceGalleryNext, 1000);
       }, function(){
           window.clearInterval(experienceInterval);
           var $gallery = $(this).find('.gallery');
           $gallery.stop().animate({
               scale:1.5,
               opacity:0
           },500, 'easeOutCubic', function(){
               window.clearInterval(experienceInterval);
           });
       });

       // swipe beer
       var swipeBeer = new Swipe(document.getElementById('swipeBeer'), {
           speed: 400,
           auto: false,
           continuous: true,
           disableScroll: false,
           stopPropagation: false,
           callback: function(index, elem) {},
           transitionEnd: function(index, elem) {}
       });

       var timeout;
       function again()
       {
           window.clearTimeout(timeout);
           timeout = window.setTimeout(function(){
               swipeBeer.next();
               again();
           }, 1400);
       }
       $('.no-touch #realcontent #homeIndex a.beer').hover(function(){
           swipeBeer.next();
           again();
       }, function(){
           window.clearTimeout(timeout);
       });

    </script>

</html>

@@ Line 1: / Line 1: @@
+<!DOCTYPE html>
      <!-- CSS
      <link rel="stylesheet" type="text/css" href="./css/sidemenu.css">
@@ Line 392: / Line 394: @@
       </script>
+</html>

Difference between revisions of "Team:CHINA CD UESTC/memberDemo"

Revision as of 12:12, 15 April 2015

<img alt="White Frontier Brewery" src="./pic/whitefrontier.png">