IAMWW

5 Comments

1. David Yeiser
   09 Feb 08

   Wow, I’m envious of your admin area.

   Reply - Quote
2. Will Wilkins
   09 Feb 08

   @David – Mr. Hicks really did an awesome job on it! I really love the simplicity of the TXP admin too.

   Reply - Quote
3. Eric Limegrover
   11 Feb 08

   Replace the CSS from the hicks, with this slightly tweaked version. It could still use some tweaking, especially with links and such, but overall it works.

   Reply - Quote
4. Eric Limegrover
   11 Feb 08

   Whoops. I’m a moron. Delete that CSS file as it was the wrong one use this instead. It’s still quirky, but eh.. The tabs work

   /*
   TXP Admin
   ——————————————
   */

   * { font-family: “Lucida Grande”, verdana, sans-serif !important; }

   /*width control*/

   table#edit ,
   table#list {
   padding: 0 10% !important;
   }

   table#edit,
   table#list,
   input#title,
   textarea {
   width: 99.9% !important;
   }

   /*header*/
   table#pagetop {
   background: #000 url(txp_img/bkgd.gif) repeat-x left bottom !important;
   }

   #branding h2 {
   color: yellow;
   margin: 20px 0 0 14.5%;
   width: 100%;
   text-transform: uppercase;
   font-size: 11px;
   letter-spacing: 1px;
   }

   #branding h2 a {
   letter-spacing: 0;
   font-size: 20px !important;
   color: #eee;
   text-decoration: underline;
   font-size: 15px;
   margin: 0 10px 0 0;
   text-transform: capitalize;

   }

   td.tabup, td.tabdown, td.tabup2, td.tabdown2 { padding: 0 !important;}

   tr#branding {
   height: 60px;
   vertical-align: middle;
   background: transparent !important;
   }

   tr#branding img {
   display: none;
   }

   #navpop {
   vertical-align: middle;
   }

   #navpop select {
   margin: -10px 5% 0 0;
   }

   /* Notifications */

   #nav-primary table {
   position: relative;
   }

   td[valign=“middle”] {
   position: absolute;
   color: yellow;
   left: 10%;
   margin: 0 0 0 540px;
   top: 5px;
   height: 12px;
   z-index: 1;
   }

   /*tabs*/

   table, tbody, tr {
   text-align: left !important;
   }

   td.tabs {
   position: relative;

   }

   td.tabs table {
   position: absolute;
   left: 10%;
   }

   td.tabs,
   tr#nav-primary {
   background: transparent !important;
   text-align: left !important;
   height: 28px !important;
   }

   /*top row*/

   #nav-primary a{
   font-size: 13px;
   line-height: 28px;
   display: block;
   }

   #nav-primary td.tabup {
   border-right: 2px solid #1e2930;
   border-left: 2px solid #1e2930;
   background: #fff url(txp_img/tab.gif) repeat-x !important;
   }

   td.tabdown {
   background: #000 !important;
   border-right: 2px solid #1e2930;
   border-left: 2px solid #1e2930;
   }

   td.tabdown:hover {
   background: #666 !important;
   }

   td.tabdown a {
   color: #999 !important;
   }

   td.tabdown:hover a,
   td.tabdown a:hover {
   color: #fff !important;
   text-decoration: none !important;
   }

   /*secondary row*/

   #nav-secondary {
   background-color: #fff !important;
   text-align: left !important;
   padding: 0 10% !important;
   }

   #nav-secondary .tabs {
   background: #fff !important;
   height: 31px !important;
   border-bottom: 1px solid #ccc;
   }

   #nav-secondary .tabs table {
   white-space: nowrap;
   }

   #nav-secondary td.tabup, #nav-secondary td.tabdown, #nav-secondary td.tabup2, #nav-secondary td.tabdown2 {
   width: auto !important;
   text-align: left !important;
   }

   #nav-secondary a{
   font-size: 12px;
   line-height: 20px;
   color: #999;
   padding: 4px;
   margin: 0 20px 0 0;
   }

   #nav-secondary a:hover {
   background: #EFEFEF !important;
   color: #777 !important;
   border-bottom: 3px solid #AAA !important;
   text-decoration: none !important;
   }

   #nav-secondary td.tabup a{
   color: #000;
   background: transparent !important;
   border-bottom: 3px solid #999 !important;
   }

   #nav-secondary td.tabup {
   background: transparent !important;
   }

   td.tabdown2,
   td.tabdown2 a{
   background: transparent !important;
   }

   td.tabup a,td.tabdown a,td.tabup2 a,td.tabdown2 a { width: auto !important; }

   /* @end */

   Reply - Quote
5. Will Wilkins
   11 Feb 08

   Thanks Eric. However, I commented out the CSS in your previous post. I believe that was the Simpla theme CSS wasn’t it?

   That kinda made the tabs worse in Firefox on Mac. It shifted all of the main tabs to the far right.

   I added this from one of the comments on the Flickr post:

   td.tabup a,td.tabdown a,td.tabup2 a,
td.tabdown2 a { width: auto !important; }

   It helped a little but still not the same. I am sure I can fix the CSS if I find the time.

   As for now, I am having even bigger issues on my dev site with plugins that have completely become broken or are not working. Are you using TXP 4.0.6? If so, any issues for you?

   Reply - Quote