Today we made some change to the CSS files to make the theme look much better.
Whats New?
- Added navbar background,
- Forum wrap now has a image background that looks like the Categories background,
- Tool bar not has a background,
- Footer image background,
- Chatbox header image background,
CSS file update:
- Code:
/****** TOOLBAR*******/ #fa_toolbar { -webkit-box-shadow: 0px 6px 7px 0px rgba(0,0,0,0.75); -moz-box-shadow: 0px 6px 7px 0px rgba(0,0,0,0.75); box-shadow: 0px 6px 7px 0px rgba(0,0,0,0.75); background-image: url("https://i.servimg.com/u/f95/17/65/15/44/love12.png"); background-size: 90%; }/********END**********/
/*****NAVBAR********/ .navbar { text-align: center; background-image: url("https://i.servimg.com/u/f95/17/65/15/44/love12.png"); background-size: 90%; border-radius: 5px; -webkit-box-shadow: 0px 6px 7px 0px rgba(0,0,0,0.75); -moz-box-shadow: 0px 6px 7px 0px rgba(0,0,0,0.75); box-shadow: 0px 6px 7px 0px rgba(0,0,0,0.75); }/********END**********/
/*******TOOLBAR BACKGROUND********/ .headerbar { background-color: #1D262C00; background-image: url(https://illiweb.1prod.net/fa/empty.gif); background-position: center center; background-repeat: no-repeat; background-size: cover; height: 350px; margin: 0; overflow: hidden; padding: 0; position: relative; } /********END**********/
/******FLOATING NAV BAR****/ .is-sticky#headerbar-top { background-color: #7d0101; box-shadow: 0 0 3px rgba(0,0,0,0.9); height: auto; left: 0; padding: 6px 0; position: fixed; right: 0; top: 0; z-index: 1000 !important; -webkit-box-shadow: 0px 6px 7px 0px rgba(0,0,0,0.75); -moz-box-shadow: 0px 6px 7px 0px rgba(0,0,0,0.75); box-shadow: 0px 6px 7px 0px rgba(0,0,0,0.75); background-image: url("https://i.servimg.com/u/f95/17/65/15/44/love12.png"); background-size: 90%; }/********END**********/
/****** FOOTER********/ .footerbar-system .rightside { margin: 0; background-color: #960c0c !important; } .statistics { background-color: #7D0101; border-radius: 3px; margin-left: 12px !important; margin-right: 12px; margin-bottom: 10px; -webkit-box-shadow: 0px 6px 7px 0px rgba(0,0,0,0.75); -moz-box-shadow: 0px 6px 7px 0px rgba(0,0,0,0.75); box-shadow: 0px 6px 7px 0px rgba(0,0,0,0.75); background-image: url("https://i.servimg.com/u/f95/17/65/15/44/love12.png"); background-size: 90%; } #page-footer { background-color: #7D0101; border-radius: 3px; margin-left: 12px !important; margin-right: 12px; margin-bottom: 10px; -webkit-box-shadow: 0px 6px 7px 0px rgba(0,0,0,0.75); -moz-box-shadow: 0px 6px 7px 0px rgba(0,0,0,0.75); box-shadow: 0px 6px 7px 0px rgba(0,0,0,0.75); background-image: url("https://i.servimg.com/u/f95/17/65/15/44/love12.png"); background-size: 90%; }/********END**********/
/****** FORUM BACKGROUND*******/ body, html { background-size: 100% 100%; } #wrap { background-color: #7d0101; box-shadow: 0 6px 5px 3px rgba(0,0,0,0.75); font-size: 1.3rem; margin: 0 auto; max-width: 1400px; padding: 24px 36px; width: 79%; border-radius: 3px; margin-bottom:10px background-image: url("https://i.servimg.com/u/f95/17/65/15/44/love12.png"); background-size: 90%; }/********END**********/ a.forumtitle:link { color: #7e0101 !important; }
/***** CAT BACKGROUND********/ dl.icon { background-position: left 24px top 50%; background-repeat: no-repeat; background-size: 33px 33px !important; height: auto; min-height: 35px; border: #fff solid 1px; border-radius: 3px 3px 0px 0px; } ul.topiclist { background-size: 90%; }/********END**********/
/****** CHAT BOX HEADER******/ #chatbox_header { background-color: #960c0c; border-radius: 3px 3px 0 0; height: 49px; line-height: 1; padding: 18px; border-left: #f0f0f0 solid 1px; border-right: #f0f0f0 solid 2px; border-top: #f0f0f0 solid 1px; background-image: url("https://i.servimg.com/u/f95/17/65/15/44/love12.png"); background-size: 90%; }/********END**********/
li.rightside{ background-color: #f0f0f0; border-radius: 3px; float: right; margin: 0 0 0 18px; padding-bottom: 3px; padding-right: 8px; padding-top: 3px; width: auto; } .linklist li{ background-color: #f0f0f0; border-radius: 3px; margin: 0 0 0 18px; padding-bottom: 3px; padding-right: 8px; padding-top: 3px; padding-left: 7px width: auto; } /********END**********/ /******BUTTONS******/ .button1, .button2, input[type="submit"] { border-radius: 3px; box-shadow: 0 1px 2px rgba(0,0,0,0.3); color: #fff; display: inline-block; font-family: Roboto, sans-serif; font-size: 1.2rem; font-weight: 500; overflow: hidden; padding: 9px 18px; position: relative; text-decoration: none; vertical-align: middle; width: auto !important; background-color: #3333; } .row3 { background-color: #7d0101; } p.title-overview.row2{ background-color: #400101; color:#fff } .pm-actions-buttons .button-round { float: right; margin-top: -13px; background-color: #6e0b0b; }
NOTE: The CSS file are not installed on [You must be registered and logged in to see this image.] Hitskin.com
|
» How are your feeling today?
» What movie are you watching ?
» IconSkouliki Graphics/Requests
» Profile Updates
» A to Z Moods maintenance
» ChatBox Update
» JENNY'S Cook Book
» What are / did you have for Dinner today ?