|
|
| body { |
| font-family: 'Roboto', sans-serif; |
| font-size: 16px; |
| font-weight: 300; |
| color: #888; |
| line-height: 30px; |
| text-align: center; |
| } |
|
|
| strong { font-weight: 500; } |
|
|
| a, a:hover, a:focus { |
| color: #e89a3e; |
| text-decoration: none; |
| -o-transition: all .3s; -moz-transition: all .3s; -webkit-transition: all .3s; -ms-transition: all .3s; transition: all .3s; |
| } |
|
|
| h1, h2 { |
| margin-top: 10px; |
| font-size: 38px; |
| font-weight: 100; |
| color: #555; |
| line-height: 50px; |
| } |
|
|
| h3 { |
| font-size: 22px; |
| font-weight: 300; |
| color: #555; |
| line-height: 30px; |
| } |
|
|
| img { max-width: 100%; } |
|
|
| ::-moz-selection { background: #e89a3e; color: #fff; text-shadow: none; } |
| ::selection { background: #e89a3e; color: #fff; text-shadow: none; } |
|
|
|
|
| .btn-link-1 { |
| display: inline-block; |
| height: 50px; |
| margin: 5px; |
| padding: 14px 20px 0 20px; |
| background: #e89a3e; |
| font-size: 16px; |
| font-weight: 300; |
| line-height: 16px; |
| color: #fff; |
| -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; |
| } |
| .btn-link-1:hover, .btn-link-1:focus, .btn-link-1:active { outline: 0; opacity: 0.6; color: #fff; } |
|
|
| .btn-link-1.btn-link-1-facebook { background: #4862a3; } |
| .btn-link-1.btn-link-1-twitter { background: #55acee; } |
| .btn-link-1.btn-link-1-google-plus { background: #dd4b39; } |
|
|
| .btn-link-1 i { |
| padding-right: 5px; |
| vertical-align: middle; |
| font-size: 20px; |
| line-height: 20px; |
| } |
|
|
|
|
| |
|
|
| .inner-bg { |
| padding: 30px 0 170px 0; |
| } |
|
|
| .top-content .text { |
| color: #fff; |
| } |
|
|
| .top-content .text h1 { color: #fff; } |
|
|
| .top-content .description { |
| margin: 5px 0 5px 0; |
| } |
|
|
| .top-content .description p { opacity: 0.8; } |
|
|
| .top-content .description a { |
| color: #fff; |
| } |
| .top-content .description a:hover, |
| .top-content .description a:focus { border-bottom: 1px dotted #fff; } |
|
|
| .form-box { |
| margin-top: 5px; |
| } |
|
|
| .form-top { |
| overflow: hidden; |
| padding: 0 25px 15px 25px; |
| background: #444; |
| background: rgba(0, 0, 0, 0.35); |
| -moz-border-radius: 4px 4px 0 0; -webkit-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0; |
| text-align: left; |
| } |
|
|
|
|
| .search_tweets .reset_filter{ |
|
|
| } |
|
|
| .form-top-left { |
| float: left; |
| width: 75%; |
| padding-top: 25px; |
| } |
|
|
| .form-top-left h3 { margin-top: 0; color: #fff; } |
| .form-top-left p { opacity: 0.8; color: #fff; } |
|
|
| .form-top-right { |
| float: left; |
| width: 25%; |
| padding-top: 5px; |
| font-size: 66px; |
| color: #fff; |
| line-height: 100px; |
| text-align: right; |
| opacity: 0.3; |
| } |
|
|
| .form-bottom { |
| padding: 25px 25px 30px 25px; |
| background: #444; |
| background: rgba(0, 0, 0, 0.3); |
| -moz-border-radius: 0 0 4px 4px; -webkit-border-radius: 0 0 4px 4px; border-radius: 0 0 4px 4px; |
| text-align: left; |
| } |
|
|
| .form-bottom form textarea { |
| height: 100px; |
| } |
|
|
| .form-bottom form button.btn { |
| width: 100%; |
| margin: 5px; |
| } |
|
|
| .form-bottom form .input-error { |
| border-color: #e89a3e; |
| } |
|
|
| .social-login { |
| margin-top: 35px; |
| } |
|
|
| .social-login h3 { |
| color: #fff; |
| } |
|
|
| .social-login-buttons { |
| margin-top: 25px; |
| } |
|
|
|
|
| |
|
|
| @media (min-width: 992px) and (max-width: 1199px) {} |
|
|
| @media (min-width: 768px) and (max-width: 991px) {} |
|
|
| @media (max-width: 767px) { |
| |
| .inner-bg { padding: 60px 0 110px 0; } |
|
|
| } |
|
|
| @media (max-width: 415px) { |
| |
| h1, h2 { font-size: 32px; } |
|
|
| } |
|
|
| #search_result{ |
| text-align: left; |
| background-color: white; |
| } |
