Difference between revisions of "Team:HUST-China/Team"

Line 667: Line 667:
 
}
 
}
 
}
 
}
 +
    header {
 +
        width: 100%;
 +
        position: fixed;
 +
        top: 0;
 +
        z-index: 1000;
 +
        background: #545454;
 +
        padding-top: 30px;
 +
        font-family: "Microsoft YaHei", sans-serif !important;
 +
    }
 +
   
 +
    .logo {
 +
        float: left;
 +
        width: 4%;
 +
        margin-right: 50px;
 +
    }
 +
   
 +
    .navigation {
 +
        width: 100%;
 +
        text-align: center;
 +
    }
 +
   
 +
    .banner-top {
 +
        width: 79%;
 +
        float: left;
 +
        margin-top: 8px;
 +
    }
 +
   
 +
    ul.navig {
 +
        padding: 0;
 +
        width: 69%;
 +
        float: left;
 +
        margin: 1% auto 0;
 +
        text-align: center;
 +
    }
 +
   
 +
    ul.navig li {
 +
        display: inline-block;
 +
        margin: 0 10px;
 +
    }
 +
   
 +
    ul.navig li a {
 +
        text-transform: uppercase;
 +
        font-size: 1em;
 +
        color: #fff;
 +
        font-weight: 700;
 +
    }
 +
   
 +
    ul.navig li a:hover {
 +
        color: #838383;
 +
    }
 +
   
 +
    nav a,
 +
    ul.navig a {
 +
        position: relative;
 +
        margin: 0px 0px 3px;
 +
        outline: none;
 +
        text-decoration: none;
 +
        text-transform: capitalize;
 +
        letter-spacing: 1px;
 +
        font-weight: 400;
 +
        text-shadow: 0 0 1px rgba(255, 255, 255, 0.3);
 +
        font-size: 1.35em;
 +
    }
 +
   
 +
    nav a:hover,
 +
    nav a:focus,
 +
    ul.navig a:hover,
 +
    ul.navig a:focus {
 +
        outline: none;
 +
    }
 +
   
 +
    span.menu {
 +
        display: none;
 +
    }
 +
   
 +
    @media screen and (max-width: 1280px) {
 +
        .logo {
 +
            width: 4%;
 +
        }
 +
        .banner-top {
 +
            width: 88%;
 +
        }
 +
    }
 +
   
 +
    @media screen and (max-width: 1024px) {
 +
        .logo {
 +
            width: 5%;
 +
            margin-right: 4%;
 +
        }
 +
        .logo img {
 +
            width: 100%;
 +
        }
 +
        .banner-top {
 +
            width: 56%;
 +
        }
 +
        span.menu {
 +
            display: block;
 +
            cursor: pointer;
 +
            float: none;
 +
            margin: 3px auto 0em auto;
 +
            width: 10%;
 +
            background-color: #f0c11b;
 +
            color: #000;
 +
            text-align: center;
 +
            padding: 6px;
 +
            font-size: 16px;
 +
            font-weight: 500;
 +
            position: relative;
 +
        }
 +
    }
 +
   
 +
    @media screen and (max-width: 768px) {
 +
        .logo {
 +
            width: 5%;
 +
            margin-right: 0;
 +
            margin-top: 7px;
 +
        }
 +
    }
 +
   
 +
    @media screen and (max-width: 640px) {
 +
        .logo {
 +
            width: 6%;
 +
        }
 +
    }
 +
   
 +
    @media screen and (max-width: 480px) {
 +
        span.menu {
 +
            width: 17%;
 +
            padding: 4px;
 +
            font-size: 14px;
 +
        }
 +
        .logo {
 +
            width: 31%;
 +
            margin-top: 5px;
 +
        }
 +
    }
 +
   
 +
    @media screen and (max-width: 320px) {
 +
        span.menu {
 +
            width: 100%;
 +
            padding: 5px;
 +
            margin: 50px auto 0em auto;
 +
        }
 +
        .logo {
 +
            width: 52%;
 +
            margin-top: 8px;
 +
        }
 +
    }
 +
   
 +
    .container-fluid {
 +
        padding: 0;
 +
    }
 +
   
 +
    .navbar {
 +
        border: 0 !important;
 +
        border-radius: 0 !important;
 +
        background-color: #545454;
 +
        margin-bottom: 10px;
 +
    }
 +
   
 +
    .navbar a {
 +
        font-size: 18px;
 +
        color: #fff;
 +
    }
 +
   
 +
    .navbar-default {
 +
        box-shadow: none !important;
 +
    }
 +
   
 +
    .navbar-default .navbar-nav > li > a {
 +
        /*color: #fff;*/
 +
        -webkit-transition: all 0.2s ease-out;
 +
        -moz-transition: all 0.2s ease-out;
 +
        -o-transition: all 0.2s ease-out;
 +
        -ms-transition: all 0.2s ease-out;
 +
        transition: all 0.2s ease-out;
 +
    }
 +
   
 +
    .navbar-default .navbar-nav > li > a:hover {
 +
        background-color: #e8cc4e;
 +
        color: #000;
 +
    }
 +
   
 +
    .navbar-default .navbar-nav > li > a:focus {
 +
        color: #fff;
 +
    }
 +
   
 +
    #bs-example-navbar-collapse-1 {
 +
        background-color: #545454 !important;
 +
    }
 +
   
 +
    ul.navbar-nav {
 +
        margin-left: 10em;
 +
    }
 +
   
 +
    .navbar-header {
 +
        background: #545454;
 +
    }
 +
   
 +
    .banner-container {
 +
        width: 100%;
 +
        background-color: #545454;
 +
    }
 +
   
 +
    .banner-content {
 +
        max-width: 1200px;
 +
        margin: -70px auto;
 +
    }
 +
   
 +
    .banner-content img {
 +
        padding-top: 7em;
 +
    }
 +
   
 +
    .banner-content h2 {
 +
        font-size: 34px;
 +
        color: #e8cc4e;
 +
        text-align: center;
 +
        padding-bottom: 100px;
 +
    }
 +
   
 +
    .work-header {
 +
        text-align: center;
 +
        margin-bottom: 66px;
 +
    }
 +
   
 +
    .how-work {
 +
        background-color: #f2f2f2;
 +
    }
 +
   
 +
    @media (max-width: 1199px) {
 +
        .work-content {
 +
            text-align: center;
 +
        }
 +
    }
 +
   
 +
    .work-header h2 {
 +
        width: 350px;
 +
        color: #0a3c63;
 +
        font-weight: bold;
 +
        padding-bottom: 10px;
 +
        margin: 62px auto 37px auto;
 +
        border-bottom: 2px solid #0a3c63;
 +
    }
 +
   
 +
    .work-header p,
 +
    .work-content {
 +
        color: #868687;
 +
    }
 +
   
 +
    .work-header h2 span {
 +
        color: #e8cd4d;
 +
    }
 +
   
 +
    .work-content {
 +
        margin-bottom: 50px;
 +
    }
 +
   
 +
    @media (min-width: 1600px) {
 +
        .container {
 +
            width: 1500px;
 +
        }
 +
    }
 +
   
 +
    @media screen and (device-width: 1024px) {
 +
        .container {
 +
            width: 990px;
 +
        }
 +
    }
 +
   
 +
    .index-details {
 +
        color: #868687;
 +
    }
 +
    /*.index-details img{
 +
    margin: 80px 0;
 +
}*/
 +
   
 +
    .index-details .caption {
 +
        margin: 20% 0;
 +
        color: #868687;
 +
    }
 +
   
 +
    .index-details .caption h3:before {
 +
        content: url(../images/h-before.jpg);
 +
        position: relative;
 +
        top: 20px;
 +
        margin-right: 15px;
 +
    }
 +
   
 +
    .index-details .caption h3 {
 +
        margin-bottom: 40px;
 +
    }
 +
   
 +
    .index-details .caption p:last-child {
 +
        margin-top: 20px;
 +
    }
 +
   
 +
    .index-details .caption p:last-child a {
 +
        background-color: #0a3c63;
 +
        border: none;
 +
        -webkit-transition: all 0.2s ease-out;
 +
        -moz-transition: all 0.2s ease-out;
 +
        -o-transition: all 0.2s ease-out;
 +
        -ms-transition: all 0.2s ease-out;
 +
        transition: all 0.2s ease-out;
 +
    }
 +
   
 +
    .index-details .caption p:last-child a:hover {
 +
        background-color: #206295;
 +
    }
 +
   
 +
    .index-details2 {
 +
        background-color: #f2f2f2;
 +
    }
 +
   
 +
    .index-headline {
 +
        width: 270px;
 +
        margin: 0 auto;
 +
        font-size: 28px;
 +
        font-weight: bold;
 +
        padding-top: 20px;
 +
        padding-bottom: 10px;
 +
        color: #0a3c63;
 +
        border-bottom: 1px solid #0a3c63;
 +
    }
 +
   
 +
    .index-headline2 {
 +
        width: 400px;
 +
        padding-top: 50px;
 +
        margin-bottom: 20px;
 +
    }
 +
   
 +
    .index-headline span {
 +
        color: #f0c11b;
 +
    }
 +
   
 
     </style>
 
     </style>
 
</head>
 
</head>

Revision as of 03:55, 12 October 2016

Material Cards | jQuery Plugin Demo

Material cards with proper jquery plugin and Masonry library
jquery.material-cards.js with awesome Masonry grid library

Christopher Walken The Deer Hunter

He has appeared in more than 100 films and television shows, including The Deer Hunter, Annie Hall, The Prophecy trilogy, The Dogs of War ... He has appeared in more than 100 films and television shows, including The Deer Hunter, Annie Hall, The Prophecy trilogy, The Dogs of War ... He has appeared in more than 100 films and television shows, including The Deer Hunter, Annie Hall, The Prophecy trilogy, The Dogs of War ...

Social

Sean Penn Mystic River

He has won two Academy Awards, for his roles in the mystery drama Mystic River (2003) and the biopic Milk (2008). Penn began his acting career in television with a brief appearance in a 1974 episode of Little House on the Prairie ...

Social

Clint Eastwood Million Dollar Baby

He rose to international fame with his role as the Man with No Name in Sergio Leone's Dollars trilogy of spaghetti Westerns during the 1960s ... He rose to international fame with his role as the Man with No Name in Sergio Leone's Dollars trilogy of spaghetti Westerns during the 1960s ...

Social

Dustin Hoffman Kramer vs. Kramer

He has been known for his versatile portrayals of antiheroes and vulnerable characters.[3] He won the Academy Award for Kramer vs. Kramer in 1979 ... He has been known for his versatile portrayals of antiheroes and vulnerable characters.[3] He won the Academy Award for Kramer vs. Kramer in 1979 ... He has been known for his versatile portrayals of antiheroes and vulnerable characters.[3] He won the Academy Award for Kramer vs. Kramer in 1979 ...

Social

Edward Norton American History X

He has been nominated for three Academy Awards for his work in the films Primal Fear, American History X and Birdman. He also starred in other roles ...

Social

Michael Caine Educated Rita

English actor and author. Renowned for his distinctive working class cockney accent, Caine has appeared in over 115 films and is regarded as a British ... English actor and author. Renowned for his distinctive working class cockney accent, Caine has appeared in over 115 films and is regarded as a British ...

Social

Harvey Keitel Pulp Fiction

Some of his most notable starring roles were in Martin Scorsese's Mean Streets and Taxi Driver, Ridley Scott's The Duellists and Thelma & Louise, Quentin Tarantino ... Some of his most notable starring roles were in Martin Scorsese's Mean Streets and Taxi Driver, Ridley Scott's The Duellists and Thelma & Louise, Quentin Tarantino ... Some of his most notable starring roles were in Martin Scorsese's Mean Streets and Taxi Driver, Ridley Scott's The Duellists and Thelma & Louise, Quentin Tarantino ...

Social

Jack Nicholson The Shining

Throughout his career, Nicholson has portrayed unique and challenging roles, many of which include dark portrayals of excitable, neurotic and psychopathic characters ... Throughout his career, Nicholson has portrayed unique and challenging roles, many of which include dark portrayals of excitable, neurotic and psychopathic characters ...

Social

Jeff Bridges The Big Lebowski

He comes from a well-known acting family and began his televised acting in 1958 as a child with his father, Lloyd Bridges, and brother, Beau, on television's Sea Hunt ... He comes from a well-known acting family and began his televised acting in 1958 as a child with his father, Lloyd Bridges, and brother, Beau, on television's Sea Hunt ... He comes from a well-known acting family and began his televised acting in 1958 as a child with his father, Lloyd Bridges, and brother, Beau, on television's Sea Hunt ...

Social

Joaquin Phoenix Her

is an American actor, producer, music video director, musician and activist. For his work as an artist, Phoenix has received a Grammy Award, a Golden Globe Award and three Academy ... is an American actor, producer, music video director, musician and activist. For his work as an artist, Phoenix has received a Grammy Award, a Golden Globe Award and three Academy ...

Social

Tom Hanks Forrest Gump

He is known for his roles in Big (1988), Philadelphia (1993), Forrest Gump (1994), Apollo 13 (1995), Saving Private Ryan, You've Got Mail (both 1998), The Green Mile (1999), Cast Away (2000) ... He is known for his roles in Big (1988), Philadelphia (1993), Forrest Gump (1994), Apollo 13 (1995), Saving Private Ryan, You've Got Mail (both 1998), The Green Mile (1999), Cast Away (2000) ... He is known for his roles in Big (1988), Philadelphia (1993), Forrest Gump (1994), Apollo 13 (1995), Saving Private Ryan, You've Got Mail (both 1998), The Green Mile (1999), Cast Away (2000) ... He is known for his roles in Big (1988), Philadelphia (1993), Forrest Gump (1994), Apollo 13 (1995), Saving Private Ryan, You've Got Mail (both 1998), The Green Mile (1999), Cast Away (2000) ... He is known for his roles in Big (1988), Philadelphia (1993), Forrest Gump (1994), Apollo 13 (1995), Saving Private Ryan, You've Got Mail (both 1998), The Green Mile (1999), Cast Away (2000) ...

Social

Philip Seymour Hoffman 25th Hour

Best known for his distinctive supporting and character roles – typically lowlifes, bullies, and misfits – Hoffman was a regular presence in films from the early 1990s until his death at age 46.

Social

Paul Newman The Color of Money

He won numerous awards, including an Academy Award for his performance in the 1986 film The Color of Money,[3] a BAFTA Award, a Screen Actors Guild Award, a Cannes Film Festival Award, an Emmy Award ... He won numerous awards, including an Academy Award for his performance in the 1986 film The Color of Money,[3] a BAFTA Award, a Screen Actors Guild Award, a Cannes Film Festival Award, an Emmy Award ...

Social

Marlon Brando The Godfather

He is hailed for bringing a gripping realism to film acting, and is frequently cited as the greatest and most influential actor of all time.[2] A cultural icon, Brando is most famous for his Academy ... He is hailed for bringing a gripping realism to film acting, and is frequently cited as the greatest and most influential actor of all time.[2] A cultural icon, Brando is most famous for his Academy ... He is hailed for bringing a gripping realism to film acting, and is frequently cited as the greatest and most influential actor of all time.[2] A cultural icon, Brando is most famous for his Academy ... He is hailed for bringing a gripping realism to film acting, and is frequently cited as the greatest and most influential actor of all time.[2] A cultural icon, Brando is most famous for his Academy ...

Social

Kevin Spacey American Beauty

He began his career as a stage actor during the 1980s, before being cast in supporting roles in film and television. He gained critical acclaim in the early 1990s, culminating in his first Academy Award ... He began his career as a stage actor during the 1980s, before being cast in supporting roles in film and television. He gained critical acclaim in the early 1990s, culminating in his first Academy Award ...

Social

Robert De Niro Taxy Driver

His first major film roles were in the sports drama Bang the Drum Slowly (1973) and Martin Scorsese's crime film Mean Streets (1973). In 1974, after being turned down for the role of Sonny Corleone in the crime ...

Social

Steve Mcqueen Papillon

Called "The King of Cool", his "anti-hero" persona, developed at the height of the Vietnam War-era counterculture, made him a top box-office draw of the 1960s and 1970s. McQueen received an Academy Award nomination for his ... Called "The King of Cool", his "anti-hero" persona, developed at the height of the Vietnam War-era counterculture, made him a top box-office draw of the 1960s and 1970s. McQueen received an Academy Award nomination for his ...

Social

Rugter Hauer Blade Runner

Blonde, blue-eyed, tall and handsome Dutch actor Rutger Hauer has an international reputation for playing everything from romantic leads to action heroes to sinister villains. Hauer was born in Breukelen, a town in the province ... Blonde, blue-eyed, tall and handsome Dutch actor Rutger Hauer has an international reputation for playing everything from romantic leads to action heroes to sinister villains. Hauer was born in Breukelen, a town in the province ...

Social

Morgan Freeman Glory

Freeman has received Academy Award nominations for his performances in Street Smart, Driving Miss Daisy, The Shawshank Redemption and Invictus ... Freeman has received Academy Award nominations for his performances in Street Smart, Driving Miss Daisy, The Shawshank Redemption and Invictus ... Freeman has received Academy Award nominations for his performances in Street Smart, Driving Miss Daisy, The Shawshank Redemption and Invictus ...

Social