FM Themes
Welcome to FM Themes
where you can share your punBB, phpBB 2, Invision, & phpBB 3 themes for Forumotion forums.

You are viewing the forum as a guest, so you will not be able to use the full forum. To use all the features of the forum, you need to log in or create a FREE account by registering.

[CSS] Different CSS Codes for Invision

View previous topic View next topic Go down

[CSS] Different CSS Codes for Invision

Post by SLGray on Wed Dec 04, 2013 9:24 pm

Chatbox

Allows you to change the background colors of the messages:

    - Background color of the odd lines (1, 3, 5, 7 ...)
Code:
.chatbox_row_1 {
background-color: #ecf3f7;
}
- Background color of even lines (lines 2, 4, 6, 8 ...)
Code:
.chatbox_row_2 {
background-color: #e1ebf2;
}
Allows you to change the color of the list of members connected to the chatbox:
Code:
.memberlist_row_1 {
background-color: #ecf3f7;
}
Allows you to change the color of the title of the Chatbox:
Code:
.chatbox-title,.chatbox-title a.chat-title {
color: #ffffff !important;
}
Allows you to change the alignment of the title of the chatbox:
Code:
.chatbox-title {
float: left;
margin: 0;
padding: 6px 5px 0 5px;
width: 15em;
}
Allows you to change the size of writing messages in ChatBox:
Code:
.chatbox {
font-size: 15px;
}
Posts

Allows you to change the background color of messages:
Code:
.post-container {
background-color: #EE0030;
}
Allows you to change the color of writing messages as well as message profiles:
Code:
.post-container {
color: #EE0030;
}
Allows you to change the background color of a message:
Code:
.postbody {
background-color: #EE0030;
}
Allows you to change the background color profiles in messages:
Code:
.post {
background-color: #EE0030;
}
Change the appearance of separation between two posts in a topic:
Code:
.post {
border-bottom: 10px solid #EE0030;
}
Change the color of the menu containing the pseudo poster down:
Code:
.popmenubutton-new-out a {
background-color: #EE0030;
}
Change the background color of the drop down menu (when opened):
Code:
.popupmenu li {
background-color: #F73100;
}
Change the outline of the drop down menu (when opened):
Code:
.popupmenu {
background-color: #FFFFFF;
}
Allows you to change the background color of the bar containing links "View previous topic View next topic ·"
Code:
.topic-footer {
background-color: #EE0030;
}
Allows you to change the background color of the bar containing buttons moderation and permissions:
Code:
.bar {
background-color: #EE0030;
}
Allows you to change the text color in the toolbar containing buttons moderation and permissions:
Code:
.bar {
color: #EE0030;
}
Profile


Allows you to change the background color of the profile:
Code:
.box-content.profile {
background-color: #EE0030;
}
Allows you to change the color of the bar containing the nickname of the author of a visitor message:
Code:
#profile-advanced-details .message-header {
background: #EE0030;
}
To determine the position of the nickname of the author, date and time, in the same bar:
Code:
#profile-advanced-details .message-date {
float: left;
}
To determine the position of the links "Hide" and "Delete" in a visitor message:
Code:
#profile-advanced-details .message-footer {
text-align: left;
}
Determines the size of the second column of the Advanced profile (column containing avatar, rank, friends ...)
Code:
#profile-advanced-right {
width: 120px;
}
Allows you to change the appearance of the Statistics tab titles, advanced profile (topics, messages, information ...)
Code:
#profile-advanced-details .stats-field legend {
font-weight: bold; color: #EE0030;
}
Allows you to change the appearance of text, especially in the Statistics tab:
Code:
#profile-advanced-details .stats-field ul {
text-indent: 10px;
padding: 0;
color: #EE0030;
}
Same as the previous one:
Code:
#profile-advanced-details .stats-field li {
color: #EE0030;
}
Private Message

Allows you to change the color of the tab open (Inbox, Sent, etc. ..)
Code:
ul.privmsg li {
background-color: #EE0030;
color: #fff;
}
Conversely this code changes the color of the other tabs, unopened:
Code:
ul.privmsg li a {
background-color: #EE0030;
}
FAQ

Allows you to change the frame containing the answer to a question:
Code:
dl.faq dd p {
border: 1px solid #EE0030;
}
Allows you to change the bar between two questions:
Code:
dl.faq .question {
border-bottom: 1px solid #EE0030;
}
Memberlist

Changes the frame around the presentation of a profile:
Code:
.member {
background-color: #fff;
border: 1px solid #EE0030;
}
Changes the background and border of the avatar in the member list:
Code:
.member-list .popmenubutton .mini-avatar {
border: 1px solid #EE0030;
background-color: #EE0030;
}
Changes the color of the text in the box profile (last visits, messages, various profile options):
Code:
.member p {
color: #EE0030;
}
Changes the background of the member category (note: not the bottom of a frame profile, but the back)
Code:
div.borderwrap .member-list {
background-color: #EE0030;
}
Search (pop-up search + advanced + widget "Find" search)

Allows you to change the background color:
Code:
#search_menu {
background-color: #EE0030;
border: 1px solid #ffffff;
}
Allows you to change a border color search:
Code:
#search_menu input.post {
border: 1px solid #EE0030;
}
Changes the widget "Search" and "Advanced Search":
Code:
.advanced-search .search-footer {
background-color: #EE0030;
border-top: 1px solid #ffffff;
}
Poll

Change the background of the poll, once voted:
Code:
.polls {
background-color: #EE0030;
}
Change the color options of the poll:
Code:
.polls dl {
color: #EE0030;
}
Smileys

Modifies the edge of the frame containing the smileys when composing a message:
Code:
.smiley-container {
border: 1px solid;
color: #EE0030;
}
Change the background color of the drop down menu "More Smilies":
Code:
.smiley-selector {
background-color: #EE0030;
}
Change the color of the outline of the box (which is written HTML enabled, BBcode enabled, etc.):
Code:
#smiley-box {
background-color: #EE0030;
border: 1px solid #;
}
Sending a Message

Allows you to change the outline color of the text box (frame containing the formatting buttons)
Code:
.messaging-box {
background-color: #EE0030;
border: 1px solid #;
}
Change the border of the text box, and by extension the bottom of the text box, see the formatting of text when writing a response:
Code:
.messaging-box textarea {
border: 2px inset #105289;
}
Navigation Bar

Text color, by extension formatting it:
Code:
#submenu ul li a {
color: #EE0030;
}
Modifies the substantive overview of the cursor on an item in the navigation bar:
Code:
#submenu ul li a:hover {
background-color: #EE0030;
}
Changes the bar under the navigation bar (containing "Logged in { USERNAME }, etc. ..)
Code:
#userlinks {
background-color: #EE0030;
border-bottom: 1px solid #cadceb;
}
Same for guests:
Code:
#userlinks.not-connected {
background-color: #EE0030;
border-bottom: 1px solid #cadceb;
}
Changes the color of the title in the summary page:
Code:
#navstrip {
color: #EE0030;
}
Banner

Allows you to change the background color behind the banner:
Code:
div#logostrip {
background-color: #EE0030;
}
Widget and Portal

Change the insert containing the title of a widget:
Code:
.module .maintitle {
padding: 100px;
}
Modifies writing the title of widgets (ie formatting)
Code:
.module .maintitle h3 {
float: none;
font-size: 1em;
color: #EE0030;
}
Changes the text widgets (but not links):
Code:
.module .box-content {
color: #EE0030;
}
Change the nature of the placement central widgets of the portal:
Code:
.module .postbody .post-footer {
color: #EE0030;
}
For the Stat/Poll Widget

.module .box-content.poll
.module .box-content.poll dl
.module .box-content.poll dt
.module .box-content.poll dd
.module .box-content.poll dd.pstats

Social Bookmarking Widget

.module .social-bookmark

Others

Change the formatting of "birthday" "chatbox" "statistics" ...
Code:
.formsubtitle {
padding: 5px;
color: #EE0030;
}
Change the formatting of the title description of the forum (under or next to the banner)
Code:
div#logostrip {
min-height: 70px;
color: #EE0030;
}
Change the formatting of the description under the banner:
Code:
#site-desc {
margin: 8px;
color: #EE0030;
}
Change the formatting of the title of the forum (beside or below banner)
Code:
div#logostrip #main-title h1 {
padding-top: 0;
color: #EE0030;
}
Expansion of the input field for the email form:
Code:
textarea {
width:650px;
}


SLGray
Administrator

Reputation : 294
Points : 1597
Posts : 3723

View user profile http://fmthemes.forumotion.com

Back to top Go down

View previous topic View next topic Back to top

- Similar topics

 
Permissions in this forum:
You cannot reply to topics in this forum