Announcement

Collapse
No announcement yet.

Admin panel CSS examples

Collapse
X
 
  • Filter
  • Time
  • Show
Clear All
new posts

  • Admin panel CSS examples

    We are embarking on an adventure to move our forums to vBulletin as part of a major site overhaul. This is particularly an adventure for us, because while we aren't dumb, we know little about Web coding yet. So, I thought I would recount my first experience as your average clueless one.

    The first thing I had to do was change the colors in the admin panel after getting an email from fellow, chief volunteer saying he couldn't read the options in the menu. I agreed. Since there is no mention of a template for the admin panel in the templates list, I checked here where I found messages saying that the cp.css had to be edited. Ah ha!

    I found the cp.css. So far, so good. Having read some stuff about CSS, I understand the basic principles, but how to discern which settings control which elements of the page display. I spent quite a long time, couple hours maybe, simply trying to determine the relationship between what was in the cp.css and what I saw on the page. Since I don't intuitively know what color a hex code represents, I had to translate the codes into colors to figure out what went with what. This is made a bit more difficult by the fact that some of the purples are very close. Finally, I got a better idea of what needed to be changed, but I still needed to trial-and-error through a couple versions of the cp.css, changing colors and font sizes, to figure it out enough to make the simple changes I wanted.

    After mostly figuring out what in cp.css controlled what in the display, it took probably another couple hours of trying changes to finally get something readable. As I couldn't find a way to create a facsimile of the page on my PC, I could only try the changes by uploading a new cp.css to the server each time. Not a big deal, just a bit more time consuming.

    Anyway, from the time I started on the quest to find out how to change the colors and font sizes in the admin panel to the time I finished took about 7 hours. Time flies when you're having fun. A mention in the user guide of how to change the basic display of the admin panel and/or a few more lines of comments in the cp.css would have been very welcome.
    Last edited by samtha25; Sat 14th Jul '01, 2:51pm.

  • #2
    Yes I agree with that - I haven't yet tried to change my CP colors but I might give it a shot fairly soon.

    Comment


    • #3
      If you just want to make the admin panel more readable, you can try mine. It increases the font size a bit, changes the color of the menu items from the pale purple/grey to the yellow used elsewhere in the admin panel, and changes the hover/active link accordingly. I deleted the section dealing with scroll bar attributes, as they are only work with IE5+.

      Code:
      /* Modified */
      BODY {BACKGROUND-COLOR: #BBBBBB; COLOR: #000000; FONT-FAMILY: Verdana,Arial,Helvetica,sans-serif; FONT-SIZE: 12px}
      
      UL  {FONT-FAMILY: Verdana,Arial,Helvetica,sans-serif; FONT-SIZE: 12px}
      LI  {FONT-FAMILY: Verdana,Arial,Helvetica,sans-serif; FONT-SIZE: 12px}
      P  {FONT-FAMILY: Verdana,Arial,Helvetica,sans-serif; FONT-SIZE: 12px}
      TD  {FONT-FAMILY: Verdana,Arial,Helvetica,sans-serif; FONT-SIZE: 12px}
      TR  {FONT-FAMILY: Verdana,Arial,Helvetica,sans-serif; FONT-SIZE: 12px}
      
      /* color for links */
      A:LINK  {COLOR: #000000; TEXT-DECORATION: none}
      A:VISITED	{COLOR: #000000; TEXT-DECORATION: none}
      /* hover color for links (Internet Explorer only) */
      A:HOVER	{COLOR: #FFFFFF; BACKGROUND-COLOR: #40364d)
      A:ACTIVE	{COLOR: #FFFFFF; BACKGROUND-COLOR: #40364d}
      
      FORM  {FONT-FAMILY: Verdana,Arial,Helvetica,sans-serif; FONT-SIZE: 12px}
      SELECT  {FONT-FAMILY: Verdana,Arial,Helvetica,sans-serif; COLOR: #51485F; FONT-SIZE: 12px}
      INPUT  {FONT-FAMILY: Verdana,Arial,Helvetica,sans-serif; COLOR: #51485F; FONT-SIZE: 12px}
      TEXTAREA  {FONT-FAMILY: Verdana,Arial,Helvetica,sans-serif; COLOR: #51485F; FONT-SIZE: 12px}
      
      /* style for submit/reset buttons */
      #submitrow INPUT {BACKGROUND-COLOR:#40364d; COLOR: #f5d300; FONT-WEIGHT: bold}
      /* first alternating table background color */
      .firstalt  {BACKGROUND-COLOR: #D0D0D0}
      /* second alternating table background color */
      .secondalt  {BACKGROUND-COLOR: #C5C5C5}
      /* table header background and text color */
      .tblhead  {BACKGROUND-COLOR: #40364D; COLOR:#F5D300; FONT-SIZE:12px}
      /* table border color */
      .tblborder  {BACKGROUND-COLOR: #51485F}
      
      /* extra styles for top and left frames */
      #navbody  {COLOR: #3F3849; FONT-FAMILY: Verdana,Arial,Helvetica,sans-serif; FONT-SIZE: 12px; BACKGROUND-COLOR: #51485F}
      #navbody TD  {FONT-FAMILY: Verdana,Arial,Helvetica,sans-serif; FONT-SIZE: 12px}
      #navbody A:LINK  {COLOR: #F5D300; FONT-FAMILY: Verdana,Arial,Helvetica,sans-serif; FONT-SIZE: 12px}
      #navbody A:VISITED  {COLOR: #F5D300; FONT-FAMILY: Verdana,Arial,Helvetica,sans-serif}
      #navbody A:HOVER {COLOR: #FFFFFF; FONT-FAMILY: Verdana,Arial,Helvetica,sans-serif}
      #navbody A:ACTIVE  {COLOR: #FFFFFF; FONT-FAMILY: Verdana,Arial,Helvetica,sans-serif}
      #navbody .tblhead  {COLOR: #BCB6CD; FONT-FAMILY: Verdana,Arial,Helvetica,sans-serif; FONT-SIZE: 12px}
      
      /* global and custom color definitions */
      .gc {COLOR: darkgreen} /* global color */
      .cc {COLOR: darkblue} /* custom color */
      Last edited by samtha25; Sun 15th Jul '01, 10:00am.

      Comment


      • #4
        I thought some people might want a darker css, so this is the cp.css I use on a majority of my sites:

        Code:
        BODY {BACKGROUND-COLOR: #000000; COLOR: #a0a0a0; FONT-FAMILY: Verdana,Arial,Helvetica,sans-serif; FONT-SIZE: 12px;
        	/* this attribute sets the basis for all the other scrollbar colors (Internet Explorer 5.5+ only) */
        	SCROLLBAR-BASE-COLOR:  #3F3F3F;
        	/* all scrollbar attriblutes following are not required, but you can set them if you wish. */
        	SCROLLBAR-ARROW-COLOR: #a0a0a0;
        	SCROLLBAR-HIGHLIGHT-COLOR: #606060;
        }
        
        UL			{FONT-FAMILY: Verdana,Arial,Helvetica,sans-serif; FONT-SIZE: 12px}
        LI			{FONT-FAMILY: Verdana,Arial,Helvetica,sans-serif; FONT-SIZE: 12px}
        P			{FONT-FAMILY: Verdana,Arial,Helvetica,sans-serif; FONT-SIZE: 12px}
        TD			{FONT-FAMILY: Verdana,Arial,Helvetica,sans-serif; FONT-SIZE: 12px}
        TR			{FONT-FAMILY: Verdana,Arial,Helvetica,sans-serif; FONT-SIZE: 12px}
        
        /* color for links */
        A:LINK		{COLOR: #a0a0a0; TEXT-DECORATION: none}
        A:VISITED	{COLOR: #a0a0a0; TEXT-DECORATION: none}
        /* hover color for links (Internet Explorer only) */
        A:HOVER		{COLOR: #a0a0a0; BACKGROUND-COLOR: #000000}
        A:ACTIVE	{COLOR: #a0a0a0; BACKGROUND-COLOR: #000000}
        
        FORM		{FONT-FAMILY: Verdana,Arial,Helvetica,sans-serif; FONT-SIZE: 10px}
        SELECT		{FONT-FAMILY: Verdana,Arial,Helvetica,sans-serif; COLOR: #303030; FONT-SIZE: 10px}
        INPUT		{FONT-FAMILY: Verdana,Arial,Helvetica,sans-serif; COLOR: #303030; FONT-SIZE: 10px}
        TEXTAREA	{FONT-FAMILY: Verdana,Arial,Helvetica,sans-serif; COLOR: #303030; FONT-SIZE: 10px}
        
        /* style for submit/reset buttons */
        #submitrow INPUT {BACKGROUND-COLOR:#000000; COLOR: #2B54A2; FONT-WEIGHT: bold}
        /* first alternating table background color */
        .firstalt	{BACKGROUND-COLOR: #2F2F2F}
        /* second alternating table background color */
        .secondalt	{BACKGROUND-COLOR: #3A3A3A}
        /* table header background and text color */
        .tblhead	{BACKGROUND-COLOR: #303030; COLOR:#2B54A2; FONT-SIZE:10px}
        /* table border color */
        .tblborder	{BACKGROUND-COLOR: #000000}
        
        /* extra styles for top and left frames */
        #navbody 			{COLOR: #a0a0a0; FONT-FAMILY: Verdana,Arial,Helvetica,sans-serif; FONT-SIZE: 10px; BACKGROUND-COLOR: #000000}
        #navbody TD 		{FONT-FAMILY: Verdana,Arial,Helvetica,sans-serif; FONT-SIZE: 10px}
        #navbody A:LINK		{COLOR: #a0a0a0; FONT-FAMILY: Verdana,Arial,Helvetica,sans-serif; FONT-SIZE: 10px}
        #navbody A:VISITED	{COLOR: #a0a0a0; FONT-FAMILY: Verdana,Arial,Helvetica,sans-serif}
        #navbody A:HOVER	{COLOR: #a0a0a0; FONT-FAMILY: Verdana,Arial,Helvetica,sans-serif; BACKGROUND-COLOR: #000000}
        #navbody A:ACTIVE	{COLOR: #a0a0a0; FONT-FAMILY: Verdana,Arial,Helvetica,sans-serif; BACKGROUND-COLOR: #000000}
        #navbody .tblhead	{COLOR: #a0a0a0; FONT-FAMILY: Verdana,Arial,Helvetica,sans-serif}
        
        /* global and custom color definitions */
        .gc {COLOR: darkgreen} /* global color */
        .cc {COLOR: darkblue} /* custom color */

        Comment


        • #5
          Here is my cp.css. It basically just recolors the control panel to match the forums.

          Code:
          BODY {BACKGROUND-COLOR: #FFFFFF; COLOR: #000000; FONT-FAMILY: Verdana,Arial,Helvetica,sans-serif; FONT-SIZE: 12px;}
          
          UL      {FONT-FAMILY: Verdana,Arial,Helvetica,sans-serif; FONT-SIZE: 12px}
          LI      {FONT-FAMILY: Verdana,Arial,Helvetica,sans-serif; FONT-SIZE: 12px}
          P     {FONT-FAMILY: Verdana,Arial,Helvetica,sans-serif; FONT-SIZE: 12px}
          TD      {FONT-FAMILY: Verdana,Arial,Helvetica,sans-serif; FONT-SIZE: 12px}
          TR      {FONT-FAMILY: Verdana,Arial,Helvetica,sans-serif; FONT-SIZE: 12px}
          
          /* color for links */
          A:LINK    {COLOR: #0000BB; TEXT-DECORATION: none}
          A:VISITED {COLOR: #003366; TEXT-DECORATION: none}
          /* hover color for links (Internet Explorer only) */
          A:HOVER   {COLOR: #FFFFFF; BACKGROUND-COLOR: #0000BB}
          A:ACTIVE  {COLOR: #FFFFFF; BACKGROUND-COLOR: #0000BB}
          
          FORM    {FONT-FAMILY: Verdana,Arial,Helvetica,sans-serif; FONT-SIZE: 10px}
          SELECT    {FONT-FAMILY: Verdana,Arial,Helvetica,sans-serif; COLOR: #000000; FONT-SIZE: 10px}
          INPUT   {FONT-FAMILY: Verdana,Arial,Helvetica,sans-serif; COLOR: #000000; FONT-SIZE: 10px}
          TEXTAREA  {FONT-FAMILY: Verdana,Arial,Helvetica,sans-serif; COLOR: #000000; FONT-SIZE: 10px}
          
          /* style for submit/reset buttons */
          #submitrow INPUT {BACKGROUND-COLOR:#FB8821; COLOR: #FFFFFF; FONT-WEIGHT: bold}
          /* first alternating table background color */
          .firstalt {BACKGROUND-COLOR: #EBF1F7}
          /* second alternating table background color */
          .secondalt  {BACKGROUND-COLOR: #CDDEED}
          /* table header background and text color */
          .tblhead  {BACKGROUND-COLOR: #FB8821; COLOR:#FFFFFF; FONT-SIZE:10px}
          /* table border color */
          .tblborder  {BACKGROUND-COLOR: #FB8821}
          
          /* extra styles for top and left frames */
          #navbody            {COLOR: #000000; FONT-FAMILY: Verdana,Arial,Helvetica,sans-serif; FONT-SIZE: 10px; BACKGROUND-COLOR: #EBF1F7}
          #navbody TD         {FONT-FAMILY: Verdana,Arial,Helvetica,sans-serif; FONT-SIZE: 10px}
          #navbody A:LINK     {COLOR: #0000BB; FONT-FAMILY: Verdana,Arial,Helvetica,sans-serif; FONT-SIZE: 10px}
          #navbody A:VISITED  {COLOR: #003366; FONT-FAMILY: Verdana,Arial,Helvetica,sans-serif}
          #navbody A:HOVER    {COLOR: #FFFFFF; FONT-FAMILY: Verdana,Arial,Helvetica,sans-serif; BACKGROUND-COLOR: #0000BB;}
          #navbody A:ACTIVE   {COLOR: #FFFFFF; FONT-FAMILY: Verdana,Arial,Helvetica,sans-serif; BACKGROUND-COLOR: #0000BB}
          #navbody .tblhead   {COLOR: ##FB8821; FONT-FAMILY: Verdana,Arial,Helvetica,sans-serif}
          
          /* global and custom color definitions */
          .gc {COLOR: darkgreen;font-weight:bold;} /* global color */
          .cc {COLOR: darkblue;font-weight:bold;} /* custom color */
          Translations provided by Google.

          Wayne Luke
          The Rabid Badger - a vBulletin Cloud demonstration site.
          vBulletin 5 API - Full / Mobile
          Vote for your favorite feature requests and the bugs you want to see fixed.

          Comment


          • #6
            This is the CSS I use for the 3DFrontier.com control panel:

            Code:
            BODY {
            	BACKGROUND: #FFFFFF URL(/images/misc/cpbg.gif);
            	COLOR: #000000;
            	FONT-FAMILY: Tahoma;
            	FONT-SIZE: 12px;
            	SCROLLBAR-BASE-COLOR: #113274;
            	SCROLLBAR-ARROW-COLOR: #FFFF00;
            }
            UL,LI,P,TD,TR {
            	FONT-FAMILY: Tahoma;
            	FONT-SIZE: 12px
            }
            A:LINK,A:VISITED,A:ACTIVE {
            	COLOR: #000066;
            	TEXT-DECORATION: none;
            	BACKGROUND-COLOR: #FFFFFF;
            	FONT-SIZE: 11px
            }
            .firstalt A:LINK,.firstalt A:VISITED,.firstalt A:ACTIVE,.secondalt A:LINK,.secondalt A:VISITED,.secondalt A:ACTIVE {
            	BACKGROUND-COLOR: transparent
            }
            A:HOVER {
            	COLOR: #FFFF00;
            	BACKGROUND-COLOR: #113274
            }
            FORM {
            	FONT-FAMILY: Tahoma;
            	FONT-SIZE: 10px
            }
            SELECT {
            	FONT-FAMILY: Tahoma;
            	COLOR: #000000;
            	FONT-SIZE: 11px;
            	BACKGROUND-COLOR: #EEFFFF
            }
            INPUT {
            	FONT-FAMILY: Tahoma;
            	COLOR: #000000;
            	FONT-SIZE: 11px
            }
            TEXTAREA {
            	FONT-FAMILY: Verdana;
            	COLOR: #000000;
            	FONT-SIZE: 10px;
            	BACKGROUND-COLOR: #EEFFFF
            }
            #submitrow INPUT {
            	BACKGROUND-COLOR: #153D8C;
            	COLOR: #FFFFFF;
            	FONT-WEIGHT: bold;
            	BORDER-COLOR: #FFFFFF;
            	BORDER-WIDTH: 1px;
            	BORDER-STYLE: solid
            }
            .secondalt {
            	BACKGROUND-COLOR: #CCEEEE
            }
            .firstalt {
            	BACKGROUND: #BBDDDD URL(/images/corelite/texture_bg.gif)
            }
            .tblhead {
            	BACKGROUND-COLOR: #113274;
            	COLOR:#FFFFFF;
            	FONT-SIZE:11px
            }
            .tblborder {
            	BACKGROUND-COLOR: #113274
            }
            
            /* ************************* */
            
            #navbody {
            	COLOR: #FFFFFF;
            	FONT-FAMILY: Tahoma;
            	FONT-SIZE: 11px;
            	BACKGROUND: #113274 URL(/images/corelite/dev_stripes.gif)
            }
            #navbody TD {
            	FONT-FAMILY: Tahoma;
            	FONT-SIZE: 11px
            }
            #navbody A:LINK, #navbody A:VISITED, #navbody A:ACTIVE {
            	BACKGROUND-COLOR: transparent;
            	COLOR: #FFFFFF;
            	FONT-FAMILY: Tahoma;
            	FONT-SIZE: 11px
            }
            #navbody A:HOVER {
            	BACKGROUND-COLOR: #113274;
            	COLOR: #FFFF00;
            	FONT-FAMILY: Tahoma
            }
            #navbody .tblhead td {
            	BORDER-STYLE: solid;
            	BORDER-WIDTH: 1px;
            	BORDER-COLOR: #BBDDDD
            }
            #navbody .tblhead {
            	COLOR: #FFFFFF;
            	FONT-FAMILY: Verdana;
            	FONT-SIZE: 10px
            }
            HR {
            	COLOR: #113274
            }
            .gc {
            	COLOR: darkgreen;
            	FONT-SIZE: 11px;
            	BACKGROUND-COLOR: #FFFFFF
            }
            span.gc  {
            	FONT-WEIGHT: bold;
            }
            .cc {
            	COLOR: darkblue;
            	FONT-SIZE: 11px;
            	BACKGROUND-COLOR: #FFFFFF
            }
            span.cc  {
            	FONT-WEIGHT: bold;
            }
            .buttons INPUT {
            	BACKGROUND-COLOR: #CCEEEE; COLOR: #000000;
            	FONT-SIZE: 11px; FONT-WEIGHT: bold;
            	BORDER-COLOR: #113274; BORDER-WIDTH: 1px; BORDER-STYLE: solid
            }
            .uhoh {
            	COLOR: #FF0000;
            	BACKGROUND-COLOR: #EEEEEE
            }
            There are a few extra classes in there, for some of my extra special features that aren't public yet...

            Comment


            • #7
              ... and this is how it styles the control panel:



              Comment


              • #8
                kier whats the pending items I see? just out of curiosity?
                MSN: [email protected] | MAIL: [email protected] | FOLIO: mholman.com

                Comment


                • #9
                  Oh, that's not actually the vBulletin control panel... it's the main control panel for the whole site... it's just built on vBulletin code

                  Comment


                  • #10
                    Originally posted by Kier
                    Oh, that's not actually the vBulletin control panel... it's the main control panel for the whole site... it's just built on vBulletin code
                    nifty
                    :: Always Back Up Forum Database + Attachments BEFORE upgrading !
                    :: Nginx SPDY SSL - World Flags Demo [video results]
                    :: vBulletin hacked forums: Clean Up Guide for VPS/Dedicated hosting users [ vbulletin.com blog summary ]

                    Comment


                    • #11
                      Like the 7-11 of Control Panels. Nice.
                      MSN: [email protected] | MAIL: [email protected] | FOLIO: mholman.com

                      Comment


                      • #12
                        Wow! I just used it, and re-produced the images from the screen shot, made my own logo, and it looks spankin'!
                        (call it stealing, but I just LOVE that look)

                        Thanks Kier!
                        Chen Avinadav
                        Better to remain silent and be thought a fool than to speak out and remove all doubt.

                        גם אני מאוכזב מסיקור תחרות לתור מוטור של NRG הרשת ע"י מעריב

                        Comment


                        • #13
                          hi kier.
                          I'like your style, but I have the images that u are using
                          would you post that images? please??

                          cpbg.gif
                          texture_bg.gif
                          dev_stripes.gif

                          Comment


                          • #14
                            There you go.

                            Be sure to change "corelite" to "misc".
                            Chen Avinadav
                            Better to remain silent and be thought a fool than to speak out and remove all doubt.

                            גם אני מאוכזב מסיקור תחרות לתור מוטור של NRG הרשת ע"י מעריב

                            Comment


                            • #15
                              My cp with kier's css


                              Code:
                              BODY {
                              	BACKGROUND: #414468 URL(/images/misc/cpbg.gif);
                              	COLOR: #CCCCCC;
                              	FONT-FAMILY: verdana;
                              	FONT-SIZE: 12px;
                              	SCROLLBAR-BASE-COLOR: #414468;
                              	SCROLLBAR-ARROW-COLOR: #FFC05E;
                              }
                              UL,LI,P,TD,TR {
                              	FONT-FAMILY: verdana;
                              	FONT-SIZE: 12px
                              }
                              A:LINK,A:VISITED,A:ACTIVE {
                              	COLOR: #FFC05E;
                              	TEXT-DECORATION: none;
                              	FONT-SIZE: 11px
                              }
                              .firstalt A:LINK,.firstalt A:VISITED,.firstalt A:ACTIVE,.secondalt A:LINK,.secondalt A:VISITED,.secondalt A:ACTIVE {
                              	BACKGROUND-COLOR: transparent
                              }
                              A:HOVER {
                              	COLOR: #FF9B00;
                              }
                              FORM {
                              	FONT-FAMILY: verdana;
                              	FONT-SIZE: 10px
                              }
                              SELECT {
                              	FONT-FAMILY: verdana;
                              	COLOR: #CCCCCC;
                              	FONT-SIZE: 11px;
                              	BACKGROUND-COLOR: #4A4E74;
                              }
                              INPUT {
                              	FONT-FAMILY: verdana;
                              	COLOR: #4A4E74;
                              	FONT-SIZE: 11px
                              }
                              TEXTAREA {
                              	FONT-FAMILY: Verdana;
                              	COLOR: #CCCCCC;
                              	FONT-SIZE: 10px;
                              	BACKGROUND-COLOR: #4A4E74;
                              }
                              #submitrow INPUT {
                              	BACKGROUND-COLOR: #4A4E74;
                              	COLOR: #CCCCCC;
                              	FONT-WEIGHT: bold;
                              	BORDER-COLOR: #FFFFFF;
                              	BORDER-WIDTH: 1px;
                              	BORDER-STYLE: solid
                              }
                              .secondalt {
                              	BACKGROUND-COLOR: #4A4E74;
                              }
                              .firstalt {
                              	BACKGROUND: #404364 URL(/images/corelite/texture_bg.gif)
                              }
                              .tblhead {
                              	BACKGROUND-COLOR: #FFC05E;
                              	COLOR: #000000;
                              	FONT-SIZE:11px
                              }
                              .tblborder {
                              	BACKGROUND-COLOR: #404364;
                              }
                              
                              /* ************************* */
                              
                              #navbody {
                              	COLOR: #FFC05E;
                              	FONT-FAMILY: verdana;
                              	FONT-SIZE: 11px;
                              	BACKGROUND: #414468 URL(/images/corelite/dev_stripes.gif)
                              }
                              #navbody TD {
                              	FONT-FAMILY: verdana;
                              	FONT-SIZE: 11px
                              }
                              #navbody A:LINK, #navbody A:VISITED, #navbody A:ACTIVE {
                              	BACKGROUND-COLOR: transparent;
                              	COLOR: #CCCCCC;
                              	FONT-FAMILY: verdana;
                              	FONT-SIZE: 11px
                              }
                              #navbody A:HOVER {
                              	COLOR: #FF9B00;
                              	FONT-FAMILY: verdana
                              }
                              #navbody .tblhead td {
                              	BORDER-STYLE: solid;
                              	BORDER-WIDTH: 1px;
                              	BORDER-COLOR: #BBDDDD
                              }
                              #navbody .tblhead {
                              	COLOR: #000000;
                              	FONT-FAMILY: Verdana;
                              	FONT-SIZE: 10px
                              }
                              HR {
                              	COLOR: #FFC05E
                              }
                              .gc {
                              	COLOR: darkwhite;
                              	FONT-SIZE: 11px;
                              	BACKGROUND-COLOR: #414468
                              }
                              span.gc  {
                              	FONT-WEIGHT: bold;
                              }
                              .cc {
                              	COLOR: darkred;
                              	FONT-SIZE: 11px;
                              	BACKGROUND-COLOR: #414468
                              }
                              span.cc  {
                              	FONT-WEIGHT: bold;
                              }
                              .buttons INPUT {
                              	BACKGROUND-COLOR: #4A4E74; COLOR: #000000;
                              	FONT-SIZE: 11px; FONT-WEIGHT: bold;
                              	BORDER-COLOR: #113274; BORDER-WIDTH: 1px; BORDER-STYLE: solid
                              }
                              .uhoh {
                              	COLOR: #FF0000;
                              	BACKGROUND-COLOR: #EEEEEE
                              }

                              Comment

                              widgetinstance 262 (Related Topics) skipped due to lack of content & hide_module_if_empty option.
                              Working...
                              X