1/*! 2 * Temlate Name: Launch 3 * Version: 1.0 4 * Author: Justin Audain 5 * License: Creative Commons Attribution 3.0 License 6 * Website: http://themes.audaindesigns.com 7 */ 8 9/*-Base-*/ 10 11body { 12 /*background-color:#ECEBEB;*/ 13 font-family: 'Open Sans', sans-serif; 14} 15p { 16 color: __text__; 17} 18/*a { 19 color:#85AD90; 20}*/ 21 22/*-Header-*/ 23.header { 24 background-color: #99DEAB; 25 border-bottom: 5px solid #85AD90; 26 padding: 30px 0px; 27} 28.goal-summary { 29 padding: 0px 40px; 30} 31.goal-summary .backers, .goal-summary .funded, .goal-summary .time-left, .goal-summary .reminder { 32 margin: 10px 20px 10px 0px; 33 padding-right: 20px; 34 display: inline-block; 35 border-right: 1px solid rgba(255, 255, 255, 0.39); 36} 37.goal-summary .reminder.last { 38 border:0; 39} 40.goal-summary .backers h3, .goal-summary .funded h3, .goal-summary .time-left h3 { 41 background-color:#fff; 42 padding:5px; 43 margin:0px 0px 5px 0px; 44 display:table; 45 border-radius:4px; 46 color:#85AD90; 47} 48.goal-summary .backers span, .goal-summary .funded span, .goal-summary .time-left span { 49 color:#fff; 50} 51.goal-summary .reminder a { 52 background-color:#fff; 53 padding:8px; 54 margin:0px 0px 10px 0px; 55 display:table; 56 border-radius:4px; 57 text-decoration:none; 58} 59.goal-summary .reminder a:hover, .goal-summary .reminder a:focus { 60 background-color:#85AD90; 61 color:#fff; 62} 63 64/*-Section Blocks-*/ 65.section-block { 66 background-color: #F7F7F7; 67 border-radius:4px; 68 padding: 30px; 69 margin-bottom:30px; 70} 71.section-block.summary { 72 background-color: #99DEAB; 73} 74.section-block.summary h1 { 75 color: #fff; 76 display:block; 77 text-align:center; 78} 79.section-block.transparent { 80 background-color:transparent 81} 82.section-block.signup { 83 background-color: #99DEAB; 84} 85.section-block h1 { 86 margin-top:0; 87} 88.section-title { 89 color: #99DEAB; 90 border-radius: 4px; 91 display: table; 92 padding: 10px 0px; 93 font-size: 25px; 94 font-weight:700; 95} 96 97/*-Main Content-*/ 98.main-content { 99 padding:40px 0px; 100} 101 102/*-Profile Summary-*/ 103.profile-contents { 104 margin: 0 auto; 105 text-align: center; 106} 107.profile-contents h2 { 108 color:#FFF; 109 font-size: 16px; 110 line-height: 1.5; 111 font-weight:300; 112 margin-top: 5px; 113 margin-bottom: 10px; 114} 115.profile-image { 116 border-radius:50%; 117 max-height: 180px; 118 margin-bottom:10px; 119} 120.profile-contents ul li { 121 padding:0; 122 margin:5px; 123} 124.profile-contents ul li a { 125 background-color: #85AD90; 126 color: #FFF; 127 height: 40px; 128 width: 40px; 129 display: inline-block; 130 text-align: center; 131 -webkit-border-radius: 50%; 132 -moz-border-radius: 50%; 133 -ms-border-radius: 50%; 134 -o-border-radius: 50%; 135} 136.profile-contents ul li a i.fa { 137 font-size: 20px; 138 margin-top: 10px; 139} 140.profile-contents ul li a:hover { 141 background-color:#779A81; 142} 143 144/*-Funding Meta-*/ 145.funding-meta {} 146.funding-meta h1 { 147 background: #99DEAB; 148 color: #fff; 149 border-radius: 4px; 150 display: table; 151 padding: 10px; 152 font-size: 25px; 153 font-weight:700; 154} 155.type-meta { 156 color: __text__; 157 font-size: 12px; 158 display: inline-block; 159 margin: 0px 10px 10px 0px; 160} 161.type-meta i.fa { 162 color:#99DEAB; 163 margin-right:5px; 164} 165.funding-meta h2{ 166 font-weight:700; 167} 168.funding-meta p { 169 color: __text__; 170 margin: 30px 0px 10px 0px; 171} 172.video-frame { 173 position: relative; 174 padding-bottom: 56.25%; /* 16:9 */ 175 padding-top: 25px; 176 height: 0; 177 display:block; 178} 179.video-frame iframe { 180 position: absolute; 181 top: 0; 182 left: 0; 183 width: 100%; 184 height: 100%; 185} 186.funding-meta h2, .funding-meta span.contribution { 187 display:inline-block; 188 color: #85AD90; 189} 190.funding-meta span.contribution, .funding-meta span.goal-progress { 191 color: __text__; 192} 193.funding-meta span.goal-progress { 194 text-align:right; 195 display: block; 196} 197.count-down { 198 display: block; 199 color: __text__; 200 text-align: right; 201 text-transform: uppercase; 202} 203.count-down strong { 204 padding-right:5px; 205} 206.progress-bar { 207 background-color: #99DEAB; 208 box-shadow:none; 209} 210.progress { 211 height: 30px; 212 background-color: #ECEBEB; 213 box-shadow:none; 214 margin: 10px 0px 10px 0px; 215} 216 217/*-Rewards-*/ 218.reward-block { 219 position:relative; 220 background-color: #fff; 221 border-radius: 4px; 222 padding: 20px; 223 margin-bottom:10px; 224} 225.reward-block:hover { 226 background-color: #DCF7E3; 227} 228.reward-block.last { 229 margin-bottom:0; 230} 231.reward-block h3 { 232 background: #99DEAB; 233 color: #fff; 234 font-size: 15px; 235 font-weight: 700; 236 margin: 0px 0px 10px 0px; 237 padding: 10px; 238 display: table; 239 border-radius: 4px; 240} 241.reward-block h2 { 242 font-size: 20px; 243 font-weight: 300; 244 color: #99DEAB; 245 margin: 15px 0px; 246} 247.reward-block i.fa { 248 color:#99DEAB; 249} 250.reward-block span { 251 margin-bottom: 10px; 252 display: block; 253 color: __text__; 254} 255.reward-block.popular:after { 256 position: absolute; 257 top: 10px; 258 right: 10px; 259 content: "popular"; 260 background-color: #2ED9EA; 261 color: #fff; 262 padding: 5px; 263 border-radius: 4px; 264 text-transform: uppercase; 265 font-weight: 700; 266} 267 268/*-Sign up form-*/ 269.sign-up-form { 270 text-align: center; 271} 272.sign-up-form p { 273 font-weight:700; 274 color:#fff; 275} 276.signup-input { 277 width: 100%; 278 border: 0; 279 padding: 10px; 280 border-radius: 4px; 281 max-width: 400px; 282} 283 284 285/*-Tabs-*/ 286.nav-tabs { 287 border:0; 288} 289.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover { 290 color: #FFF; 291 background-color: #99DEAB; 292 border: 0; 293 border-radius: 4px; 294 font-weight:700; 295} 296.nav-tabs>li>a, .nav-tabs>li>a:hover { 297 border:0; 298 margin-right: 10px; 299 color: __text__; 300} 301.tab-content .section-title { 302 margin-bottom: 20px; 303 border-bottom: 1px solid #E2E2E2; 304 display: block; 305} 306 307/*-Updates-*/ 308.update-post { 309 margin-bottom: 30px; 310 padding: 10px; 311 background-color: #FDFDFD; 312 border-radius: 4px; 313} 314.update-post .update-title { 315 margin: 10px 0px; 316 font-weight: 700; 317} 318.update-post .update-date { 319 margin: 0px 0px 15px 0px; 320 display: block; 321 color: __text__; 322 font-size: 12px; 323} 324 325 326 327/*-Buttons-*/ 328.btn { 329 border:0; 330} 331.btn.btn-launch { 332 background-color: #99DEAB; 333 color: #FFF; 334 font-size: 17px; 335 font-weight: 600; 336 padding: 10px 25px; 337} 338.btn.btn-launch:hover, .btn.btn-launch:focus,.btn.btn-reward, .btn.btn-reward:hover, .btn.btn-reward :focus { 339 background-color:#85AD90; 340 box-shadow:none; 341} 342.btn.btn-reward { 343 background-color: #99DEAB; 344 color: #FFF; 345 font-size: 14px; 346 font-weight: 600; 347 padding: 5px 15px; 348} 349.btn.btn-signup { 350 background-color: #99DEAB; 351 color: #fff; 352 height: 40px; 353 width: 43px; 354 margin-left: 10px; 355 border: 2px solid #fff; 356 text-align: center; 357} 358.btn.btn-contact { 359 background-color: #85AD90; 360 color: #fff; 361 font-weight:700; 362} 363.btn.btn-contact:hover, .btn.btn-contact:focus { 364 background-color: #779A81; 365} 366.btn.btn-contact i.fa { 367 margin-right:10px; 368} 369.btn.btn-follow { 370 background-color: #81A8F1; 371 color: #fff; 372 margin-bottom:10px; 373} 374.btn.btn-download { 375 background-color: #85AD90; 376 color: #fff; 377} 378 379/*-Credits-*/ 380.credit-block { 381 padding: 20px; 382 background-color: #FFF; 383 border-radius: 4px; 384 margin-bottom: 10px; 385} 386.credit-block.sources a{ 387 margin: 10px 0px; 388 display: block; 389} 390.credit-block.license a.lined{ 391 text-decoration:underline; 392} 393.credit-block i.fa { 394 padding-right:10px; 395} 396 397/*-Footer-*/ 398.footer { 399 background-color: #85AD90; 400 padding: 10px; 401 text-align:center; 402} 403.copyright { 404 color:#F7F7F7; 405} 406.copyright a { 407 background: #fff; 408 color: #85AD90; 409 padding: 0px 5px; 410 margin-left: 4px; 411 border-radius: 4px; 412 font-size: 12px; 413 text-transform: uppercase; 414 font-weight: 600; 415 letter-spacing: 2px; 416} 417 418/*-Overrides-*/ 419.btn, input{ 420 outline:none; 421}