Difference between revisions of "Team:Nankai/test3"

Line 206: Line 206:
 
}
 
}
  
−
/*===================================== PROJECT PAGE CSS ======================*/
 
−
#project_84 {
 
−
float:left;
 
−
width:100%;
 
−
margin-top:50px;
 
−
}
 
−
#project_84 h1 {
 
−
float:left;
 
−
width:700px;
 
−
font-family: 'existence_lightregular';
 
−
font-size:35px;
 
−
color:#bfc2c7;
 
−
line-height:42px;
 
−
}
 
−
#project_84 h1 strong {
 
−
color:#ffffff;
 
−
}
 
−
#project_84 .proj_sign {
 
−
float:right;
 
−
background-image:url(../images/sign_up_sprit.png);
 
−
background-position: left top;
 
−
background-repeat:no-repeat;
 
−
width:207px;
 
−
height:76px;
 
−
}
 
−
#project_84 .proj_sign:hover {
 
−
background-image:url(../images/sign_up_sprit.png);
 
−
background-position:left -86px;
 
−
background-repeat:no-repeat;
 
−
}
 
−
#proj_process {
 
−
float:left;
 
−
width:820px;
 
−
margin-top:80px;
 
−
background-image:url(../images/header_shade_bg.png);
 
−
background-position:0 0;
 
−
background-repeat:repeat-x;
 
−
height:161px;
 
−
padding:35px 70px 0px;
 
−
}
 
−
#project_84 .proj_process {
 
−
float:left;
 
−
width:184px;
 
−
}
 
−
#project_84 .proj_process .subject_brain {
 
−
float:left;
 
−
background-image:url(../images/header_project84_img.png);
 
−
background-position: 0 0;
 
−
background-repeat:no-repeat;
 
−
width:184px;
 
−
height:65px;
 
−
}
 
−
#project_84 .proj_process p {
 
−
float:left;
 
−
width:184px;
 
−
text-align:center;
 
−
font-family:"myriad Pro";
 
−
font-size:16px;
 
−
color:#ffffff;
 
−
margin-top:30px;
 
−
}
 
−
.arrwo_bg {
 
−
float:left;
 
−
width:133px;
 
−
height:65px;
 
−
background-image:url(../images/header_project84_img.png);
 
−
background-position: -184px top;
 
−
background-repeat:no-repeat;
 
−
}
 
−
#project_84 .proj_process .lens_eve {
 
−
float:left;
 
−
background-image:url(../images/header_project84_img.png);
 
−
background-position: -320px top;
 
−
background-repeat:no-repeat;
 
−
width:184px;
 
−
height:65px;
 
−
}
 
−
#project_84 .proj_process .safe_fast {
 
−
float:left;
 
−
background-image:url(../images/header_project84_img.png);
 
−
background-position: -638px 0;
 
−
background-repeat:no-repeat;
 
−
width:184px;
 
−
height:65px;
 
−
}
 
−
#wrapper_top_project {
 
−
float:left;
 
−
width:100%;
 
−
background-image:url(../images/white_texture.png);
 
−
background-position:0 0;
 
−
background-repeat:repeat;
 
−
height:491px;
 
−
}
 
−
/*=====================================TAB CONTANT CSS========================*/
 
−
#tab_contant {
 
−
float:left;
 
−
width:100%;
 
−
}
 
−
#tab_contant .tab_display {
 
−
float:left;
 
−
width:100%;
 
−
margin-top:50px;
 
−
}
 
−
#tab_contant .tab_display img {
 
−
float:left;
 
−
}
 
−
#tab_contant .tab_display .tab_right_side {
 
−
float:right;
 
−
width:480px;
 
−
margin-top:10px;
 
−
}
 
−
.tab_right_side h1 {
 
−
float:left;
 
−
color:#101010;
 
−
font-size:45px;
 
−
font-family: 'existence_lightregular';
 
−
}
 
−
.tab_right_side h6 {
 
−
float:left;
 
−
color:#000000;
 
−
font-size:18px;
 
−
margin:10px 0px;
 
−
font-family: 'myriad_pro_lightbold';
 
−
width:480px;
 
−
}
 
−
.tab_right_side p {
 
−
float:left;
 
−
color:#515151;
 
−
font-size:14px;
 
−
font-family: "myriad Pro";
 
−
text-align:justify;
 
−
line-height:23px;
 
−
width:470px;
 
−
}
 
−
.nav_tab {
 
−
float:left;
 
−
width:100%;
 
−
}
 
−
.nav_tab li a {
 
−
display: block;
 
−
float:left;
 
−
padding:26px 0px;
 
−
}
 
−
.tabs_nav {
 
−
*zoom: 1;
 
−
}
 
−
.tabs_nav:before, .tabs_nav:after {
 
−
display: table;
 
−
content: "";
 
−
}
 
−
.tabs_nav li {
 
−
float: left;
 
−
width:140px;
 
−
margin:0px 10px;
 
−
height:150px;
 
−
}
 
−
.tabs_nav li a {
 
−
float:left;
 
−
font-size:14px;
 
−
color:#8f8f8f;
 
−
text-align:center;
 
−
}
 
−
.tabs_nav li a .tab_img_1, .tabs_nav li a .tab_img_2, .tabs_nav li a .tab_img_3, .tabs_nav li a .tab_img_4, .tabs_nav li a .tab_img_5, .tabs_nav li a .tab_img_6 {
 
−
float:left;
 
−
width:120px;
 
−
height:60px;
 
−
margin-bottom:20px;
 
−
}
 
−
.tabs_nav li a .tab_img_1 {
 
−
float:left;
 
−
background-image:url(../images/project_tab_img.png);
 
−
background-position:37px top;
 
−
background-repeat:no-repeat;
 
−
}
 
−
.tabs_nav li a .tab_img_1:hover, ui-state-active {
 
−
float:left;
 
−
background-image:url(../images/project_tab_img-hover.png);
 
−
background-position:37px top;
 
−
background-repeat:no-repeat;
 
−
}
 
−
.tabs_nav li a .tab_img_2 {
 
−
float:left;
 
−
background-image:url(../images/project_tab_img.png);
 
−
background-position:-123px top;
 
−
background-repeat:no-repeat;
 
−
}
 
−
.tabs_nav li a .tab_img_2:hover {
 
−
float:left;
 
−
background-image:url(../images/project_tab_img-hover.png);
 
−
background-position:-123px top;
 
−
background-repeat:no-repeat;
 
−
}
 
−
.tabs_nav li a .tab_img_3 {
 
−
float:left;
 
−
background-image:url(../images/project_tab_img.png);
 
−
background-position:-288px top;
 
−
background-repeat:no-repeat;
 
−
}
 
−
.tabs_nav li a .tab_img_3:hover {
 
−
float:left;
 
−
background-image:url(../images/project_tab_img-hover.png);
 
−
background-position:-288px top;
 
−
background-repeat:no-repeat;
 
−
}
 
−
.tabs_nav li a .tab_img_4 {
 
−
float:left;
 
−
background-image:url(../images/project_tab_img.png);
 
−
background-position:-438px top;
 
−
background-repeat:no-repeat;
 
−
}
 
−
.tabs_nav li a .tab_img_4:hover {
 
−
float:left;
 
−
background-image:url(../images/project_tab_img-hover.png);
 
−
background-position:-438px top;
 
−
background-repeat:no-repeat;
 
−
}
 
−
.tabs_nav li a .tab_img_5 {
 
−
float:left;
 
−
background-image:url(../images/project_tab_img.png);
 
−
background-position:-605px top;
 
−
background-repeat:no-repeat;
 
−
}
 
−
.tabs_nav li a .tab_img_5:hover {
 
−
float:left;
 
−
background-image:url(../images/project_tab_img-hover.png);
 
−
background-position:-605px top;
 
−
background-repeat:no-repeat;
 
−
}
 
−
.tabs_nav li a .tab_img_6 {
 
−
float:left;
 
−
background-image:url(../images/project_tab_img.png);
 
−
background-position:-761px top;
 
−
background-repeat:no-repeat;
 
−
}
 
−
.tabs_nav li a .tab_img_6:hover {
 
−
float:left;
 
−
background-image:url(../images/project_tab_img-hover.png);
 
−
background-position:-761px top;
 
−
background-repeat:no-repeat;
 
−
}
 
  
  

Revision as of 03:38, 8 August 2015

Power House

3 facts you should know about Project 84

Quick insertion
It just takes 1 hour to improve your life

Come down to our clinic today and we will insert your new favourite toy into your brain and eye within just 1 hour and guaranteed life-long happiness will be yours.

Just think it
Whatever you want to happen, happens

Want to tweet that you were standing in line for ice cream and then accidentally farted in the boy's face behind you? All you have to do is think it! Our tech's so fast sometimes it posts before you even think it!

Fewer & fewer incidents
We take all the necessary precautions

We are hard at work to bring safer methods of implementing chips into the brains of users. Over the past 4 months we have decreased the amount of incidents so you have almost nothing to fear!

Medigo Blue, free responsive template