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

Line 89: Line 89:
 
         font-size: 12px;
 
         font-size: 12px;
 
     }
 
     }
 +
    label.mobile_menu span {
 +
      margin-left: 10px;
 +
      color:#FFF;
 +
      font-size:1em;
 +
      display: none;
 +
     
 +
}
 +
 +
.nav {
 +
    position: absolute;
 +
    margin: 0;
 +
}
 +
ul.nav {
 +
  padding: 0;
 +
  list-style: none;
 +
}
 +
ul.nav1 {
 +
  padding: 0;
 +
  list-style: none;
 +
}
 +
.nav > li {
 +
      display: inline-block;
 +
  float: left;
 +
  margin: 0;
 +
}
 +
.nav1 > li {
 +
      display: inline-block;
 +
  float: left;
 +
  margin: 0;
 +
}
 +
.nav li .active a, .nav li a:hover {
 +
    color:#fff !important;
 +
}
 +
.nav1 li .active a, .nav1 li a:hover {
 +
    color:#fff !important;
 +
}
 +
.nav > li:nth-child{
 +
    border-right: none;
 +
}
 +
.nav1 > li:nth-child(4){
 +
    border-right: none;
 +
}
 +
 +
.nav > li:nth-child(1) {
 +
  display: block;
 +
  color: #FFED04;
 +
  margin: 0;
 +
  font-size: 11px;
 +
  border: none;
 +
  letter-spacing: 1px;
 +
  background: none;
 +
}
 +
.nav1 > li:nth-child(1) {
 +
  display: block;
 +
  color: #FFED04;
 +
  margin: 0;
 +
  font-size: 11px;
 +
  border: none;
 +
  letter-spacing: 1px;
 +
  background: none;
 +
}
 +
.banner-nav > li {
 +
  background: none;
 +
}
 +
.banner-nav > li:nth-child(10) {
 +
    border-right: none;
 +
}
 +
.banner-nav > li:nth-child(4) {
 +
}
 +
.banner-nav > li > a {
 +
  font-weight: 400;
 +
  font-style: normal !important;
 +
  padding: 7px 20px !important;
 +
  color: #fff !important;
 +
  margin: 0 5px! important;
 +
  font-size: 14px !important;
 +
  letter-spacing: 1px !important;
 +
  font-family: "Arial",sans-serif;
 +
  /*text-transform: uppercase;*/
 +
}
 +
.banner-nav > li > a:hover {
 +
    color: #000 !important;
 +
    background: #e8cc4e;
 +
}
 +
.banner-nav > li > a.active {
 +
    color: #000 !important;
 +
  background: #e8cc4e;
 +
}
 +
.banner-nav> li > ul {
 +
  top: 60px !important;
 +
  width: 190px !important;
 +
}
 +
/* Link Style */
 +
.nav > li > a {
 +
    padding: 0px 26px 0 15px;
 +
  display: block;
 +
  color: #FFED04;
 +
  margin: 0;
 +
  font-size: 11px;
 +
  letter-spacing: 1px;
 +
}
 +
.nav1 > li > a {
 +
    padding: 0px 26px 0 15px;
 +
  display: block;
 +
  color: #FFED04;
 +
  margin: 0;
 +
  font-size: 11px;
 +
  letter-spacing: 1px;
 +
  text-decoration:none;
 +
}
 +
.nav > li > a span{
 +
  font-style: italic;
 +
  padding: 0;
 +
  display: block;
 +
  color: #787878;
 +
  margin: .5em 0 0 0;
 +
  font-size: 11px;
 +
  letter-spacing: 0px;
 +
}
 +
}
 +
.nav > li:nth-child(1) > a,.nav > li:nth-child(5) > a,.nav > li:nth-child(6) > a,
 +
.nav > li:nth-child(7) > a{
 +
    background:none;
 +
}
 +
.nav > li:nth-child(1) > a:hover, .nav > li:nth-child(5) > a:hover, .nav > li:nth-child(6) > a:hover, .nav > li:nth-child(7) > a:hover{
 +
     
 +
}
 +
.nav > li:hover > a{
 +
  color: #bbbbbb;
 +
}
 +
.nav li > ul li a:hover{
 +
    text-decoration:none;
 +
    color: #fff !important;
 +
}
 +
.nav > li > a:hover, .nav > li > a:focus{
 +
    color: #000 !important;
 +
    background-color: #E8CC4E;
 +
}
 +
/* Simple multilevel dropdown */
 +
.nav > li > ul {
 +
      opacity: 0;
 +
  visibility: hidden;
 +
  position: absolute;
 +
  list-style: none;
 +
  top: 34px ! important;
 +
  width: 100%;
 +
  text-align: left;
 +
  left: 5px;
 +
  margin-top: 30px;
 +
  padding: 0px;
 +
  z-index: 99;
 +
  border-bottom-right-radius: 6px;
 +
  -webkit-border-bottom-right-radius: 6px;
 +
  -ms-border-bottom-right-radius: 6px;
 +
  -moz-border-bottom-right-radius: 6px;
 +
  -o-border-bottom-right-radius: 6px;
 +
  border-bottom-left-radius: 6px;
 +
  -webkit-border-bottom-left-radius: 6px;
 +
  -ms-border-bottom-left-radius: 6px;
 +
  -moz-border-bottom-left-radius: 6px;
 +
  -o-border-bottom-left-radius: 6px;
 +
}
 +
/* First level appear */
 +
.nav > li:hover > ul {
 +
      opacity: 1;
 +
  visibility: visible;
 +
  margin-top: 0px;
 +
  background-color:#f3d15b;
 +
    padding: 10px;
 +
}
 +
/* Style for dropdown links */
 +
.nav li > ul li{   
 +
    position: relative;
 +
    border-bottom: solid 1px rgba(120, 120, 120, 0.27);
 +
}
 +
.nav li > ul li:last-child {
 +
    border:none;
 +
}
 +
.nav li > ul li:nth-child(4){
 +
    border-bottom: none;
 +
}
 +
.nav li > ul li a{
 +
    color: #000;
 +
  font-size: 13px;
 +
  font-family: "Arial",sans-serif;
 +
  display: block;
 +
  background-color: #e8cc4e;
 +
  padding: 10px 10px;
 +
  position: relative;
 +
  -moz-transition: all 0.2s linear;
 +
  -webkit-transition: all 0.2s linear;
 +
  -o-transition: all 0.2s linear;
 +
  -ms-transition: all 0.2s linear;
 +
}
 +
.nav li > ul li a span.arrow{
 +
    width:15px;
 +
    height:10px;
 +
    position:absolute;
 +
    right:5px;
 +
    top:15px;
 +
}
 +
 +
.nav > li > ul  li:hover {
 +
    color:#000;
 +
    -moz-transition: all 0.5s linear;
 +
    -webkit-transition: all 0.5s linear;
 +
    -o-transition: all 0.5s linear;
 +
    -ms-transition: all 0.5s linear;
 +
}
 +
.nav ul.dropdown2 {
 +
    color: #FFF;
 +
}
 +
.nav ul  li:hover > a {
 +
    color: #787878;
 +
    background:none;
 +
}
 +
/* Second and third dropdown level */
 +
.nav > li > ul li ul {
 +
    opacity: 0;
 +
    visibility: hidden;
 +
    position: absolute;
 +
    list-style: none;
 +
    top:0px;
 +
    left: 200px;
 +
    width: 200px;
 +
    text-align: left;
 +
    padding: 0px;
 +
    margin-left: 30px;
 +
}
 +
.nav > li > ul li ul li:hover {
 +
    background-color:#FFF;
 +
}
 +
input#mobile_menu { display: none; }
 +
.nav > li > ul li ul li ul {
 +
    background-color:#FFF;
 +
}
 +
.nav > li > ul li ul li ul li:hover {
 +
    color:#0572B8;
 +
}
 +
/* Second and third level appears */
 +
.nav > li ul li:hover > ul {
 +
    opacity: 1;
 +
    visibility: visible;
 +
    margin-left: 0px;
 +
}
 +
/* Full width dropdown */
 +
.nav > li > .fulldrop {
 +
    opacity: 0;
 +
    visibility: hidden;
 +
    position: absolute;
 +
    list-style: none;
 +
    top:118px;
 +
    left: 0px;
 +
    background-color: #0078b3;
 +
    width: 100%;
 +
    min-height: 100px;
 +
    text-align: left;
 +
    margin-top:30px;
 +
    padding: 0;
 +
    z-index: 99;
 +
    overflow: hidden;
 +
}
 +
/* Full dropdown appears */
 +
.nav > li:hover .fulldrop {
 +
    opacity: 1;
 +
    visibility: visible;
 +
    margin-top: 0px;
 +
}
 +
.nav ul li:hover:after {
 +
    color: white;
 +
}
 +
/* coldrop based dropdown */
 +
.nav .coldrop {
 +
    opacity: 0;
 +
    visibility: hidden;
 +
    position: absolute;
 +
    list-style: none;
 +
    top:118px;
 +
    background-color: #0078b3;
 +
    min-height: 100px;
 +
    text-align: left;
 +
    margin-top:30px;
 +
    padding: 0;
 +
    padding: 0 10px;
 +
    z-index: 99;
 +
}
 +
.nav > li:hover .coldrop {
 +
    opacity: 1;
 +
    visibility: visible;
 +
    margin-top: 0px;
 +
}
 +
.nav .coldrop .column {width: 130px;margin:0 9px;}
 +
/* coldrop for full width dropdown */
 +
.nav .column {
 +
    width: 14.1%;
 +
    float: left;
 +
    color:white;
 +
    margin: 0 0 0 2.2%;
 +
}
 +
.nav .column ul {
 +
    padding: 0;
 +
    margin: 0;
 +
}
 +
.nav .column ul li {
 +
    padding: 0;
 +
    list-style: none;
 +
    font-size: 11px;
 +
}
 +
.nav .column h3 {
 +
    font-size: 14px;
 +
    padding: 14px 0;
 +
    font-weight: 400;
 +
    margin: 5px 0 5px 0;
 +
}
 +
.nav .column ul li a {
 +
    display: block;
 +
    padding: 0 0 15px 0;
 +
}
 +
.nav > li > ul li ul, .nav li >ul li, .nav > li > .fulldrop, .nav > li > .coldrop, .nav > li > ul, .nav > li {
 +
    transition: all 0.3s ease-in-out;
 +
    -moz-transition: all 0.3s ease-in-out; /* Firefox 4 */
 +
    -webkit-transition: all 0.3s ease-in-out; /* Safari and Chrome */
 +
    -o-transition: all 0.3s ease-in-outs; /* Opera */
 +
}
 +
@media all and (max-width:1280px) {
 +
    .nav > li > a {
 +
        4font-size: 13px;
 +
        letter-spacing: 0;
 +
    }
 +
    .navigation {
 +
        margin-top: -10px;
 +
    }
 +
}
 +
@media all and (max-width:1024px) {
 +
    .nav > li > ul {
 +
  width: 155px !important;
 +
  top: 40px !important;
 +
}
 +
    .nav > li {
 +
        margin: 0;
 +
    }
 +
    .nav > li > a span {
 +
        font-size: 11px;
 +
    }
 +
    .banner-nav > li > a {
 +
        padding: 11px 19px !important;
 +
    }
 +
 +
.nav > li:nth-child(1) {
 +
  padding: 0px 6px;
 +
} 
 +
   
 +
}
 +
@media only screen and (max-width: 959px) {
 +
    .nav > li > a{
 +
        padding:10px 12px;
 +
    }
 +
}
 +
@media only screen and (max-width:1024px) {
 +
    .nav {
 +
      display: none;
 +
    }
 +
 +
   
 +
    label.mobile_menu span {
 +
        display: inline;
 +
    }
 +
    label.mobile_menu {
 +
        width: 100%;
 +
    }
 +
    label.mobile_menu {
 +
      position: relative;
 +
      display: block;
 +
      width: 100%;
 +
      background-color:#454B50;
 +
      padding: 10px 0;
 +
      border-bottom: 1px solid white;
 +
      margin-top: 10px;
 +
      cursor: pointer;
 +
    }
 +
    .nav {
 +
        padding: 0;
 +
    }
 +
    ul.nav {
 +
      padding: 0;
 +
      list-style: none;
 +
      padding: 0;
 +
      margin: 0;
 +
      z-index: 9999;
 +
      position: absolute;
 +
      width: 100%;
 +
      left: 0;
 +
    }
 +
    .nav > li > a {
 +
        border-width:0;
 +
    }
 +
    .nav li {
 +
        width: 100%;
 +
        text-align: left;
 +
        margin-left: 0;
 +
    }
 +
    .nav > li {
 +
        border-right: none;
 +
        padding:5px 0px;
 +
        position: relative;
 +
    }
 +
    .nav > li > a {
 +
        display:block;
 +
        font-size:0.85em;
 +
    }
 +
 +
    .nav li ul, .nav li .fulldrop, .nav li .coldrop {
 +
        top:45px;     
 +
    }
 +
    .nav > li {
 +
        background:none;
 +
    }
 +
    .nav li ul {
 +
        padding: 0;
 +
    }
 +
    .nav > li:hover > a {
 +
        background-color:#CACACA;
 +
    }
 +
    .nav .fulldrop, .nav .coldrop {
 +
        width:95%;
 +
        padding: 0 2.5%;
 +
    }
 +
 +
    .nav li > ul li {
 +
        padding: 18px 0px;
 +
    }
 +
 +
    .nav .column, .nav .coldrop .column {
 +
        width: 94%;
 +
        padding: 0 3%;
 +
    }
 +
 +
    .nav > li > ul {
 +
        width: 100%;
 +
    }
 +
 +
    .nav > li > ul li ul {
 +
        width: 100%;
 +
        top:36px;
 +
        left: 0;
 +
        margin-top: 30px;
 +
        z-index: 2;
 +
    }
 +
 +
    .nav > li > ul > li:hover ul {
 +
        margin-top: 0;
 +
    }
 +
  #mobile_menu:checked+.nav {
 +
        display: block
 +
    }
 +
    label.mobile_menu:after {
 +
        position: absolute;
 +
        top:-2px;
 +
        right: 10px;
 +
        content: "\2261";
 +
        font-size: 30px;
 +
        color: white;
 +
    }
 +
    .nav > li > ul li ul li ul {
 +
        width: 100%;
 +
        top:43px;
 +
        left: 0px;
 +
        margin-left: 0;
 +
        margin-top: 30px;
 +
    }
 +
    .nav > li > ul > li ul li:hover ul{
 +
        margin-top: 0;
 +
    }
 +
    .nav > li > ul li{
 +
        padding:0px 0 0px 0%;
 +
        width:100%;
 +
    }
 +
    .nav > li > ul li ul {
 +
        margin-left:0;
 +
    }
 +
    .nav > li > ul li ul li{
 +
        padding: 5px 0 5px 0%;
 +
        width:100%;
 +
    }
 +
    .nav > li > ul li ul li ul li{
 +
        padding: 15px 0 15px 0%;
 +
        width:100%;
 +
    }
 +
    .nav ul li.dropdown:after {
 +
        left: 90%;
 +
    }
 +
    /* 移动设备禁用动画 */
 +
    .nav > li > ul li ul, .nav li >ul li, .nav > li > .fulldrop, .nav > li > .coldrop, .nav > li > ul, .nav > li {
 +
        transition: none;
 +
        -moz-transition: none;
 +
        -webkit-transition: none;
 +
        -o-transition: none;
 +
    }
 +
    .navigation {
 +
        margin-top: 0;
 +
    }
 +
}
 +
@media only screen and (max-width:1280px) {
 +
    .banner-nav > li > a {
 +
        padding: 7px 18px !important;
 +
        margin: 0 3px! important;
 +
        font-size: 13px !important;
 +
    }
 +
    .nav > li > ul {
 +
        top: 32px ! important;
 +
        left: 3px;
 +
    }
 +
}
 +
@media only screen and (max-width:1024px) {
 +
    .banner-nav > li > a {
 +
        padding: 7px 13px !important;
 +
        margin: 0 0px! important;
 +
        font-size: 13px !important;
 +
    }
 +
    .nav > li > ul {
 +
        left: 0px;
 +
    }
 +
}
 +
@media only screen and (max-width: 1024px){
 +
    .nav > li > a.down-scroll {
 +
        background: url(../images/menu-arrow.png) no-repeat 97% 48%;
 +
    /*折叠导航二级菜单展开小箭头*/
 +
    }
 +
    .nav > li > ul {
 +
        top: 23px ! important;
 +
    }
 +
@media only screen and (max-width:1024px) {
 +
    .nav > li > ul {
 +
        width: 35% !important;
 +
                margin-left:16%;
 +
    }
 +
    .banner-nav > li > a {
 +
        padding: 14px 13px !important;
 +
    }
 +
ul.nav {
 +
  background-color: rgba(61,175,164,0.7);
 +
}
 +
.nav li > ul li a span.arrow {
 +
      right:20px;
 +
    }
 +
    .nav > li:hover > a{
 +
        background:;
 +
    }
 +
    .nav > li:nth-child(1) {
 +
  padding: 0px 0px;
 +
  background:none;
 +
}
 +
}
 +
@media only screen and (max-width:640px) {
 +
.banner-nav > li > a {
 +
  padding: 10px 14px !important;
 +
}
 +
}
 +
@media only screen and (max-width:480px) {
 +
    label.mobile_menu {
 +
        padding: 7px 0;
 +
        margin-top: 8px;
 +
    }
 +
    label.mobile_menu:after {
 +
        font-size: 25px;
 +
    }
 +
}
 +
@media only screen and (max-width:320px){
 +
.nav1 > li > a {
 +
  padding: 0px 10px 0 10px;
 +
}
 +
.banner-nav > li > a {
 +
  padding: 6px 14px !important;
 +
}
 +
.nav > li > ul {
 +
  top: 39px ! important;
 +
}
 +
}
 
     </style>
 
     </style>
 
</head>
 
</head>
 
<body>
 
<body>
 +
<header class="header">
 +
        <nav class="navbar navbar-default">
 +
            <div class="container">
 +
                <span class="menu"> Menu</span>
 +
                <div class="banner-top">
 +
                    <ul class="nav banner-nav">
 +
                        <li><a href="https://2016.igem.org/Team:HUST-China">HOME</a></li>
 +
                        <li class="dropdown1"><a class="down-scroll" href="#">PROJECT</a>
 +
                            <ul class="dropdown2">
 +
                                <li><a href="https://2016.igem.org/Team:HUST-China/project/background">Background</a></li>
 +
                                <li><a href="https://2016.igem.org/Team:HUST-China/Description">Description</a></li>
 +
                                <li><a href="https://2016.igem.org/Team:HUST-China/Proof">Proof of concept</a></li>
 +
                                <li><a href="https://2016.igem.org/Team:HUST-China/Demonstrate">Application</a></li>
 +
                                <li><a href="https://2016.igem.org/Team:HUST-China/project/inprovement">Previous improvement</a></li>
 +
                                <li><a href="https://2016.igem.org/Team:HUST-China/Safety">Safety</a></li>
 +
                            </ul>
 +
                        </li>
 +
                        <li class="dropdown1"><a href="#" class="down-scroll active">WETLAB</a>
 +
                            <ul class="dropdown2">
 +
                                <li><a href="https://2016.igem.org/Team:HUST-China/Experiments">Experiments</a></li>
 +
                                <li><a href="https://2016.igem.org/Team:HUST-China/Results">Results</a></li>
 +
                                <li><a href="https://2016.igem.org/Team:HUST-China/InterLab">Interlab</a></li>
 +
                                <li><a href="https://2016.igem.org/Team:HUST-China/Notebook">Notebook</a></li>
 +
                                <li><a href="https://2016.igem.org/Team:HUST-China/wetlab/protocols">Protocols</a></li>
 +
                            </ul>
 +
                        </li>
 +
                        <li class="dropdown1"><a class="down-scroll" href="https://2016.igem.org/Team:HUST-China/Model">MODELING</a>
 +
                            <ul class="dropdown2">
 +
                                <li><a href="https://2016.igem.org/Team:HUST-China/Model">Overview</a></li>
 +
                                <li><a href="https://2016.igem.org/Team:HUST-China/Model/model-pro">Prokaryotic circuit</a></li>
 +
                                <li><a href="https://2016.igem.org/Team:HUST-China/Model/model-euk">Eukaryotic circuit</a></li>
 +
                                <li><a href="https://2016.igem.org/Team:HUST-China/Model/model-app">Application circuit</a></li>
 +
                            </ul>
 +
                        </li>
 +
                        <li class="dropdown1"><a class="down-scroll" href="">PARTS</a>
 +
                            <ul class="dropdown2">
 +
                                <li><a href="https://2016.igem.org/Team:HUST-China/Parts">Summary</a></li>
 +
                                <li><a href="https://2016.igem.org/Team:HUST-China/Basic_Part">Basic part</a></li>
 +
                                <li><a href="https://2016.igem.org/Team:HUST-China/Composite_Part">Composite part</a></li>
 +
                                <li><a href="https://2016.igem.org/Team:HUST-China/Part_Collection">Part Collection</a></li>
 +
                            </ul>
 +
                        </li>
 +
                        <li class="dropdown1"><a class="down-scroll" href="#">HUMAN PRACTICES</a>
 +
                            <ul class="dropdown2">
 +
                                <li><a href="https://2016.igem.org/Team:HUST-China/Integrated_Practices">Integrated HP</a></li>
 +
                                <li><a href="https://2016.igem.org/Team:HUST-China/Collaborations">Collaborations</a></li>
 +
                            </ul>
 +
                        </li>
 +
                        <li class="dropdown1"><a class="down-scroll" href="">TEAM</a>
 +
                            <ul class="dropdown2">
 +
                                <li><a href="https://2016.igem.org/Team:HUST-China/Team">Team Roster</a></li>
 +
                                <li><a href="https://2016.igem.org/Team:HUST-China/Attributions">Attributions</a></li>
 +
                            </ul>
 +
                        </li>
 +
                    </ul>
 +
                    <script>
 +
                    $("span.menu").click(function() {
 +
                        $(" ul.nav").slideToggle("slow", function() {});
 +
                    });
 +
                    </script>
 +
                </div>
 +
                <div class="clearfix"> </div>
 +
            </div>
 +
            <!-- /.container-fluid -->
 +
        </nav>
 +
    </header>
 
<section class="container">
 
<section class="container">
 
     <div class="page-header">
 
     <div class="page-header">

Revision as of 03:49, 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