|
|
| (10 intermediate revisions by the same user not shown) |
| Line 1: |
Line 1: |
| − | /*
| |
| − | ++++++++++++++++++++++++++++++++++++++++++++++++++++++
| |
| − | AUTHOR : Vijayan PP + redone by sstucker
| |
| − | PROJECT : REMSH-MUTLIT PURPOSE LANDING PAGE TEMPLATE
| |
| − | VERSION : N/A
| |
| − | */
| |
| | | | |
| − | *{
| |
| − | padding: 0;
| |
| − | margin: 0;
| |
| − | vertical-align: baseline;
| |
| − | }
| |
| − |
| |
| − | html
| |
| − | {
| |
| − | -webkit-font-smoothing:antialiased;
| |
| − | }
| |
| − |
| |
| − | body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,p,blockquote,hr,th,td {
| |
| − | margin:0;
| |
| − | padding:0;
| |
| − | }
| |
| − |
| |
| − | /*GENERAL*/
| |
| − | .themecolor {
| |
| − | color: #CC0000;
| |
| − | text-rendering: optimizeLegibility !important;
| |
| − | -webkit-font-smoothing: antialiased !important;
| |
| − | }
| |
| − |
| |
| − | body {
| |
| − | color: #fff;
| |
| − | font: normal 16px "Arial";
| |
| − | font-weight: 300;
| |
| − | background-color: #000;
| |
| − | overflow-x: hidden;
| |
| − | line-height: 1.5;
| |
| − | font-family: 'Arial', sans-serif;
| |
| − | text-rendering: optimizeLegibility !important;
| |
| − | -webkit-font-smoothing: antialiased !important;
| |
| − | }
| |
| − |
| |
| − | h1 strong{
| |
| − | font-weight: 900;
| |
| − | }
| |
| − | h2{
| |
| − | ;
| |
| − | line-height: 20px;
| |
| − | margin: 0;
| |
| − | }
| |
| − | h3{
| |
| − | font-size: 1.2em;
| |
| − | font-weight: 900;
| |
| − | }
| |
| − |
| |
| − | h5{
| |
| − |
| |
| − | font-weight: 700;
| |
| − | line-height: 20px;
| |
| − | }
| |
| − | p{
| |
| − | font-family: 'Arial';
| |
| − | }
| |
| − |
| |
| − | a{
| |
| − | text-decoration: none !important;
| |
| − | transition:all 0.3s linear;
| |
| − | -webkit-transition:all 0.3s linear;
| |
| − | -moz-transition:all 0.3s linear;
| |
| − | -ms-transition:all 0.3s linear;
| |
| − | -o-transition:all 0.3s linear;
| |
| − |
| |
| − | }
| |
| − | ul
| |
| − | {
| |
| − | list-style: none;
| |
| − | margin:0;
| |
| − | padding:0;
| |
| − | }
| |
| − |
| |
| − | p.intro{
| |
| − | font-size:0.9em;
| |
| − | margin: 14px 0;
| |
| − | line-height: 24px;
| |
| − | font-family: 'Arial', sans-serif;
| |
| − | color: #ffffff
| |
| − | }
| |
| − | .relative
| |
| − | {
| |
| − | position:relative;
| |
| − | }
| |
| − | .wrapper
| |
| − | {
| |
| − | width:100%;
| |
| − | height:100%;
| |
| − | position:relative;
| |
| − | }
| |
| − | .rightText
| |
| − | {
| |
| − | text-align:justify;
| |
| − | }
| |
| − | .leftText
| |
| − | {
| |
| − | text-align:left;
| |
| − | }
| |
| − | .RightText
| |
| − | {
| |
| − | text-align:right;
| |
| − | }
| |
| − | .top10
| |
| − | {
| |
| − | margin-top:1.2em;
| |
| − | }
| |
| − | .top20
| |
| − | {
| |
| − | margin-top:1.3em;
| |
| − | }
| |
| − | .top30
| |
| − | {
| |
| − | margin-top:2em;
| |
| − | }
| |
| − | .top40
| |
| − | {
| |
| − | margin-top:2.2em;
| |
| − | }
| |
| − | .gap
| |
| − | {
| |
| − | width:100%;
| |
| − | height:2em;
| |
| − | }
| |
| − | .scroll-block {
| |
| − | height: 100%;
| |
| − | overflow-x: hidden;
| |
| − | overflow-y: auto;
| |
| − | -webkit-overflow-scrolling: touch;
| |
| − | }
| |
| − | /*TYPOGRAPHY*/
| |
| − | h1, h2, h3, h4, h5, h6,
| |
| − | .h1, .h2, .h3, .h4, .h5, .h6{
| |
| − | font-family: 'Helvetica';
| |
| − | margin: 0;
| |
| − | }
| |
| − | .menu{
| |
| − | padding: 20px;
| |
| − | transition: all 0.8s;
| |
| − | box-shadow:2px 2px 3px 3px rgba(0,0,0,0.3);
| |
| − | }
| |
| − | .menu a.navbar-brand {
| |
| − | text-transform: none;
| |
| − | font-size: 1.5em;
| |
| − | font-weight: 900;
| |
| − | text-rendering: optimizeLegibility !important;
| |
| − | -webkit-font-smoothing: antialiased !important;
| |
| − | }
| |
| − | .menu.navbar-default .navbar-nav > li > a {
| |
| − | color: #B4B4B4;
| |
| − | letter-spacing: 1px;
| |
| − | font-size: 1em;
| |
| − |
| |
| − | //text-shadow:1px 0px rgba(0,0,0,0.5);
| |
| − | }
| |
| − |
| |
| − |
| |
| − | /* MAIN HEADING
| |
| − | ------------------------------*/
| |
| − | .main-heading
| |
| − | {
| |
| − | background: url(../images/main.jpg) center center no-repeat;
| |
| − | background-size:cover;
| |
| − | background-attachment: fixed;
| |
| − | color: #B4B4B4;
| |
| − | margin-top:80px;
| |
| − | }
| |
| − |
| |
| − | .overlay{
| |
| − | background: -moz-linear-gradient(top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0.73) 17%, rgba(0,0,0,0.66) 35%, rgba(0,0,0,0.55) 62%, rgba(0,0,0,0.4) 100%); /* FF3.6+ */
| |
| − | background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.8)), color-stop(17%,rgba(0,0,0,0.73)), color-stop(35%,rgba(0,0,0,0.66)), color-stop(62%,rgba(0,0,0,0.55)), color-stop(100%,rgba(0,0,0,0.4))); /* Chrome,Safari4+ */
| |
| − | background: -webkit-linear-gradient(top, rgba(0,0,0,0.8) 0%,rgba(0,0,0,0.73) 17%,rgba(0,0,0,0.66) 35%,rgba(0,0,0,0.55) 62%,rgba(0,0,0,0.4) 100%); /* Chrome10+,Safari5.1+ */
| |
| − | background: -o-linear-gradient(top, rgba(0,0,0,0.8) 0%,rgba(0,0,0,0.73) 17%,rgba(0,0,0,0.66) 35%,rgba(0,0,0,0.55) 62%,rgba(0,0,0,0.4) 100%); /* Opera 11.10+ */
| |
| − | background: -ms-linear-gradient(top, rgba(0,0,0,0.8) 0%,rgba(0,0,0,0.73) 17%,rgba(0,0,0,0.66) 35%,rgba(0,0,0,0.55) 62%,rgba(0,0,0,0.4) 100%); /* IE10+ */
| |
| − | background: linear-gradient(to bottom, rgba(0,0,0,0.8) 0%,rgba(0,0,0,0.73) 17%,rgba(0,0,0,0.66) 35%,rgba(0,0,0,0.55) 62%,rgba(0,0,0,0.4) 100%); /* W3C */
| |
| − | filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc000000', endColorstr='#66000000',GradientType=0 ); /* IE6-9 */
| |
| − | //background-attachment: fixed;
| |
| − | height:auto;
| |
| − | height:100%;
| |
| − | }
| |
| − |
| |
| − | .overlay > .container
| |
| − | {
| |
| − | padding:170px 0px;
| |
| − | }
| |
| − |
| |
| − | .main-heading >.overlay
| |
| − | {
| |
| − | height: 750px;
| |
| − | }
| |
| − | p.lead
| |
| − | {
| |
| − | position:relative;
| |
| − | top:5px;
| |
| − | color:#ffffff;
| |
| − |
| |
| − | }
| |
| − | /* ABOUT US
| |
| − | ------------------------------*/
| |
| − | .aboutus >.container
| |
| − | {
| |
| − | padding: 100px 0px;
| |
| − | }
| |
| − | ul.aboutList li{
| |
| − | display: block;
| |
| − | font-size: 1.1em;
| |
| − | line-height: 30px;
| |
| − | font-family: 'Arial';
| |
| − | }
| |
| − | ul.aboutList li span{
| |
| − | margin-right: 10px;
| |
| − | }
| |
| − |
| |
| − | .sectionTitle{
| |
| − | padding:20px 0;/*common style*/
| |
| − | }
| |
| − | .sectionTitle h2,
| |
| − | .sectionTitle h2{
| |
| − | font-weight: 300;
| |
| − | }
| |
| − | .sectionTitle .line{
| |
| − | height: 5px;
| |
| − | width: 120px;
| |
| − | text-align: center;
| |
| − | margin: 0 auto;
| |
| − | margin-top: 20px;
| |
| − | }
| |
| − |
| |
| − | .sectionTitle hr {
| |
| − | border-top: 5px solid;
| |
| − | width: 100px;
| |
| − | text-align: center;
| |
| − | margin-top: 10px;
| |
| − | position: relative;
| |
| − | left:0%;
| |
| − | }
| |
| − |
| |
| − |
| |
| − | .categories{
| |
| − | padding: 10px 0;
| |
| − | }
| |
| − |
| |
| − |
| |
| − |
| |
| − | /*FOOTER*/
| |
| − | .footer{
| |
| − | background: #222222;
| |
| − | color: #ffffff;
| |
| − | padding: 20px 0 15px 0;
| |
| − | }
| |
| − | .footer p{
| |
| − | font-size:0.83em;
| |
| − | margin-top: 10px;
| |
| − | }
| |
| − |
| |
| − | /*ANIMATION*/
| |
| − |
| |
| − | .animate
| |
| − | {
| |
| − | -webkit-animation-duration: 2s;
| |
| − | }
| |
| − | .menu-item {
| |
| − | color: #5e5e5e;
| |
| − | }
| |
| − | .nav.navbar-nav.navbar-right li .menu-item:hover {
| |
| − | color: #CC0000;
| |
| − | }
| |
