Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- /* - - - - -
- PREMADE CODE BY ALY
- - - - - - */
- /* - - IMAGES - - */
- /* - - change banner inside of main box */
- #voltie>div:nth-child(1)>section>div:before {
- background-image: url(http://i.imgur.com/iY6SAd2.png);
- }
- /* - - change image on top right of box */
- #content:before {
- background-image: url(https://orig05.deviantart.net/3e33/f/2017/129/9/a/f2u_rainbow_quartz_pagedoll_by_engare-db8pur1.png);
- }
- /* - - background image of profile */
- #content:after {
- background-image: url(http://i.imgur.com/3vaHD5D.png);
- }
- /* - END images - */
- /* - - COLORS - - */
- /*
- #fff - base color white - or black as #000
- #f9f2e9 - main color 1 - light
- #d0b4b9 - main color 2 - medium
- #987280 - main color 3 - dark
- */
- #content, #voltie .voltie_comments ul li p,
- #voltie>div:nth-child(1)>section>div>div:nth-child(1)>a,
- #voltie>div:nth-child(1)>section>div>div:nth-child(2)>a {
- background-color: #fff !important; }
- h2, h3, .content_header h1 {
- color: #fff !important; }
- body, ul.content_navigation a, #content section {
- background-color: #f9f2e9 !important; }
- .content_header h1 {
- text-shadow: 3px 6px 15px #d0b4b9, 2px 2px #f9f2e9; }
- ::selection, h2, h3 {
- background: #d0b4b9 !important; }
- #comment-button {
- color: #d0b4b9; }
- #comment-button { background-color: #987280; }
- ::selection, body, #voltie .voltie_comments ul li p,
- #voltie>div:nth-child(1)>section>div>div:nth-child(1)>a,
- #voltie>div:nth-child(1)>section>div>div:nth-child(2)>a {
- color: #987280 !important; }
- /* - END colors - */
- /* - - FONT INSTALLMENT - - */
- @font-face {
- font-family: Homemade Apple;
- font-style: normal;
- font-weight: 400;
- src: url(https://fonts.gstatic.com/s/homemadeapple/v7/yg3UMEsefgZ8IHz_ryz86IpVThvdH1ZERIrfWb3R7t4.woff2);
- }
- @font-face {
- font-family: Montserrat;
- font-style: normal;
- font-weight: 300;
- src: url(https://fonts.gstatic.com/s/montserrat/v10/IVeH6A3MiFyaSEiudUMXE8u2Q0OS-KeTAWjgkS85mDg.woff2);
- }
- /* - END font installment - */
- /*
- - -- --- -- - -- --- -- - -- --- -- -
- - - - - - SETUP - PLEASE DO NOT EDIT BELOW THIS SECTION - - - - -
- - -- --- -- - -- --- -- - -- --- -- -
- */
- * {
- border-radius: 0px !important;
- border: 0 !important;
- box-shadow: none !important;
- }
- body {
- overflow-x: hidden;
- }
- a, a:link { color: inherit; }
- /*
- - -- --- -- - -- --- -- - -- --- -- -
- - - - - - ELEMENT MODIFICATION
- - -- --- -- - -- --- -- - -- --- -- -
- */
- /* - - Hide Elements - - */
- #header_navigation,
- #footer, .copyright,
- #content>div:nth-child(7),
- #structure>header.guest.night,
- #voltie .voltie_comments ul li p:before,
- #structure>header.min #header_navigation,
- #voltie>div:nth-child(1)>section>h2>span.voltie_username,
- #voltie>div:nth-child(1)>section>h2>span.voltie_pronouns,
- #voltie>div.col-md-6>section.voltie_bio>div.spoiler_container>button>span {
- display: none !important;
- }
- /* - END hide elements - */
- /* - - Remove Styling - - */
- #content *,
- h1, h2, h3, h4,
- .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6,
- .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
- padding: 0;
- margin: 0px;
- }
- #content, #content section, .content_header,
- #voltie .voltie_comments ul li p, ul.content_navigation a {
- border: 0;
- }
- #voltie {
- margin: 0;
- padding: 0;
- width: 100%;
- margin: 0 !important;
- }
- /* - END remove styling - */
- /* - - Voltie Video - - */
- #voltie > div:nth-child(1) > section.voltie_video > p {
- padding: 10px; padding-top: 20px; text-align: left; }
- #comment-button, #comment-form > div:nth-child(2) > div:nth-child(1) > span:nth-child(1) {
- float: left; vertical-align: top;
- padding-left: 20px; padding-right: 20px;
- height: 25px;
- line-height: 25px;
- width: 100%;
- text-align: center;
- text-shadow: none;
- text-transform: uppercase;
- letter-spacing: 1px;
- }
- #comment-form > div:nth-child(2) > div:nth-child(1) > span:nth-child(1) { margin-top: 4px; }
- /* - - Voltie Bio - - */
- #voltie>div.col-md-6>section.voltie_bio {
- padding: 20px;
- min-height: 397px;
- }
- #voltie>div.col-md-6>section.voltie_bio h3 {
- margin: -10px;
- margin-bottom: 20px;
- }
- #voltie>div.col-md-6>section.voltie_bio>div.spoiler_container {
- left: 0;
- bottom: 0;
- margin: 0;
- padding: 5px;
- width: 200px;
- position: fixed;
- font-weight: 300;
- font-size: .75em;
- margin: 10px !important;
- font-family: Montserrat;
- transition: all .25s ease-in-out;
- }
- #voltie>div.col-md-6>section.voltie_bio>div.spoiler_container>div {
- padding: 10px;
- margin-top: 10px;
- text-align: justify;
- }
- #voltie>div.col-md-6>section.voltie_bio>div.spoiler_container>button {
- width: 75px;
- padding: 5px;
- height: 20px;
- line-height: 10px;
- letter-spacing: 2px;
- }
- /* - END voltie bio - */
- /* - - Main Box - - */
- #content {
- padding: 0px;
- position: absolute;
- left: 0;
- top: 125px;
- right: 0;
- margin: 0 auto;
- margin-bottom: 100px;
- border: 0px;
- box-shadow: none;
- width: 900px;
- height: auto;
- font-family: Montserrat;
- font-weight: 300;
- overflow: visible;
- padding: 0px !important;
- }
- /* - END main box - */
- /* - - Sprite - - */
- #content:before {
- position: absolute;
- left: 760px;
- top: -95px;
- right: 0;
- margin: 0 auto;
- width: 250px;
- height: 250px;
- background-size: auto;
- background-repeat: no-repeat;
- z-index: 5;
- background-position: center;
- }
- /* - END sprite - - */
- /* - - Banner Image - - */
- #content:after {
- content: close-quote;
- position: fixed;
- left: 0;
- top: 250px;
- width: 100%;
- height: 200px;
- background-size: auto 100%;
- z-index: -5;
- }
- /* - END banner image - */
- /* - - User Title, Ads and Actions - - */
- .content_header {
- border: 0;
- padding: 0;
- margin: 0;
- overflow: visible;
- }
- .content_header h1 {
- height: 50px;
- line-height: 50px;
- letter-spacing: 1px;
- text-transform: lowercase;
- font-style: italic;
- position: absolute;
- left: 0;
- top: -100px;
- width: 100%;
- text-align: center;
- font-size: 2em;
- font-family: Homemade Apple;
- font-size: 4em;
- top: -50px;
- left: 0px;
- }
- /* - END ut a a a - */
- /* - - AF SM TR - - */
- ul.content_navigation {
- padding: 0;
- float: left;
- width: 100%;
- height: 20px;
- line-height: 0px;
- margin: 10px !important;
- margin-bottom: 0 !important;
- }
- ul.content_navigation li {
- top: 0;
- left: 0;
- margin: 0;
- bottom: 0;
- padding: 0;
- margin: auto 0;
- position: relative;
- margin-right: 5px !important;
- }
- ul.content_navigation li a {
- height: 20px;
- font-size: 9px;
- line-height: 20px;
- letter-spacing: 1px;
- font-family: Montserrat;
- text-transform: uppercase;
- background-color: #f9f2e9;
- padding-left: 7px !important;
- padding-right: 7px !important;
- }
- /* - END af sm tr - */
- /* - - Header - - */
- #header_stats {
- right: 0;
- margin: 0;
- padding: 0;
- top: 185px;
- z-index: 25;
- width: 100%;
- left: -350px;
- width: 300px;
- margin: 0 auto;
- text-align: center;
- position: absolute;
- text-align: center;
- }
- #header_stats>.col-inner {
- top: 0;
- left: 0;
- right: 0;
- float: none;
- height: 255px;
- position: relative;
- margin: 0 auto !important;
- }
- #header_stats>.col-inner {
- padding: 0;
- }
- #header_navigation>h3 {
- background-color: transparent !important;
- }
- /* - END header - */
- /* - - Top Navigation - - */
- #main_nav>ul, #main_nav>ul li {
- margin: 0;
- padding: 0;
- }
- #main_nav>ul { float: left; }
- #main_nav>ul li { margin-left: 20px; }
- #main_nav>ul li a {
- font-family: Montserrat;
- font-weight: 300;
- color: #c8b0bf;
- background: none;
- margin: 0;
- padding: 0;
- }
- #main_nav>ul li a .fa {
- display: none;
- }
- /* - END top navigation - */
- /* - - Main Box - - */
- #structure {
- position: absolute;
- left: 0;
- top: 0;
- width: 100%;
- height: 100%;
- overflow: visible;
- }
- #structure>.navbar-inverse {
- position: absolute;
- left: 0;
- top: -25px;
- width: 100%;
- background: none;
- background-color: transparent;
- margin: 0;
- padding: 0;
- }
- #structure>header { text-align: center; }
- #structure>header.min { background: none; }
- /* - END main box - */
- /* - - other
- things I cbf fixing aha--
- you shouldn't really be here anyway.. no heavy editing!
- - - */
- #navbar>div {
- width: 900px;
- max-width: 100%;
- }
- #user_card { margin: 10px !important; }
- #voltie>div:nth-child(1)>section>div:before {
- top: 0;
- left: 0;
- width: 100%;
- height: 295px;
- position: absolute;
- content: close-quote;
- background-color: #ecf3ee;
- background-size: auto 55%;
- background-position: center;
- background-attachment: fixed;
- }
- #voltie>div:nth-child(1) { width: 100%; }
- #voltie>div:nth-child(3) {
- width: 50%;
- text-align: center;
- }
- #voltie section {
- padding: 10px;
- margin: 0;
- margin-bottom: 10px !important;
- }
- #voltie>div.col-md-6>section.voltie_comments {
- margin-bottom: 0px !important;
- width: 880px;
- }
- .row#voltie {
- padding: 10px !important;
- }
- #voltie>div.col-md-6, #voltie>div:nth-child(3) {
- width: calc(50% - 5px);
- }
- #voltie>div:nth-child(3) {
- margin-left: 10px;
- }
- #voltie>div.col-md-6 {
- margin-bottom: 0;
- }
- #voltie>div:nth-child(1)>section>img {
- position: absolute;
- right: 55px;
- top: 52px;
- transform: none;
- z-index: 1;
- }
- #voltie>div:nth-child(1)>section>div {
- width: 100%;
- height: 225px;
- }
- #voltie>div:nth-child(1)>section>div>div:nth-child(1),
- #voltie>div:nth-child(1)>section>div>div:nth-child(2) {
- position: absolute;
- left: 0;
- top: 0px;
- width: 100%;
- height: 0;
- overflow: visible;
- }
- #voltie>div:nth-child(1)>section>div>div:nth-child(1)>a,
- #voltie>div:nth-child(1)>section>div>div:nth-child(2)>a {
- padding: 0;
- z-index: 5;
- float: left;
- width: 75px;
- height: 20px;
- margin: 20px;
- font-size: 9px;
- text-align: left;
- line-height: 20px;
- padding-left: 5px;
- position: relative;
- padding-right: 5px;
- letter-spacing: 1px;
- text-transform: uppercase;
- }
- #voltie>div:nth-child(1)>section>h2 {
- height: 50px;
- background: none;
- overflow: visible;
- margin: 0;
- padding: 0;
- background: none !important;
- background-color: transparent !important;
- }
- #voltie>div:nth-child(1)>section>div>div:nth-child(2)>a { margin-top: 60px; }
- /* - END other - */
- /* - - Logo - - */
- #logo {
- margin: 0;
- margin-bottom: 25px;
- margin-top: 25px;
- }
- #logo>a {
- position: relative;
- left: 0;
- top: 0;
- right: 0;
- margin: 0 auto;
- float: none;
- }
- /* - END logo - */
- /* - - Mobile Mess - - */
- @media only screen and (max-width:991px) {
- #content:before {
- position: absolute;
- left: 0;
- top: -250px;
- right: 0;
- margin: 0 auto;
- width: 250px;
- height: 250px;
- background-size: auto;
- }
- #content {
- position: relative;
- left: 0;
- top: 250px;
- max-width: 100%;
- height: auto;
- margin: 0;
- margin-bottom: 50px;
- }
- #voltie {
- margin: 0;
- width: 100%;
- }
- .content_header h1 {
- z-index: 25;
- top: -100px;
- font-size: 2em;
- left: 0px;
- }
- ul.content_navigation {
- padding: 10px;
- height: auto;
- margin-bottom: 10px;
- width: calc(100% - 20px);
- }
- ul.content_navigation li {
- float: left;
- display: block;
- width: 100%;
- margin-bottom: 10px;
- height: 50px;
- line-height: 0;
- text-align: center;
- padding: 0;
- margin: 0;
- margin-bottom: 10px !important;
- }
- ul.content_navigation li a:hover {
- letter-spacing: 2px;
- }
- ul.content_navigation li a {
- float: left;
- vertical-align: top;
- height: 100%;
- width: 100%;
- line-height: 50px;
- }
- #content>div.content_header>ul>li:nth-child(3) {
- margin-bottom: 0 !important;
- }
- #voltie > div:nth-child(1) > section.voltie_video > p { min-height: 0; height: auto; }
- #voltie > div:nth-child(1) > section.voltie_info > div {
- float: left; width: 100%; height: 0; overflow: visible; }
- #voltie > div:nth-child(1) > section.voltie_video > p, #voltie section, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
- width: 100% !important;
- margin: 0 !important;
- margin-bottom: 10px !important;
- }
- #voltie section {
- padding: 10px !important;
- margin-bottom: 10px !important;
- }
- #voltie>div:nth-child(1)>section>img {
- float: none !important;
- position: relative;
- left: 0; top: 0;
- right: 0;
- margin: 0 auto !important;
- z-index: 2;
- }
- #voltie>div:nth-child(1)>section>div>div:nth-child(1), #voltie>div:nth-child(1)>section>div>div:nth-child(2) {
- top: 0 !important;
- }
- #voltie>div:nth-child(3)>section.voltie_friends {
- margin-bottom: 0 !important;
- }
- .row#voltie {
- padding-bottom: 0px !important;
- }
- #navbar>div {}
- #structure>.navbar-inverse {
- position: relative;
- left: 0;
- top: 0;
- margin: 0;
- padding: 0;
- }
- #logo>a {
- margin-top: 25px !important;
- }
- #voltie>div:nth-child(1)>section>div:before {
- height: 0;
- overflow: hidden;
- }
- #header_stats {
- position: relative;
- left: 0;
- top: 0;
- right: 0;
- width: 100%;
- height: auto;
- margin: 0;
- padding: 0;
- margin-top: 50px;
- }
- #header_stats>.col-inner {
- position: relative;
- }
- #voltie>div.col-md-6>section.voltie_bio>div.spoiler_container, #voltie>div.col-md-6>section.voltie_bio>div.spoiler_container, #voltie>div.col-md-6>section.voltie_bio>div.spoiler_container {
- width: 100%;
- position: relative;
- left: 0;
- top: 0;
- margin: 0;
- padding: 0;
- text-align: center;
- float: none;
- height: auto;
- min-height: 250px;
- }
- }
Add Comment
Please, Sign In to add comment