Scribd
Upload
19 views7 pages

Homeworld CSS

Uploaded by

belenmelisa204
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as TXT, PDF, TXT or read online on Scribd
19 views7 pages

Homeworld CSS

Uploaded by

belenmelisa204
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as TXT, PDF, TXT or read online on Scribd
You are on page 1/ 7

/*=================================

HOMEWORLD: A CSS CODE BY GHOULIPEDE

Light Color: #f6f6eb


Medium Color: #fc9ed7
Dark Color: #ff76c9
Darkest Color: #282525

TO CHANGE BACKGROUND IMAGE:


replace "BACKGROUND_IMAGE_URL"

=================================*/

/*--------------------[ FONT ]--------------------*/

/* IMPORT */
@import url(https://fonts.googleapis.com/css?family=comfortaa&display=swap);

/* GENERAL TEXT */
body {font-family:'comfortaa', sans-serif; color:#282525}

/* LINKS */
a {font-family:'comfortaa', sans-serif; color:#282525}
a {text-decoration:none; color: #ff76c9;}
a:hover {color:#282525;}

h1 a {color:#282525}
h2 a {color:#282525}
h3 a {color:#282525}
h4 a {color:#282525}

#text {color:#282525}

/*--------------------[ PAGE ]--------------------*/

/* BACKGROUND IMAGE */
body {background:url(BACKGROUND_IMAGE_URL); background-size:200px; background-
position:center; background-attachment:fixed;}

/*--------------------[ HEADER ]--------------------*/

/*RESIZE & DECORATE*/


#header {max-width:1200px; margin:0px auto; padding-left:0px; padding-right:0px;
background-image:none; background-color:#ff76c9; color:#282525; border:3px solid
#282525; text-transform:uppercase}

/*TEXT COLORS*/
#header a {color:#282525}
#header a.btn.btn-primary {background-color:#282525; border:#282525; color:#ff76c9}

/*DROPDOWN DECORATION*/
.navbar .dropdown-menu .dropdown-header {color:#282525;}
.navbar .dropdown-menu {border:3px solid #282525; border-top:#ff76c9}

/*SUBMIT DROPDOWN*/
#dropdownCreate {background-color:#ff76c9; color:#282525;}
#dropdownCreate a {color:#282525} #dropdownCreate a:hover {color:#ff76c9;
background-color:#f6f6eb}

/*BROWSE DROPDOWN*/
#dropdownBrowse {background-color:#ff76c9; color:#282525}
#dropdownBrowse a {color:#282525} #dropdownBrowse a:hover {color:#ff76c9;
background-color:#f6f6eb}

/* PROFILE DROPDOWN */
#dropdownProfile {background-color:#ff76c9; color:#282525}
#dropdownProfile a {color:#282525} #dropdownProfile a:hover {color:#ff76c9;
background-color:#f6f6eb}

/*--------------------[ MAIN BOX ]--------------------*/

/*RESIZE*/
#main {max-width:1170px; margin:0px auto; padding-left:0px; padding-right:0px;}
#content {border-right:3px solid #282525}

/*BACKGROUND*/
.content-main {background:#fc9ed7; padding-bottom:5px;}

/*--------------------[ FOOTER ]--------------------*/


#footer {max-width:1200px; margin:0px auto; padding-left:0px; padding-right:0px;
background-image:none; background-color:#ff76c9; color:#282525; border:3px solid
#282525; text-transform:uppercase;}
#footer a {color:#282525}
#footer a.btn.btn-primary {background-color:#282525; color:#ff76c9}

/*--------------------[ SIDEBAR ]--------------------*/

/*DECORATE*/
#sidebar {background-color:#fc9ed7; border-left: 3px solid #282525; text-
transform:uppercase;}
/*USERNAME*/
.side-nav span.display-user a {background:none; color:#282525; text-align:center;
font-size:1.2rem; margin-bottom:-10px; border:none}
.side-nav span.display-user a:hover {transform:none; color:#f6f6eb;
background:none}

/*ICON*/
.side-nav span.display-user img {margin-bottom:10px; max-width:150px; max-
height:150px; border:3px solid #282525}

/*HIDE HEADER*/
.side-nav li.header {display:none;}

/*HIDE LITERATURES*/
.side-nav li.sidebar-li-literatures {display:none;}

/*NAVIGATION BUTTONS*/
.side-nav li a:hover {color:#fc9ed7; background-color:#f6f6eb;}
.side-nav li a {background-color:#f6f6eb; margin:5px; border:3px solid #282525}
.side-nav li a:hover {transform:rotate(5deg)}
.side-nav li.active a {color:#f6f6eb; background-color:#fc9ed7}
.side-nav li.active a:hover {color:#f6f6eb; background-color:#fc9ed7}
.side-nav li.active a:link {color:#f6f6eb; background-color:#fc9ed7}

/*WORLD-EXCLUSIVE BUTTONS*/
li.subheader.subheader-margin.world-functions-subheader {background-color:#ff76c9;
color:#f6f6eb}
li.subheader.subheader-margin.world-pages-subheader {background-color:#ff76c9;
color:#f6f6eb}
li.subheader.hide-on-collapse {background-color:#ff76c9; color:#f6f6eb}

/*DIVIDER LINES*/
li.divider.sidebar-divider-username {opacity:0%; margin:10px}
li.divider.sidebar-divider-collections {opacity:0%; margin:10px}
li.divider.sidebar-divider-stats {opacity:0%; margin:10px}
li.divider.sidebar-divider-interaction {opacity:0%; margin:10px}

/*--------------------[ FOLDERS ]--------------------*/

/*HEADER*/
div.characters-header {color:#282525; background:#f6f6eb; border: #282525 3px
solid;
padding:15px 15px 10px 10px; margin-bottom:25px; font-family'comfortaa', sans-
serif;}
div.characters-header hr {display:none}
div.characters-folder-description-header {display:none}
div.profile-section.profile-name-section {display:none}

/*HEADER BUTTONS*/
div.characters-header a.btn.btn-default {background-color:#ff76c9; border:#ff76c9
1px solid; border-radius:0px; color:#282525}

/*NAVIGATION*/
a.page-link {background-color:#f6f6eb; border:#282525 2px solid; border-radius:0px;
color:#ff76c9}
a.page-link:hover {background-color:#f6f6eb; border:#ff76c9 2px solid;
color:#ff76c9}
.page-item.disabled .page-link {background-color:#f6f6eb; border:#282525 2px solid;
border-radius:0px; color:#ff76c9}
.page-item.active .page-link {background-color:#fc9ed7; border:#282525 2px solid;
color:#f6f6eb}

/*LOWER DIVIDER*/
div.user-characters hr {display:none}

/*TAGS*/
div.characters-filterby.text-right {background-color:#f6f6eb; border:#282525 2px
solid; border-radius:0px; color:#ff76c9; padding:10px}

#dropdownMenuButton {background-color:#ff76c9; border:0px; border-radius:0px;


color:#282525; font-family'comfortaa', sans-serif}
a.characters-tags-view.btn.btn-default {background-color:#ff76c9; border:#282525
0px solid; border-radius:0px; color:#282525}
div.characters-filterby.text-right a.btn.btn-default {background-color:#ff76c9;
border:0px; color:#282525}

div.characters-filterby.text-right a.btn.btn-primary {background-color:#f6f6eb;


border:#282525 2px solid; color:#ff76c9}
.dropdown-menu-right {background-color:#f6f6eb; border:#ff76c9 1px solid;
color:#ff76c9}

div.characters-filters {color:#f6f6eb; background:#ff76c9; border: #ff76c9 1px


solid;
padding:15px 15px 10px 10px; font-family'comfortaa', sans-serif;}
div.characters-filters a.btn {background-color:#f6f6eb; border:#ff76c9 1px solid;
color:#ff76c9}
span.characters-tag a.btn.btn-secondary {background-color:#f6f6eb; border:#ff76c9
1px solid; color:#ff76c9}

/*FOLDERS*/
div.characters-folder-list.gallery-row a { background-color:#f6f6eb; border:2px
solid #282525; padding:5px; margin:5px; border-radius:0px; color:#ff76c9; font-
family:'comfortaa', sans-serif;}
.characters-folders .gallery-row {justify-content: center;}
div.characters-folder-list.gallery-row a:hover { background-color:#f6f6eb;
border:2px solid #ff76c9;}
div.characters-folder-list.gallery-row img {background-color:#f6f6eb; border:0px}
div.characters-folder-list.gallery-row i {display:none}

/*--------------------[ CHARACTERS ]--------------------*/

/*THUMBNAILS*/
.gallery-thumb .thumb-image > .img-thumbnail {width:auto; padding:0px; border-
radius:0px;}
.gallery-thumb .thumb-image > .img-thumbnail > img {width:auto; padding:0px;
border-radius:0px; border:3px #282525 solid}
div.gallery-item a {background-color:#f6f6eb; color:#ff76c9; border:none;
padding:5px; margin:5px}
/*NAMES*/
.thumb-caption {margin-top:-20px; margin-bottom:15px; position:relative;}
span.thumb-character-name a.btn {background-color:#ff76c9; color:#f6f6eb; border-
radius:0px; border:#282525 3px solid; margin-top:-5px}
span.thumb-character-name a.btn:hover {border:3px solid #282525;}

/*STATS*/
div.small.thumb-character-stats {display:none}

/*FOLDER BUTTON*/
li.character-folder.subheader {background-color:#ff76c9; border:0px; padding:0px;
margin:0px; margin-top:15px; position:relative;}
li.character-folder.subheader a {background-color:#f6f6eb; color:#ff76c9;}
li.character-folder.subheader a:hover {background-color:#f6f6eb; color:#ff76c9}

/*PROFILE IMAGE*/
span.display-character img.mr-2 {width:100%; max-width:none; max-height:none;}
span.display-character a {position:relative; margin-top:-250px; margin-bottom:40px;
z-index:100; background:#f6f6eb}
li.character-name span.display-character a:hover {background-color:#f6f6eb;
opacity:100%}

/*DIVIDER LINES*/
li.divider.sidebar-divider-interactions {display:none;}
li.divider.sidebar-divider-ownership {display:none;}
li.divider.sidebar-divider-mod {display:none;}

/*SUBHEADING*/
.character-profile .profile-header-section, .character-profile .profile-info-
section, .character-profile .profile-name-section {display:none}

/*--------------------[ BULLETINS ]--------------------*/

/*TITLE*/
h1.bulletin-title a {color:#f6f6eb}
div.small.bulletin-author {color:#f6f6eb}
span.bulletin-user-badge a.btn.btn-sm.btn-default.user-name-badge {color:#ff76c9}

/*CARD*/
div.poll-wrapper.card {color:#ff76c9; background:#f6f6eb; border: #282525 3px
solid; border-radius:0px}
div.bulletin-content.card {color:#ff76c9; background:#f6f6eb; border: #282525 3px
solid; border-radius:0px}

/*USERNAME*/
a.btn.btn-sm.btn-default.user-name-badge {color:#282525; background:none;
border:none; padding:0px; margin-top:-5px}

/*POLL PERCENTAGES*/
.progress.tooltipster {background:white; border: #282525 3px solid; border-
radius:0px}
.progress-bar {background:#ff76c9;}
/*POLL VOTES*/
span.badge.badge-pill.badge-default.faded {color:#f6f6eb; background:#ff76c9;
border: #ff76c9 3px solid; border-radius:0px}

/*COMMENTS BUTTON*/
a.bulletin-comment-count.btn.btn-sm.btn-default {color:#f6f6eb; background:#ff76c9;
border: #ff76c9 3px solid; border-radius:0px}

/*--------------------[ WORLDS ]--------------------*/

/*CHANGE MEMBER STATUS COLOR IN WORLDS TAB*/


span.group-rank.badge.badge-default {background:#ff76c9;}

/*--------------------[ COMMENTS ]--------------------*/

/*CHANGE SUBMIT BUTTON*/


input.btn.btn-primary.form-control {background:#ff76c9; color:#f6f6eb; border-
radius:0px}

/*--------------------[ LINKS ]--------------------*/

/*CHARACTER NAME BADGE*/


a.btn.btn-sm.btn-primary.character-name-badge {background:#ff76c9;}

input.btn.btn-success {padding:5px}
input.btn.btn-success a:hover {padding:5px}

/*RELATIONSHIP BOX*/
div.card.link-panel {background:#f6f6eb; border:3px solid #282525; color:#282525;
margin-top:-100px}

/*ICON*/
img.link-character-icon.mb-1 {border:3px solid #282525; position:relative; z-
index:100; margin-left:10px; margin-right:10px}

/*--------------------[ LITERATURES ]--------------------*/

/*AUTHOR & CAST BUTTONS*/


a.btn.btn-sm.btn-primary {background-color:#ff76c9; border:#ff76c9; color:#f6f6eb;
border-radius:0px}

/*STATS BUTTONS*/
span.literature-header-row-chapters.btn.btn-sm.btn-secondary {background-
color:#282525; border:#282525; color:#f6f6eb; margin:1px}
span.literature-header-row-words.btn.btn-sm.btn-secondary {background-
color:#282525; border:#282525; color:#f6f6eb; margin:1px}
a.btn.btn-sm.btn-secondary {background-color:#282525; border:#282525;
color:#f6f6eb; margin:1px}

/*THEME & TEXT BUTTONS*/


span.btn.btn-sm {background-color:#282525; border:#282525; color:#f6f6eb;}
span.btn.btn-sm:hover {background-color:#ff76c9; border:#282525; color:#f6f6eb;}

/*SIDEBAR CHAPTER NUMBERS*/


span.badge.badge-pill.badge-info {background-color:#ff76c9; border:#ff76c9;
color:#f6f6eb}

/*NEXT CHAPTER BUTTON*/


a.btn.btn-default {background-color:#282525; border:#282525; color:#f6f6eb}
a.btn.btn-default:hover {background-color:#ff76c9; border:#f6f6eb; color:#282525}
span.badge.badge-default {background-color:#ff76c9; border:#ff76c9; color:#f6f6eb}

/*--------------------[ WARNING ]--------------------*/

.alert-danger {color:#ff76c9; background:#f6f6eb; border: #282525 3px solid;


border-radius:0px; padding:15px 15px 10px 10px; margin-bottom:25px; font-
family'comfortaa', sans-serif;}
.alert-danger .ace-code-container {color:#ff76c9; background:#f6f6eb; border:none}
.alert-info {color:#ff76c9; background:#f6f6eb; border: #282525 3px solid; border-
radius:0px; padding:15px 15px 10px 10px; margin-bottom:25px; font-
family'comfortaa', sans-serif;}

.btn-success {color:#ff76c9; background:#f6f6eb; border: #282525 3px solid; border-


radius:0px; padding:15px 15px 10px 10px; margin-bottom:25px; font-
family'comfortaa', sans-serif;}
.btn-success:hover {color:white; background:#ff76c9; border: #282525 3px solid;
border-radius:0px; padding:15px 15px 10px 10px; margin-bottom:25px; font-
family'comfortaa', sans-serif;}

.btn-link {color:#ff76c9; background:#f6f6eb; border: #282525 3px solid; border-


radius:0px; padding:15px 15px 10px 10px; margin-bottom:25px; font-
family'comfortaa', sans-serif;}
.btn-link:hover {color:white; text-decoration:none; background:#ff76c9; border:
#282525 3px solid; border-radius:0px; padding:15px 15px 10px 10px; margin-
bottom:25px; font-family'comfortaa', sans-serif;}

You might also like