Difference between revisions of "Team:Cornell NY/customCSS"

(Replaced content with "→‎***** PLACE YOUR CUSTOM STYLES HERE *****: ")
Line 1: Line 1:
 
/****** PLACE YOUR CUSTOM STYLES HERE ******/
 
/****** PLACE YOUR CUSTOM STYLES HERE ******/
 +
 +
#content h1,
 +
h2,
 +
h3,
 +
h4,
 +
h5,
 +
h6,
 +
p,
 +
ul,
 +
ol,
 +
pre,
 +
table,
 +
blockquote,
 +
input,
 +
button,
 +
select,
 +
textarea {
 +
  margin-bottom: 24px;
 +
  margin-top: 0;
 +
}
 +
#content h1,
 +
h2,
 +
h3,
 +
h4,
 +
h5,
 +
h6,
 +
.h1,
 +
.h2,
 +
.h3,
 +
.h4,
 +
.h5,
 +
.h6 {
 +
  font-family: "Raleway", "Helvetica Neue", Helvetica, Arial, sans-serif;
 +
}
 +
#content h1,
 +
h2,
 +
h3,
 +
h4,
 +
h5,
 +
h6 {
 +
  font-weight: 300;
 +
  color: #292929;
 +
}
 +
 +
#content h1, .h1 {
 +
  font-size: 56px;
 +
  line-height: 64px;
 +
}
 +
 +
#content h1.large {
 +
  font-size: 72px;
 +
  line-height: 80px;
 +
  font-weight: 100;
 +
}
 +
 +
@media all and (max-width: 990px) {
 +
  #content h1.large {
 +
    font-size: 56px;
 +
    line-height: 64px;
 +
  }
 +
}
 +
 +
@media all and (max-width: 767px) {
 +
  #content h1, h1.large, .h1 {
 +
    font-size: 32px;
 +
    line-height: 40px;
 +
    font-weight: 300;
 +
  }
 +
}
 +
 +
#content p,span {
 +
  font-weight: 400;
 +
}
 +
 +
#content p.lead {
 +
  font-size: 16px;
 +
  font-weight: 400;
 +
  line-height: 28px;
 +
}
 +
 +
#content body {
 +
  -webkit-font-smoothing: antialiased;
 +
  -moz-osx-font-smoothing: grayscale;
 +
  font-size: 13px;
 +
  line-height: 24px;
 +
  font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
 +
  color: #666;
 +
  overflow-x: hidden;
 +
}

Revision as of 07:25, 14 October 2016

/****** PLACE YOUR CUSTOM STYLES HERE ******/

  1. content h1,

h2, h3, h4, h5, h6, p, ul, ol, pre, table, blockquote, input, button, select, textarea { 

 margin-bottom: 24px;
 margin-top: 0;

}

  1. content h1,

h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { 

 font-family: "Raleway", "Helvetica Neue", Helvetica, Arial, sans-serif;

}

  1. content h1,

h2, h3, h4, h5, h6 { 

 font-weight: 300;
 color: #292929;

}

  1. content h1, .h1 {
 font-size: 56px;
 line-height: 64px;

}

  1. content h1.large {
 font-size: 72px;
 line-height: 80px;
 font-weight: 100;

}

@media all and (max-width: 990px) { 

 #content h1.large {
   font-size: 56px;
   line-height: 64px;
 }

}

@media all and (max-width: 767px) { 

 #content h1, h1.large, .h1 {
   font-size: 32px;
   line-height: 40px;
   font-weight: 300;
 }

}

  1. content p,span {
 font-weight: 400;

}

  1. content p.lead {
 font-size: 16px;
 font-weight: 400;
 line-height: 28px;

}

  1. content body {
 -webkit-font-smoothing: antialiased;
 -moz-osx-font-smoothing: grayscale;
 font-size: 13px;
 line-height: 24px;
 font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
 color: #666;
 overflow-x: hidden;

}