Jump to content

Sky Slate Blueberry Blackcurrant Watermelon Strawberry Orange Banana Apple Emerald Chocolate
Photo

Zenburn AutoHotkey.com CSS


  • Please log in to reply
19 replies to this topic
tomoe_uehara
  • Members
  • 2166 posts
  • Last active: Jun 11 2015 05:33 PM
  • Joined: 05 Sep 2009
AHA!! Thanks a bunch for the update tidbit! :D
You know, after I reinstall my Windows, this 'Zenburn theme' is my first stop at the forum.


tidbit
  • Administrators
  • 2709 posts
  • Hates playing Janitor
  • Last active: Jan 15 2016 11:37 PM
  • Joined: 09 Mar 2008
:oops: Thanks!

Got anything else that needs to be fixed/added/changed? Other then the dropdown lists.

rawr. be very afraid
*poke*
. Populate the AutoHotkey city. Pointless but somewhat fun. .


tomoe_uehara
  • Members
  • 2166 posts
  • Last active: Jun 11 2015 05:33 PM
  • Joined: 05 Sep 2009
Nah... Everything seems perfect now 8), I haven't found anything to be changed again for now.

tomoe_uehara
  • Members
  • 2166 posts
  • Last active: Jun 11 2015 05:33 PM
  • Joined: 05 Sep 2009
I've tried to edit the ZenBurn theme to work on the new forum, hope it works well..
@charset "utf-8";

/* Name: AHK Forum Zenburn */

/*  
  Zenburn AHK forum theme
  Ported and Modified by tidbit
  version 3 (Sat September 17, 2011)
*/

/*
  The original subSilver Theme for phpBB version 2+
  Created by subBlue design
  http://www.subBlue.com
*/



/*
===========================
THE BELOW STYLE IS FOR THE FORUM.
SCROLL DOWN TO FOR THE DOCUMENTATION AND SITE.
===========================
*/



/* General page style. The scroll bar colours only visible in IE5.5+ */

body
{
   background-color: #3F3F3F !important;
   color: #EDEDE4 !important;
   scrollbar-face-color: #3F3F3F !important;
   scrollbar-highlight-color: #FFFFFF !important;
   scrollbar-shadow-color: #3F3F3F !important;
   scrollbar-arrow-color: #A3BFCD !important;
   scrollbar-track-color: #EFEFEF !important;
   scrollbar-darkshadow-color: #101010 !important;
}



/* General font families for common tags */

font, th, td, p { font-family: Verdana, Arial, Helvetica, sans-serif }

a:link, a:active, a:visited { color : #A3BFCD !important }

a:hover
{
   text-decoration: underline !important;
   color : #ffffff !important;
}

hr
{
   height: 0px !important;
   border: solid #3F3F3F 0px !important;
   border-top-width: 1px !important;
}

/* This is the border line & background colour round the entire page */

.bodyline
{
   background-color: #3F3F3F !important;
   border: 1px #101010 solid !important;
}

/* This is the outline round the main forum tables */

.forumline
{
   background-color: #101010 !important;
   border: 2px #101010 solid !important;
}

/* Main table cell colours and backgrounds */

tr.row1 { background-color: #454545 !important }
tr.row2 { background-color: #545454 !important }
tr.row3 { background-color: #3F3F3F !important }
td.row1 { background-color: #555555 !important }
td.spacer { background-color: #004400 !important;}
td.row2 { background-color: #555555 !important;}
p.topicdetails { background-color: #555555 !important;}
td.catdiv
{
   background-color: #3F3F3F !important;
   background-image: none !important;
}
.row3 { background-color: #454545 !important }

/*
  This is for the table cell above the Topics, Post & Last posts on the index.php page
  By default this is the fading out gradiated silver background.
  However, you could replace this with a bitmap specific for each forum
*/

/* cell pic 2 */
td.rowpic
{
   background-color: #1f1a16 !important;
   background-image: url(images/cellpic2.jpg) !important;
   background-repeat: repeat-y !important;
}


/* cell pic 3 */
th
{
   color: #EDEDE4 !important;
   font-size: 12px !important;
   font-weight : bold !important;
   background-color: #555555 !important;
   height: 25px !important;
   background-image: url(images/cellpic3.gif) !important;
}

/* cell pic 1 */
td.cat, td.catHead, td.catSides, td.catLeft, td.catRight, td.catBottom
{
   background-image: url(images/cellpic1.gif) !important;
   background-color: #3F3F3F !important;
   border: #372E28 !important;
   border-style: solid !important;
   height: 28px !important;
}

/*
  Setting additional nice inner borders for the main table cells.
  The names indicate which sides the border will be on.
  Don't worry if you don't understand this, just ignore it :-)
*/

td.catHead, td.catBottom
{
   height: 29px !important;
   border-width: 0px 0px 0px 0px !important;
}

th.thHead, th.thSides, th.thTop, th.thLeft, th.thRight, th.thBottom, th.thCornerL, th.thCornerR
{
   font-weight: bold !important;
   border: #101010 !important;
   border-style: solid !important;
   height: 28px !important;
}

td.row3Right, td.spaceRow
{
   background-color: #3F3F3F !important;
   border: #101010 !important;
   border-style: solid !important;
}

th.thHead, td.catHead
{
   font-size: 12px !important;
   border-width: 1px 1px 0px 1px !important;
}

th.thSides, td.catSides, td.spaceRow { border-width: 0px 1px 0px 1px !important }
th.thRight, td.catRight, td.row3Right { border-width: 0px 1px 0px 0px !important }
th.thLeft, td.catLeft { border-width: 0px 0px 0px 1px !important }
th.thBottom, td.catBottom { border-width: 0px 1px 1px 1px !important }
th.thTop { border-width: 1px 0px 0px 0px !important }
th.thCornerL { border-width: 1px 0px 0px 1px !important }
th.thCornerR { border-width: 1px 1px 0px 0px !important }

/* The largest text used in the index page title and toptic title etc. */

.maintitle, h1
{
   font-weight: bold !important;
   font-size: 55px !important;
   font-family: "Trebuchet MS",Verdana, Arial, Helvetica, sans-serif !important;
   text-decoration: none !important;
   line-height : 120% !important;
   color : #996666 !important;
}

h2
{
   font-weight: bold !important;
   font-size: 22px !important;
   font-family: "Trebuchet MS",Verdana, Arial, Helvetica, sans-serif !important;
   text-decoration: none !important;
   line-height : 120% !important;
   color : #996666 !important;
}

/* General text */

.gen { font-size : 12px }

.genmed { font-size : 11px }

.gensmall
{
   font-size : 10px;
   color: #7FCF7F !important;
}

.gen, .genmed { color : #EDEDE4 !important }

a.gen, a.genmed, a.gensmall
{
   color: #7A98CC !important;
   text-decoration: none;
}

a.gen:hover, a.genmed:hover, a.gensmall:hover
{
   color: #60C6DC !important;
   text-decoration: underline;
}

/* The register, login, search etc links at the top of the page */

.mainmenu
{
   font-size : 11px !important;
   color : #EDEDE4;
}

a.mainmenu
{
   text-decoration: none !important;
   color : #A3BFCD !important;
}

a.mainmenu:hover
{
   text-decoration: underline !important;
   color : #60C6DC !important;
}

/* Forum category titles */

.cattitle
{
   font-weight: bold !important;
   font-size: 12px  !important;
   letter-spacing: 1px !important;
   color : #A3BFCD;
}

a.cattitle
{
   text-decoration: none !important;
   color : #A3BFCD !important;
}

a.cattitle:hover { text-decoration: underline !important }

/* Forum title: Text and link to the forums used in: index.php */

.forumlink
{
   font-weight: bold !important;
   font-size: 12px !important;
   color : #7A98CC !important;
}

a.forumlink
{
   text-decoration: none !important;
   color : #d1b881 !important;
}

a.forumlink:hover
{
   text-decoration: underline !important;
   color : #ffa754 !important;
}

/* Used for the navigation text, (Page 1,2,3 etc) and the navigation bar when in a forum */

.nav
{
   font-weight: bold !important;
   font-size: 11px !important;
   color : #EDEDE4 !important;
}

a.nav
{
   text-decoration: none !important;
   color : #B8CC93 !important;
}

a.nav:hover
{
   text-decoration: underline !important;
   color : #6EC6DC !important;
}

/* titles for the topics: could specify viewed link colour too */

.topictitle
{
   font-weight: bold !important;
   font-size: 11px !important;
   color : #F09EAD !important;
}

a.topictitle:link
{
   text-decoration: none !important;
   color : #d1b881 !important;
}

a.topictitle:visited
{
   text-decoration: none !important;
   color : #9398CC !important;
}

a.topictitle:hover
{
   text-decoration: underline !important;
   color : #6EC6DC !important;
}

/* Name of poster in viewmsg.php and viewtopic.php and other places */

.name, .postauthor
{
   font-size : 11px !important;
   color : #C2BE9E !important;
}

/* Location, number of posts, post date etc */

.postdetails
{
   font-size : 10px !important;
   color : #7F9F7F !important;
}

/* The content of the posts (body of text) */

.postbody
{
   font-size : 14px !important;
   line-height: 18px !important;
   color: #edede4 !important;
}

a.postlink:link
{
   text-decoration: none !important;
   color : #A3BFCD;
}

a.postlink:visited
{
   text-decoration: none !important;
   color : #A3BFCD !important;
}

a.postlink:hover
{
   text-decoration: underline !important;
   color : #60C6DC;
}

/* Quote & Code blocks */

.codetitle
{
font-size: 14px !important;
background-color: #336633 !important;
color: #FFFFFF !important;
}
.codecontent
{
background-color: #CCD0CC !important;
color: #000000 !important;
}

.quotetitle
{
font-size: 14px !important;
background-color: #333399 !important;
color: #FFFFFF !important;
}
.quotecontent
{
background-color: #CCCCDD !important;
color: #000000 !important;
}

/* Copyright and bottom info */

.copyright
{
   font-size: 10px !important;
   font-family: Verdana, Arial, Helvetica, sans-serif !important;
   color: #444444 !important;
   letter-spacing: -1px !important;
}

a.copyright
{
   color: #444444 !important;
   text-decoration: none !important;
}

a.copyright:hover
{
   color: #EDEDE4 !important;
   text-decoration: underline !important;
}


/* Form elements */
textarea
{ 
background-color: #0000FF !important;
border-color: #EDEDE4 !important;
color: #454545 !important;
font: normal 11px Verdana, Arial, Helvetica, sans-serif !important;
}


/* The text input fields background colour */

input.post, message, select
{
   background-color : #444444 !important;
   color: #FFFFFF !important;
}

input { text-indent : 2px !important }

/* The buttons used for bbCode styling in message post */

input.button
{
   background-color : #616161 !important;
   color : #edede4 !important;
   font-size: 11px !important;
   font-family: Verdana, Arial, Helvetica, sans-serif !important;
}

/* The main submit button option */
input.btnmain
{
   background-color : #CCCCCC !important;
   font-weight : bold !important;
}

/* None-bold submit button */
input.btnlite
{
   background-color : #999999 !important;
   font-weight : normal !important;
}

input.btnfile { background-color : #AFAFAF !important; }
textarea.post { background-color : #AFAFAF !important; }

/* This is the line in the posting page which shows the rollover
  help line. This is actually a text box, but if set to be the same
  colour as the background no one will know  !important;)
*/

.helpline
{
   background-color: #545454 !important;
   color : #B8CC93 !important;
   border-style: none !important;
}

/* Import the fancy styles for IE only (NS4.x doesn't use the @import function) */

@import url("formIE.css");

@media print { 
    td.code > div:first-child { height: 100% }
    .print-hide { visibility: hidden }
}

/* COLOR OVERRIDES. CODE BOXES AND POST COLORED TEXT */

/* code */
td.code { color: #C3C18C !important }
/* comments */
td.code span { color: #7F9F7F !important }

some_nowhitespace { nowhitespace: afterproperty }



[style="color],
   [style="color],
   [style="color] { background-color: #545454 !important }
[style="color],     
   [style="color],    
   [style="color] { color: #8cd7ff !important }
[style="color],       
   [style="color],
   [style="color]  { color: #ff8080 !important }
[style="color],    
   [style="color]   { color: #cd7dff !important }
[style="color],  
   [style="color] { color: #82bfe0 !important }
[style="color],     
   [style="color]    { color: #a6742a !important }
[style="color],   
   [style="color]  { color: #ad6d6d !important }
[style="color],     
   [style="color]    { color: #99CC99 !important }
 
/* Logo - remove this if you want the logo */
[src="../docs/images/AutoHotkey_logo.gif"] { content: "AHK Home" }



/*
===========================
THE BELOW STYLE IS FOR THE DOCUMENTATION AND SITE.
SCROLL UP TO FOR THE FORUM.
===========================
*/



/* The following series is for code/pre sections. */

.CodeCom { color: #7F9F7F !important }

pre
{
   background-color: #323232 !important;
   border: #585858 !important;
   border-style: dashed !important;
   border-width: 1px !important;
}

h2 { background-color: #3F3F3F !important }
h3 { background-color: #455566 !important }
h4 { background-color: #3F3F3F !important }

p.CommandSyntax
{
   background-color: #101010 !important;
   border: #585858 !important;
   border-style: dashed !important;
   border-width: 1px !important;
}

a:link { color: #D1B881 !important; }
a:visited { color: #9398CC !important; }
a:active { color: #6EC6DC !important; }

a:hover
{
   text-decoration: underline;
   color: #6EC6DC !important;
}


/* Search page stuff */
.grey 
{ 
   padding: 5px;
   margin-top: 8px;
   margin-bottom: 18px;
   margin-right: 32px;
   border: 2px dotted #585858 !important;
   background-color: #454545 !important;
   font-size: 10px;
}
.blue 
{
   background-color: #455566 !important;
   border-top: 1px solid #585858 !important;
   border-bottom: 1px solid #585858 !important; 
}
.greyForm 
{
   background-color: #454545 !important;
}

.blueForm 
{ 
   background-color: #455566 !important;
   border: 1px solid #585858 !important; 
}
.phpdigMessage { padding: 1px; background-color: #455566 !important;}
.smallLink { font-size: 10px; background-color: #455566 !important;}


tidbit
  • Administrators
  • 2709 posts
  • Hates playing Janitor
  • Last active: Jan 15 2016 11:37 PM
  • Joined: 09 Mar 2008
very nice. thank you!
updated the first post with your screenshots and CSS.

rawr. be very afraid
*poke*
. Populate the AutoHotkey city. Pointless but somewhat fun. .