Categories

Files

Style Sheets

  • Main style sheet
    css/style.css
  • Google Font
    http://fonts.googleapis.com/css?family=Roboto+Condensed:400,700
  • RTL style sheet for RTL templates. Only include this if the language direction is RTL.
    /css/rtl.css
  • IE8 style sheet. Only include this if you want to support IE8.
    /css/ie8.css
    Make sure you wrap it with Internet Explorer Conditional Comment. Example:

    <!--[if lt IE 9]>
    	<link href="css/ie8.css" rel="stylesheet">
    <![endif]-->
    Note: this template is not fully compatible with IE8 due to the lack of CSS3 support.

 

JavaScript

  • Modernizr
    js/modernizr.min.js
  • jQuery
    https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js
  • jQuery UI
    https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.3/jquery-ui.min.js
  • Main scripts
    js/script.min.js and js/initialize.js
  • IE8 Scripts. Only include this if you want to support IE8.
    • HTML5 shim for IE8 support of HTML5 elements
      https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js
    • Respond.js for IE8 support of media queries
      https://oss.maxcdn.com/respond/1.4.2/respond.min.js
    • Custom IE8 Script
      js/ie8.js

    Make sure you wrap it with Internet Explorer Conditional Comment and put it inside <head>. Example:

    <!--[if lt IE 9]>
        <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
        <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
    	<script src="js/ie8.js"></script>
    <![endif]-->
    Note: this template is not fully compatible with IE8 due to the lack of CSS3 support.

LESS

You can find the LESS files inside /css/less/ folder for advanced customization. For example, to change the colors:

  1. Open /css/less/variables.less.
  2. Change the colors that you want to change.
  3. Recompile /css/less/style.less. You can follow the instruction on Compile LESS Files.

Body Background

To change the body background image, the following images with your own images:

File Width
/img/body-background-small.jpg 828px
/img/body-background-medium.jpg 1366px
/img/body-background-large.jpg >= 1920px

To change logo image, replace /img/logo.png with your image. The image height should be 30px.

Leave a Reply