Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- *, *:before, *:after {
- margin: 0;
- padding: 0;
- box-sizing: border-box;
- }
- html, body {
- height: 100%;
- }
- body {
- font: 14px/1 'Open Sans', sans-serif;
- color: #555;
- background: #eee;
- }
- h1 {
- padding: 50px 0;
- font-weight: 400;
- text-align: center;
- }
- p {
- margin: 0 0 20px;
- line-height: 1.5;
- }
- main {
- min-width: 320px;
- max-width: 800px;
- padding: 50px;
- margin: 0 auto;
- background: #fff;
- }
- section {
- display: none;
- padding: 20px 0 0;
- border-top: 1px solid #ddd;
- }
- input.input-tabs {
- display: none;
- }
- label {
- display: inline-block;
- margin: 0 0 -1px;
- padding: 15px 25px;
- font-weight: 600;
- text-align: center;
- color: #bbb;
- border: 1px solid transparent;
- }
- label:before {
- font-family: fontawesome;
- font-weight: normal;
- margin-right: 10px;
- }
- label[for*='1']:before {
- content: '\f007';
- }
- label[for*='2']:before {
- content: '\f086';
- }
- label[for*='3']:before {
- content: '\f03e';
- }
- label[for*='4']:before {
- content: '\f0c1';
- }
- label[for*='5']:before {
- content: '\f002';
- }
- label:hover {
- color: #888;
- cursor: pointer;
- }
- input:checked + label {
- color: #555;
- border: 1px solid #ddd;
- border-top: 2px solid orange;
- border-bottom: 1px solid #fff;
- }
- #tab1:checked ~ #content1,
- #tab2:checked ~ #content2,
- #tab3:checked ~ #content3,
- #tab4:checked ~ #content4,
- #tab5:checked ~ #content5 {
- display: block;
- }
- @media screen and (max-width: 650px) {
- label {
- font-size: 0;
- }
- label:before {
- margin: 0;
- font-size: 18px;
- }
- main {
- padding: 30px 0px;
- }
- h1 {
- padding: 20px 0;
- }
- .bttnc i {
- font-size: 24px;
- padding: 2px 6px;
- }
- .marginlr i:first-of-type, .marginlr i:last-of-type {
- font-size: 20px;
- margin: 2px 10px;
- }
- }
- @media screen and (max-width: 400px) {
- label {
- padding: 15px;
- }
- }
- .item-row {
- padding: 5px 8px;
- border-bottom: 1px solid #eaeaea;
- }
- .item-row:nth-child(even) {
- background: #f5f5f5
- }
- .item-row:nth-child(odd) {
- background: #FFF
- }
- .zoo {
- cursor: pointer;
- padding: 2px;
- border-radius: 50%;
- display: inline-block;
- }
- #ev_user_results {
- margin-top: 10px;
- }
- label {
- display: inline-block;
- margin: 0 0 -1px;
- padding: 15px 25px;
- font-weight: 600;
- text-align: center;
- color: #bbb;
- border: 1px solid transparent;
- }
- label.ev_container {
- margin: 2px;
- display: inline-block;
- position: relative;
- padding: 3px 20px;
- cursor: pointer;
- font-size: 12px;
- -webkit-user-select: none;
- -moz-user-select: none;
- -ms-user-select: none;
- user-select: none;
- }
- .ev_container input {
- position: absolute;
- opacity: 0;
- cursor: pointer;
- }
- .checkmark_radio {
- position: absolute;
- top: 0;
- left: 0;
- height: 15px;
- width: 15px;
- background-color: #eee;
- border-radius: 50%;
- }
- .ev_container:hover input ~ .checkmark_radio {
- background-color: #ccc;
- }
- .ev_container input:checked ~ .checkmark_radio {
- background-color: #555;
- }
- .checkmark_radio:after {
- content: " ";
- position: absolute;
- display: none;
- }
- .ev_container input:checked ~ .checkmark_radio:after {
- display: block;
- }
- .ev_container .checkmark_radio:after {
- top: 4px;
- left: 4px;
- width: 7px;
- height: 7px;
- border-radius: 50%;
- background: white;
- }
- .user_item_avatar img {
- cursor: default !important;
- }
- .bear-messages, .bear-pic {
- padding: 2px;
- border-radius: 2px;
- margin-left: 2px;
- margin-top: -6px;
- }
- .user_item_data p {
- margin: 2px;
- }
- .fish-class {
- margin: 4px;
- }
- .bttnc i {
- font-size: 20px;
- padding: 2px 4px;
- }
- .marginlr i:first-of-type, .marginlr i:last-of-type {
- font-size: 16px;
- margin: 2px 6px;
- }
- .floatleft {
- /* float: left; */
- }
- .width100 {
- width: 120px;
- display: flex;
- justify-content: center;
- align-items: center;
- margin-top: 10px;
- }
- .btnusr {
- width: 40%;
- margin: 0 10px;
- }
- .message-item {
- padding: 2px 10px;
- }
- .pm_list {
- margin: 0 -10px;
- }
- .button-choose:hover {
- letter-spacing: 0.5em;
- background-color: #FEB1C0;
- }
- .button-choose.active {
- letter-spacing: 0.5em;
- background-color: #F08C99;
- }
- .button-choose {
- color: white;
- }
- button {
- height: 4em;
- padding: 1.5em auto;
- margin: 1em auto;
- background-color: #9b9b9b;
- border: none;
- border-radius: 3px;
- text-transform: uppercase;
- letter-spacing: 0.3em;
- transition: all 0.2s cubic-bezier(.4,0,.2,1);
- }
- .btns_2{
- width: 48%;
- }
- .btns_3{
- width: 32%;
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement