Difference between revisions of "Team:BostonU/Resources/CSS:Style"

(Created page with "++++++++++++++++++++++++++++++++++++++++++++++++++++++ AUTHOR : Vijayan PP + redone by sstucker PROJECT : REMSH-MUTLIT PURPOSE LANDING PAGE TEMPLATE VERSION : N/A: *{ p...")
 
(Blanked the page)
 
(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;
 
}
 

Latest revision as of 02:00, 7 June 2017