Jump to content

Elements that need their own color choosers


Michael

Recommended Posts

I want to find out from folks which areas you think I should add distinct color choosers for. I already have one chooser for the body background, and in various other topics I've gotten reports of other sections you'd like to color specifically, instead of recoloring off of a selected primary color. Here are the sections I've had reported to me thus far, I'll try and keep track of these here.

Background colors:




.maintitle



Text colors:
#primary_nav ul li a
#user_link

Any other specific CSS elements you'd like color control over? There are some other suggestions I need to organize that aren't related to color, so please don't list those here; this is just for the color choosers.

Link to comment
Share on other sites

Haha, I started a topic for this specific purpose. I guess we both were posting it at the same time Michael lol.

But yea, this is a good idea and here are some other parts that would be nice to have more control over.:

  • Submenu
  • Userlinks
  • All Darkrows


There are more, but those I got off the top of my head.
Link to comment
Share on other sites


Haha, I started a topic for this specific purpose. I guess we both were posting it at the same time Michael lol.



But yea, this is a good idea and here are some other parts that would be nice to have more control over.:



  • Submenu
  • Userlinks
  • All Darkrows


There are more, but those I got off the top of my head.



What are those specific CSS elements you're referring to? I think 'Userlinks' refers to #user_navigation #user_link, but I'm not sure about the others.
Link to comment
Share on other sites

It's good to allow customization, and to make this as flexible as possible, but I think you need to be careful that this doesn't end up becoming a fancy "Easy CSS" remake.

Perhaps keep the current settings largely as they are, and allow further options--such as particular row spans and so forth--to be set if they really want to.

Link to comment
Share on other sites


What are those specific CSS elements you're referring to? I think 'Userlinks' refers to #user_navigation #user_link, but I'm not sure about the others.




Sorry for the confusion Michael. I meant these elements:

#1

/* Table column headers */

.header {

 background: #b6c7db;

#2 and basically all the rows in this section of the CSS:

/* COLORS */


 .row1, .row1 td, .post_block.row1 {

 background-color: #fafbfc; /* Very light blue */

 }


 .row1 .altrow, .row1.altrow,

 .personal_info, .general_box {

 background-color: #eef3f8; /* Slightly darker than row1 */

 }


 .row2, .row2 td, .post_block.row2,

 .message {

 background-color: #f1f4f7; /* Light blue */

 }


 .row2 .altrow, .row2.altrow,

 /* ul.post_controls,*/

 ul.topic_moderation {

 background-color: #e4ebf2; /* Slightly darker than row2 */

 }

Link to comment
Share on other sites

  • 2 weeks later...

An element that might be hard is the whitelinks.

Example:
http://community.invisionpower.com/index.php?app=core&module=skingen&to=24D3FF&to_alt=EFF700&bg=FBC7FF&text=000000&contrast=0

/* White links */

#admin_bar a, #stat_links a,

#primary_nav ul li.active, #primary_nav ul li a:hover, #primary_nav ul li.active a,

#user_navigation.not_logged_in, #user_navigation.not_logged_in a,

#user_navigation #user_link, #user_navigation #new_msg_count,

#user_navigation ul, #user_navigation ul#user_link_menucontent, #user_navigation ul#user_link_menucontent a:hover,

#search .submit_input, .message.user_status #update_status,

table.ipb_table th a, .topic_buttons li a, .topic_buttons li span,

.message.user_status #update_status, .tab_bar li.active, .tab_bar li.active a,

.members li.positive a, .members li.negative a, #footer_utilities a, a.input_submit:hover {

	color: #fff;

	text-decoration: none;	

}



That or perhaps create a new id for:
#primary_nav ul li.active
#primary_nav ul li a:hover
#primary_nav ul li.active a

Sorry Michael.

Link to comment
Share on other sites


An element that might be hard is the whitelinks.



Example:




/* White links */

#admin_bar a, #stat_links a,

#primary_nav ul li.active, #primary_nav ul li a:hover, #primary_nav ul li.active a,

#user_navigation.not_logged_in, #user_navigation.not_logged_in a,

#user_navigation #user_link, #user_navigation #new_msg_count,

#user_navigation ul, #user_navigation ul#user_link_menucontent, #user_navigation ul#user_link_menucontent a:hover,

#search .submit_input, .message.user_status #update_status,

table.ipb_table th a, .topic_buttons li a, .topic_buttons li span,

.message.user_status #update_status, .tab_bar li.active, .tab_bar li.active a,

.members li.positive a, .members li.negative a, #footer_utilities a, a.input_submit:hover {

	color: #fff;

	text-decoration: none;	

}



That or perhaps create a new id for:
#primary_nav ul li.active
#primary_nav ul li a:hover
#primary_nav ul li.active a

Sorry Michael.


these needs to be changed from the default css not just he skin generator
IMO this class is the worst class ever!
Link to comment
Share on other sites

  • 1 month later...

Archived

This topic is now archived and is closed to further replies.

  • Recently Browsing   0 members

    • No registered users viewing this page.
×
×
  • Create New...