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 }