github.com/rezahousseini/hugo@v0.32.3/docs/static/css/home-page-style.css (about)

     1  /* global styles */
     2  
     3  html {
     4      width: 100%;
     5      height: 100%;
     6      letter-spacing: 0.5px;
     7  }
     8  body {
     9      width: 100%;
    10      height: 100%;
    11      letter-spacing: 0.5px;
    12      line-height: 1.6;
    13      font-family: 'Arbutus Slab', "Helvetica Neue", "Helvetica", sans-serif !important;
    14  }
    15  h1, h2, h3, h4, h5, h6 {
    16      font-family: 'Cabin', "Helvetica Neue", "Helvetica", sans-serif;
    17  }
    18  div.vert-text {
    19      display: table-cell;
    20      vertical-align: middle;
    21      text-align: center;
    22  }
    23  
    24  /* full page image header area */
    25  
    26  div.buttonbox {
    27      margin: 2em 0 4em;
    28  }
    29  img.logo {
    30      padding: 2em;
    31      width: 100%;
    32      max-width: 35em;
    33  }
    34  div#main {
    35      position: relative;
    36      z-index: 99999;
    37      background: rgb(255, 255, 255);
    38      box-shadow: 0 0 15px rgba(0, 0, 0, 0.5);
    39  }
    40  .header {
    41      display: table;
    42      position: relative;
    43      width: 100%;
    44      height: 70%;
    45      min-height: 70%;
    46      z-index: 99999;
    47      background-color: black;
    48      background-repeat: no-repeat;
    49  }
    50  .header a.btn {
    51      margin: 10px;
    52      font-weight: 100;
    53  }
    54  
    55  /* intro */
    56  
    57  a:hover {
    58      color: rgb(52, 73, 94);
    59  }
    60  i.callout-icon, i.lead-icon, i.point-icon {
    61      display: inline-block;
    62      vertical-align: middle;
    63      text-align: center;
    64      width: 140px;
    65      height: 140px;
    66      font-size: 56px;
    67      line-height: 136px;
    68      border-radius: 50%;
    69      -webkit-transition: box-shadow 0.2s;
    70      -moz-transition: box-shadow 0.2s;
    71      transition: box-shadow 0.2s;
    72  }
    73  div.counterpoint {
    74      background-color: rgb(255, 252, 244);
    75  }
    76  div.counterpoint, div.point {
    77      padding: 50px 0;
    78  }
    79  div.counterpoint a, div.point a {
    80      color: rgb(7,162,166);
    81  }
    82  div.counterpoint h2, div.point h2 {
    83      line-height: 1.7;
    84      font-size: 32pt;
    85  }
    86  a.icon-2x {
    87      font-size: 200%;
    88  }
    89  i.lead-icon {
    90      border: 3px solid #222222;
    91  }
    92  i.lead-icon:hover {
    93      border: 3px solid black;
    94      background: black;
    95      color: #ffffff;
    96  }
    97  div.point {
    98      background: rgb(96,210,211);
    99      color: #ffffff;
   100  }
   101  div.point h2 > i {
   102      color:#FF4088;
   103  }
   104  i.point-icon {
   105      border: 3px solid #ffffff;
   106  }
   107  i.point-icon:hover {
   108      background: #ffffff;
   109      color: rgb(22, 203, 230);
   110  }
   111  
   112  /* callout */
   113  
   114  div.callout {
   115      display: table;
   116      table-layout: fixed;
   117      width: 100%;
   118      height: 420px;
   119      padding: 50px 0;
   120      background-color: rgb(118,156,172);
   121      color: #ffffff;
   122  }
   123  i.callout-icon {
   124      border: 3px solid #ffffff;
   125  }
   126  i.callout-icon:hover {
   127      background: #ffffff;
   128      color: rgb(249, 176, 190);
   129  }
   130  
   131  /* call to action */
   132  
   133  div#action.call-to-action {
   134      padding: 30px 0px 40px;
   135      padding: 30px 0px 50px;
   136      width: 100%;
   137      background-color: rgba(255, 255, 255, 0.19);
   138      background: url('../img/gray.png');
   139      color: #ffffff;
   140  }
   141  div#action.call-to-action code {
   142      font-size: 14pt;
   143  }
   144  div#action.call-to-action h1 {
   145      padding-bottom: .5em;
   146  }
   147  div#action.call-to-action pre {
   148      background-color: #545454;
   149      color: #f9f2f4;
   150      margin-bottom: 0;
   151  }
   152  div#action.call-to-action pre:hover {
   153      background-color: #f9f2f4;
   154      color: #545454;
   155  }
   156  div#action.call-to-action a.btn {
   157      margin: 10px;
   158  }
   159  div#action.call-to-action a.quickstart {
   160      font-weight: 300;
   161      color: white;
   162  }
   163  
   164  /* footer */
   165  
   166  footer {
   167      padding: 50px 0px 25px 0px;
   168      font-size: 14px;
   169      background: rgb(255, 255, 255);
   170  }
   171  footer a {
   172      color: black;
   173  }
   174  footer a:focus,
   175  footer a:hover {
   176      text-decoration: none;
   177      outline: none;
   178  }
   179  footer a:active {
   180      color: green;
   181  }
   182  
   183  /* Bootstrap addons */
   184  
   185  div.owl-carousel a {
   186      white-space: nowrap;
   187      color: #243382;
   188  }
   189  div.owl-carousel blockquote {
   190      border-left: 0px;
   191  }
   192  div.owl-carousel blockquote p {
   193      font-size: 20pt;
   194  }