Profile
when you purchase this code, you will receive 7 txt files, including the css, font, background image snippet, sidebar blurb snippet, user html, folder directory html, and folder description html.
header custom text
below sidebar image, size, height, position, repitition
main contents background image, size, position, attachment, position, repitition
/* scrollbar */
--scrollbar-track-one
--scrollbar-track-two
--scrollbar-track-border
--scrollbar-thumb-one
--scrollbar-thumb-two
--scrollbar-thumb-border
/* tooltip . the text that appears when you hover over something */
--tooltip-bg
--tooltip-text
/* main background */
--main-background-color
--default-text
/* text color for the user profile */
--user-profile-text
/* header */
--header-bg-one
--header-bg-two
--header-border
--header-text
--header-dropdown-bg
--header-dropdown-bg-hover
--header-dropdown-text
--header-dropdown-header-text
--header-brand-text
/* contents below the header on mobile. hidden for desktop */
--header-mobile-nav-bg
/* footer */
--footer-bg-one
--footer-bg-two
--footer-link
--footer-text
/* sidebar */
--sidebar-default-bg
--sidebar-bg-one
--sidebar-bg-two
--sidebar-bg-three
--sidebar-bg-four
--sidebar-bg-hover
--sidebar-border
--sidebar-border-two
--sidebar-text
--sidebar-user-text
/* contents */
--contents-bg-one
--contents-bg-two
--contents-bg-three
--contents-border
--contents-text
/* image popup */
--img-popup-bg
--img-popup-bar-bg-one
--img-popup-bar-bg-two
--img-popup-bar-bg-three
--img-popup-border
--img-popup-text
/* img thumbnails */
--img-thumbnail-border
/* character thumbnail details */
--character-thumbnail-info
--character-thumbnail-favorited
/* spoiler */
--spoiler-border
--spoiler-text-one
--spoiler-text-two
/* text */
--link-text
--text-primary
--text-secondary
--text-muted
--text-success
--text-danger
--text-warning
--text-info
--text-light
--text-dark
--text-faded
/* cards */
--card-bg-default
--card-border-default
--card-text
--card-link-text
--bg-faded
--bg-faded-border
--bg-faded-text
--bg-faded-link-text
--bg-primary
--bg-primary-border
--bg-primary-text
--bg-primary-link-text
--bg-secondary
--bg-secondary-border
--bg-secondary-text
--bg-secondary-link-text
--bg-success
--bg-success-border
--bg-success-text
--bg-success-link-text
--bg-danger
--bg-danger-border
--bg-danger-text
--bg-danger-link-text
--bg-warning
--bg-warning-border
--bg-warning-text
--bg-warning-link-text
--bg-info
--bg-info-border
--bg-info-text
--bg-info-link-text
--bg-light
--bg-light-border
--bg-light-text
--bg-light-link-text
--bg-dark
--bg-dark-border
--bg-dark-text
--bg-dark-link-text
/* btns */
--btn-default-bg-one
--btn-default-bg-two
--btn-default-bg-three
--btn-default-border
--btn-default-text
--btn-secondary-bg-one
--btn-secondary-bg-two
--btn-secondary-bg-three
--btn-secondary-border
--btn-secondary-text
--btn-primary-bg-one
--btn-primary-bg-two
--btn-primary-bg-three
--btn-primary-border
--btn-primary-text
--btn-danger-bg-one
--btn-danger-bg-two
--btn-danger-bg-three
--btn-danger-border
--btn-danger-text
--btn-success-bg-one
--btn-success-bg-two
--btn-success-bg-three
--btn-success-border
--btn-success-text
--btn-warning-bg-one
--btn-warning-bg-two
--btn-warning-bg-three
--btn-warning-border
--btn-warning-text
--btn-info-bg-one
--btn-info-bg-two
--btn-info-bg-three
--btn-info-border
--btn-info-text
/* pagination */
--page-link-bg-one
--page-link-bg-two
--page-link-border
--page-link-text
--page-link-active-bg-one
--page-link-active-bg-two
--page-link-active-border
--page-link-active-text
--page-link-disabled-bg
--page-link-disabled-border
--page-link-disabled-text
/* nav link */
--nav-link-bg-one
--nav-link-bg-two
--nav-link-border
--nav-link-text
--nav-link-active-bg-one
--nav-link-active-bg-two
--nav-link-active-border
--nav-link-active-text
--nav-link-disabled-bg
--nav-link-disabled-border
--nav-link-disabled-text
/* progress bar */
--progress-bg
--progress-border
--progress-bar-default-bg-one
--progress-bar-default-bg-two
--progress-bar-default-bg-three
--progress-bar-primary-bg-one
--progress-bar-primary-bg-two
--progress-bar-primary-bg-three
--progress-bar-warning-bg-one
--progress-bar-warning-bg-two
--progress-bar-warning-bg-three
--progress-bar-danger-bg-one
--progress-bar-danger-bg-two
--progress-bar-danger-bg-three
--progress-bar-info-bg-one
--progress-bar-info-bg-two
--progress-bar-info-bg-three
write about yourself and your toyhouse
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Duis sollicitudin elit sed tellus blandit viverra sed eget odio. Donec accumsan tempor lacus, et venenatis elit feugiat non. Duis porta eros et velit blandit dapibus. Curabitur ac finibus eros. Duis placerat velit vitae massa sodales, eget mattis nibh pellentesque.
BYF
- text
- text
- text
- text
- text
DNI
- text
- text
- text
- text
- text
Black List
- text
- text
- text
- text
- text
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis sollicitudin elit sed tellus blandit viverra sed eget odio. Donec accumsan tempor lacus, et venenatis elit feugiat non. Duis porta eros et velit blandit dapibus. Curabitur ac finibus eros. Duis placerat velit vitae massa sodales, eget mattis nibh pellentesque.
Text Preview
h1 header 1
h2 header 2
h3 header 3
h4 header 4
h5 header 5
h6 header 6
.display-4
.display-3
.display-2
.display-1
regular
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis sollicitudin elit sed tellus blandit viverra sed eget odio. Donec accumsan tempor lacus, et venenatis elit feugiat non. Duis porta eros et velit blandit dapibus. Curabitur ac finibus eros. Duis placerat velit vitae massa sodales, eget mattis nibh pellentesque.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis sollicitudin elit sed tellus blandit viverra sed eget odio. Donec accumsan tempor lacus, et venenatis elit feugiat non. Duis porta eros et velit blandit dapibus. Curabitur ac finibus eros. Duis placerat velit vitae massa sodales, eget mattis nibh pellentesque.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis sollicitudin elit sed tellus blandit viverra sed eget odio. Donec accumsan tempor lacus, et venenatis elit feugiat non. Duis porta eros et velit blandit dapibus. Curabitur ac finibus eros. Duis placerat velit vitae massa sodales, eget mattis nibh pellentesque.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis sollicitudin elit sed tellus blandit viverra sed eget odio. Donec accumsan tempor lacus, et venenatis elit feugiat non. Duis porta eros et velit blandit dapibus. Curabitur ac finibus eros. Duis placerat velit vitae massa sodales, eget mattis nibh pellentesque.
bold
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis sollicitudin elit sed tellus blandit viverra sed eget odio. Donec accumsan tempor lacus, et venenatis elit feugiat non. Duis porta eros et velit blandit dapibus. Curabitur ac finibus eros. Duis placerat velit vitae massa sodales, eget mattis nibh pellentesque. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis sollicitudin elit sed tellus blandit viverra sed eget odio. Donec accumsan tempor lacus, et venenatis elit feugiat non. Duis porta eros et velit blandit dapibus. Curabitur ac finibus eros. Duis placerat velit vitae massa sodales, eget mattis nibh pellentesque.
tooltip
hover over me
Lorem ipsum dolor sit amet
Bootstrap Preview
cards
all have .card
nothing
nothing .text-primary .text-secondary .text-muted .text-success .text-danger .text-warning .text-info .text-light .text-dark .text-faded link.card
nothing .text-primary .text-secondary .text-muted .text-success .text-danger .text-warning .text-info .text-light .text-dark .text-faded link Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis sollicitudin elit sed tellus blandit viverra sed eget odio. Donec accumsan tempor lacus, et venenatis elit feugiat non. Duis porta eros et velit blandit dapibus. Curabitur ac finibus eros. Duis placerat velit vitae massa sodales, eget mattis nibh pellentesque.
.card-block
inside .card.bg-faded
nothing .text-primary .text-secondary .text-muted .text-success .text-danger .text-warning .text-info .text-light .text-dark .text-faded link Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis sollicitudin elit sed tellus blandit viverra sed eget odio. Donec accumsan tempor lacus, et venenatis elit feugiat non. Duis porta eros et velit blandit dapibus. Curabitur ac finibus eros. Duis placerat velit vitae massa sodales, eget mattis nibh pellentesque.
.card-block .bg-faded
inside .card.bg-secondary
nothing .text-primary .text-secondary .text-muted .text-success .text-danger .text-warning .text-info .text-light .text-dark .text-faded link Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis sollicitudin elit sed tellus blandit viverra sed eget odio. Donec accumsan tempor lacus, et venenatis elit feugiat non. Duis porta eros et velit blandit dapibus. Curabitur ac finibus eros. Duis placerat velit vitae massa sodales, eget mattis nibh pellentesque.
.card-block .bg-secondary
inside .card.bg-primary
nothing .text-primary .text-secondary .text-muted .text-success .text-danger .text-warning .text-info .text-light .text-dark .text-faded link Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis sollicitudin elit sed tellus blandit viverra sed eget odio. Donec accumsan tempor lacus, et venenatis elit feugiat non. Duis porta eros et velit blandit dapibus. Curabitur ac finibus eros. Duis placerat velit vitae massa sodales, eget mattis nibh pellentesque.
.card-block .bg-primary
inside .card.bg-success
nothing .text-primary .text-secondary .text-muted .text-success .text-danger .text-warning .text-info .text-light .text-dark .text-faded link Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis sollicitudin elit sed tellus blandit viverra sed eget odio. Donec accumsan tempor lacus, et venenatis elit feugiat non. Duis porta eros et velit blandit dapibus. Curabitur ac finibus eros. Duis placerat velit vitae massa sodales, eget mattis nibh pellentesque.
.card-block .bg-success
inside .card.bg-danger
nothing .text-primary .text-secondary .text-muted .text-success .text-danger .text-warning .text-info .text-light .text-dark .text-faded link Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis sollicitudin elit sed tellus blandit viverra sed eget odio. Donec accumsan tempor lacus, et venenatis elit feugiat non. Duis porta eros et velit blandit dapibus. Curabitur ac finibus eros. Duis placerat velit vitae massa sodales, eget mattis nibh pellentesque.
.card-block .bg-danger
inside .card.bg-warning
nothing .text-primary .text-secondary .text-muted .text-success .text-danger .text-warning .text-info .text-light .text-dark .text-faded link Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis sollicitudin elit sed tellus blandit viverra sed eget odio. Donec accumsan tempor lacus, et venenatis elit feugiat non. Duis porta eros et velit blandit dapibus. Curabitur ac finibus eros. Duis placerat velit vitae massa sodales, eget mattis nibh pellentesque.
.card-block .bg-warning
inside .card.bg-info
nothing .text-primary .text-secondary .text-muted .text-success .text-danger .text-warning .text-info .text-light .text-dark .text-faded link Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis sollicitudin elit sed tellus blandit viverra sed eget odio. Donec accumsan tempor lacus, et venenatis elit feugiat non. Duis porta eros et velit blandit dapibus. Curabitur ac finibus eros. Duis placerat velit vitae massa sodales, eget mattis nibh pellentesque.
.card-block .bg-info
inside .card.bg-light
nothing .text-primary .text-secondary .text-muted .text-success .text-danger .text-warning .text-info .text-light .text-dark .text-faded link Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis sollicitudin elit sed tellus blandit viverra sed eget odio. Donec accumsan tempor lacus, et venenatis elit feugiat non. Duis porta eros et velit blandit dapibus. Curabitur ac finibus eros. Duis placerat velit vitae massa sodales, eget mattis nibh pellentesque.
.card-block .bg-light
inside .card.bg-dark
nothing .text-primary .text-secondary .text-muted .text-success .text-danger .text-warning .text-info .text-light .text-dark .text-faded link Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis sollicitudin elit sed tellus blandit viverra sed eget odio. Donec accumsan tempor lacus, et venenatis elit feugiat non. Duis porta eros et velit blandit dapibus. Curabitur ac finibus eros. Duis placerat velit vitae massa sodales, eget mattis nibh pellentesque.
.card-block .bg-dark
inside .cardalerts
all have .alert
buttons
all have .btn
.btn-default .btn-secondary .btn-primary .btn-danger .btn-success .btn-warning .btn-infobuttons outline
all have .btn
.btn-outline-primary .btn-outline-warning .btn-ouline-danger .btn-outline-info .btn-outline-success .btn-outline-secondarybadges
all have .badge
.badge-default .badge-info .badge-warning .badge-primary .badge-success .badge-dangernav tabs
nav pills
progress bar
all have .progress-bar , and all .progress-bar 's are nested inside .progress
default
.bg-primary
.bg-success
.bg-warning
.bg-danger
.bg-info
Character Page Preview
Links Preview
Library Preview
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis sollicitudin elit sed tellus blandit viverra sed eget odio. Donec accumsan tempor lacus, et venenatis elit feugiat non. Duis porta eros et velit blandit dapibus. Curabitur ac finibus eros. Duis placerat velit vitae massa sodales, eget mattis nibh pellentesque.
Modal Preview
and thats the end of the preview!! please consider purchasing my css :D
Purchase on Kofi!!Recent Images
No images.