|
|
| Line 28: |
Line 28: |
| | <!-- Latest compiled and minified JavaScript --> | | <!-- Latest compiled and minified JavaScript --> |
| | <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script> | | <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script> |
| − | <style> | + | |
| − | body {
| + | |
| − | padding-top: 50px;
| + | |
| − | padding-bottom: 20px;
| + | |
| − | }
| + | |
| − | | + | |
| − | | + | |
| − | /* ==========================================================================
| + | |
| − | Author's custom styles
| + | |
| − | ========================================================================== */
| + | |
| − | .reset-this {
| + | |
| − | animation : none;
| + | |
| − | animation-delay : 0;
| + | |
| − | animation-direction : normal;
| + | |
| − | animation-duration : 0;
| + | |
| − | animation-fill-mode : none;
| + | |
| − | animation-iteration-count : 1;
| + | |
| − | animation-name : none;
| + | |
| − | animation-play-state : running;
| + | |
| − | animation-timing-function : ease;
| + | |
| − | backface-visibility : visible;
| + | |
| − | background : 0;
| + | |
| − | background-attachment : scroll;
| + | |
| − | background-clip : border-box;
| + | |
| − | background-color : transparent;
| + | |
| − | background-image : none;
| + | |
| − | background-origin : padding-box;
| + | |
| − | background-position : 0 0;
| + | |
| − | background-position-x : 0;
| + | |
| − | background-position-y : 0;
| + | |
| − | background-repeat : repeat;
| + | |
| − | background-size : auto auto;
| + | |
| − | border : 0;
| + | |
| − | border-style : none;
| + | |
| − | border-width : medium;
| + | |
| − | border-color : inherit;
| + | |
| − | border-bottom : 0;
| + | |
| − | border-bottom-color : inherit;
| + | |
| − | border-bottom-left-radius : 0;
| + | |
| − | border-bottom-right-radius : 0;
| + | |
| − | border-bottom-style : none;
| + | |
| − | border-bottom-width : medium;
| + | |
| − | border-collapse : separate;
| + | |
| − | border-image : none;
| + | |
| − | border-left : 0;
| + | |
| − | border-left-color : inherit;
| + | |
| − | border-left-style : none;
| + | |
| − | border-left-width : medium;
| + | |
| − | border-radius : 0;
| + | |
| − | border-right : 0;
| + | |
| − | border-right-color : inherit;
| + | |
| − | border-right-style : none;
| + | |
| − | border-right-width : medium;
| + | |
| − | border-spacing : 0;
| + | |
| − | border-top : 0;
| + | |
| − | border-top-color : inherit;
| + | |
| − | border-top-left-radius : 0;
| + | |
| − | border-top-right-radius : 0;
| + | |
| − | border-top-style : none;
| + | |
| − | border-top-width : medium;
| + | |
| − | bottom : auto;
| + | |
| − | box-shadow : none;
| + | |
| − | box-sizing : content-box;
| + | |
| − | caption-side : top;
| + | |
| − | clear : none;
| + | |
| − | clip : auto;
| + | |
| − | color : inherit;
| + | |
| − | columns : auto;
| + | |
| − | column-count : auto;
| + | |
| − | column-fill : balance;
| + | |
| − | column-gap : normal;
| + | |
| − | column-rule : medium none currentColor;
| + | |
| − | column-rule-color : currentColor;
| + | |
| − | column-rule-style : none;
| + | |
| − | column-rule-width : none;
| + | |
| − | column-span : 1;
| + | |
| − | column-width : auto;
| + | |
| − | content : normal;
| + | |
| − | counter-increment : none;
| + | |
| − | counter-reset : none;
| + | |
| − | cursor : auto;
| + | |
| − | direction : ltr;
| + | |
| − | display : inline;
| + | |
| − | empty-cells : show;
| + | |
| − | float : none;
| + | |
| − | font : normal;
| + | |
| − | font-family : inherit;
| + | |
| − | font-size : medium;
| + | |
| − | font-style : normal;
| + | |
| − | font-variant : normal;
| + | |
| − | font-weight : normal;
| + | |
| − | height : auto;
| + | |
| − | hyphens : none;
| + | |
| − | left : auto;
| + | |
| − | letter-spacing : normal;
| + | |
| − | line-height : normal;
| + | |
| − | list-style : none;
| + | |
| − | list-style-image : none;
| + | |
| − | list-style-position : outside;
| + | |
| − | list-style-type : disc;
| + | |
| − | margin : 0;
| + | |
| − | margin-bottom : 0;
| + | |
| − | margin-left : 0;
| + | |
| − | margin-right : 0;
| + | |
| − | margin-top : 0;
| + | |
| − | max-height : none;
| + | |
| − | max-width : none;
| + | |
| − | min-height : 0;
| + | |
| − | min-width : 0;
| + | |
| − | opacity : 1;
| + | |
| − | orphans : 0;
| + | |
| − | outline : 0;
| + | |
| − | outline-color : invert;
| + | |
| − | outline-style : none;
| + | |
| − | outline-width : medium;
| + | |
| − | overflow : visible;
| + | |
| − | overflow-x : visible;
| + | |
| − | overflow-y : visible;
| + | |
| − | padding : 0;
| + | |
| − | padding-bottom : 0;
| + | |
| − | padding-left : 0;
| + | |
| − | padding-right : 0;
| + | |
| − | padding-top : 0;
| + | |
| − | page-break-after : auto;
| + | |
| − | page-break-before : auto;
| + | |
| − | page-break-inside : auto;
| + | |
| − | perspective : none;
| + | |
| − | perspective-origin : 50% 50%;
| + | |
| − | position : static;
| + | |
| − | /* May need to alter quotes for different locales (e.g fr) */
| + | |
| − | quotes : '\201C' '\201D' '\2018' '\2019';
| + | |
| − | right : auto;
| + | |
| − | tab-size : 8;
| + | |
| − | table-layout : auto;
| + | |
| − | text-align : inherit;
| + | |
| − | text-align-last : auto;
| + | |
| − | text-decoration : none;
| + | |
| − | text-decoration-color : inherit;
| + | |
| − | text-decoration-line : none;
| + | |
| − | text-decoration-style : solid;
| + | |
| − | text-indent : 0;
| + | |
| − | text-shadow : none;
| + | |
| − | text-transform : none;
| + | |
| − | top : auto;
| + | |
| − | transform : none;
| + | |
| − | transform-style : flat;
| + | |
| − | transition : none;
| + | |
| − | transition-delay : 0s;
| + | |
| − | transition-duration : 0s;
| + | |
| − | transition-property : none;
| + | |
| − | transition-timing-function : ease;
| + | |
| − | unicode-bidi : normal;
| + | |
| − | vertical-align : baseline;
| + | |
| − | visibility : visible;
| + | |
| − | white-space : normal;
| + | |
| − | widows : 0;
| + | |
| − | width : auto;
| + | |
| − | word-spacing : normal;
| + | |
| − | z-index : auto;
| + | |
| − | }
| + | |
| − | | + | |
| − | .navbar {
| + | |
| − | background-image: -webkit-linear-gradient(top, #800080 0%, #9E009E 100%);
| + | |
| − | background-image: -o-linear-gradient(top, #800080 0%, #9E009E 100%);
| + | |
| − | background-image: linear-gradient(to bottom, #800080 0%, #9E009E 100%);
| + | |
| − | background-repeat: repeat-x;
| + | |
| − | filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff004400', endColorstr='#ff009900', GradientType=0);
| + | |
| − | | + | |
| − | | + | |
| − | }
| + | |
| − | | + | |
| − | #navbar-active-custom > a{
| + | |
| − | background-image: linear-gradient(to bottom,#690069 0,#820082 100%);
| + | |
| − | }
| + | |
| − | | + | |
| − | .navbar-inverse .navbar-nav>li>a {
| + | |
| − | color: white;
| + | |
| − | }
| + | |
| − | | + | |
| − | .navbar-inverse .navbar-nav>li>a:hover {
| + | |
| − | color: pink;
| + | |
| − | }
| + | |
| − | | + | |
| − | .jumbotron {
| + | |
| − | margin-bottom: 0px;
| + | |
| − | background-image: url(https://s9.postimg.org/8a0rm08mj/medical_biology_detail_medicine_psychedelic_scie.jpg);
| + | |
| − | background-position: 0% 25%;
| + | |
| − | background-size: cover;
| + | |
| − | background-repeat: no-repeat;
| + | |
| − | color: white;
| + | |
| − | text-shadow: black 0.3em 0.3em 0.3em;
| + | |
| − | height: 100vh;
| + | |
| − | }
| + | |
| − | | + | |
| − | .jumbotron h1{
| + | |
| − | padding-top: 100px;
| + | |
| − | text-align: center;
| + | |
| − | font-size: 1000%;
| + | |
| − | }
| + | |
| − | | + | |
| − | .jumbotron h2{
| + | |
| − | text-align: center;
| + | |
| − | font-size: 700%;
| + | |
| − | color: #9E009E;
| + | |
| − | }
| + | |
| − | | + | |
| − | #intro-video{
| + | |
| − | padding: 100px 100px;
| + | |
| − | padding-bottom: 200px;
| + | |
| − | font-size: 1.5em;
| + | |
| − | margin-bottom: 10px;
| + | |
| − | }
| + | |
| − | | + | |
| − | #intro-video h3{
| + | |
| − | font-size: 2em;
| + | |
| − | color: darkgreen;
| + | |
| − | }
| + | |
| − | | + | |
| − | #intro-video p{
| + | |
| − | margin-bottom: 50px;
| + | |
| − | }
| + | |
| − | | + | |
| − | img.grayscale {
| + | |
| − | filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 3.5+ */
| + | |
| − | filter: gray; /* IE6-9 */
| + | |
| − | -webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */
| + | |
| − | }
| + | |
| − | | + | |
| − | img.grayscale:hover {
| + | |
| − | filter: none;
| + | |
| − | -webkit-filter: grayscale(0%);
| + | |
| − | }
| + | |
| − | | + | |
| − | a.thumbnail:hover, a.thumbnail:focus,a.thumbnail.active{
| + | |
| − | border-color: #800080;
| + | |
| − | }
| + | |
| − | | + | |
| − | </style>
| + | |
| | | | |
| | <!--[if lt IE 9]> | | <!--[if lt IE 9]> |
