User talk:Revanche/Sandbox

Response to Aid Request

Rev,

The easiest way for me to add CSS to the sidebar would be to add a unique classname (if you want to have multiple sidebars on one page) or a unique ID (if there's only one sidebar per page). Then it's just a matter of applying the CSS based on the content of the sidebar.

Modified Code

Here's a duplicate of your setup using CSS and a unique ID attribute.

Nougat

Nougat nougat nougat nougat nougat nougat nougat nougat nougat nougat nougat nougat nougat nougat nougat nougat nougat nougat nougat nougat nougat nougat nougat nougat nougat nougat nougat nougat nougat nougat nougat nougat nougat nougat nougat nougat nougat nougat nougat nougat nougat nougat nougat nougat nougat nougat nougat nougat nougat nougat nougat nougat nougat nougat nougat nougat nougat nougat nougat nougat nougat nougat nougat nougat nougat nougat nougat nougat nougat nougat nougat nougat nougat nougat nougat nougat nougat nougat nougat nougat nougat nougat nougat nougat nougat nougat nougat nougat nougat nougat nougat nougat nougat nougat nougat nougat nougat nougat nougat nougat nougat nougat nougat nougat nougat.

Nougat nougat nougat nougat nougat nougat nougat nougat nougat nougat nougat nougat nougat nougat.

• More nougat
• More nougat

Linked Nougat

Save the following code (Everything between the HRs) into a CSS file and apply it to the page to see what happens. (You can apply the CSS in Firefox by using the Web Developer Toolbar's Edit CSS menu option. Just cut and paste.) It also looks like you can put this into your BTW custom CSS file and it will work.--Mbear^(talk) 11:10, 19 April 2012 (PDT)

---

/* duplicate original styles from Rev. */

div#revSidebar
{
   float:right; 
   width: 15em; 
   padding: 0 1em; 
   margin: 1em 0 1em 1em; 
   border-left: solid #888888 1px;
   background-color: #FFFFFF;
}

/* adjust background of heading tag inside sidebar */

div#revSidebar h2
{
   background-color: #008b8b;/* DarkCyan. (change to whatever you want.) */
}

/*NOTE: MediaWiki inserts a span (span#Sidebar) and a class (.mw-headline) on the h2 tag in the sidebar, so you may have to account for those as well (i.e., remove the styles that are applied). I just tried it and it looks like the H2 tag is getting some extra padding/margins that throw it off. */

/*closing off the top and bottom of the sidebar itself is easy. Just add the relevant borders. */

div#revSidebar
{
   float:right; 
   width: 15em; 
   padding: 0 1em; 
   margin: 1em 0 1em 1em; 
   border-top: solid #888888 1px;
   border-right:none;
   border-bottom: solid #888888 1px;
   border-left: solid #888888 1px;
   background-color: #FFFFFF;
}

/* "backshading" is also easy because all you do is change the background color value.*/

div#revSidebar
{
   background-color: #f0f8ff; /* AliceBlue (change as appropriate)*/
}

---

I'm not sure if this is what you had in mind or not, but maybe I'm on the right path. Take a look and let me know if I'm totally misunderstanding what you want to do.--Mbear^(talk) 11:08, 19 April 2012 (PDT)