/*GAIARCH:BEGIN(DarkSkin)*/
/*
GaiaOnline Dark Skin~
By WindPower/WindPowa
http://gaiatools.com/
---------------------
CREDITS
---------------------
- CSS code:
- 100% WindPower
- Graphics:
- Gaia for source images of almost all graphics
- All graphics modified by WindPower
- Some graphics by `Mods
- Motivation:
- Gaia's community as a project initiator
- Firefox as a platform that makes it possible
- Gecko and Mozilla as a flawless CSS engine with fancy stuff (mostly -moz-border-radius here)
- GaiArch as a distribution medium
- Photoshop as a graphical wizard with a scriptable interface
- Dreamweaver as a coding wizard with code collapsing
- My own computer as a never-crashing code-crunching machine
- Winamp as a whip to make me stay productive in the wee hours of the night
- Special totally-not-sarcastic thanks to:
- My IRC channel for distracting me
- CSS, for not having an inline comment (like //comment)
- Gaia for styling its site so bad (using | or | instead of CSS)
- Gecko's slow handling of large textual data which makes Firefox freeze for 2 minutes each time I paste in a new version of my skin in Stylish's textarea
- My web host's FTP server, down at the WRONG moments
- Dreamweaver's faulty CSS syntax highlighting
---------------------
SKIN INFO
---------------------
- Currently fully skinned pages:
- All forum pages (forum index, topic listing, thread view, posting form)
- All private message pages (message listing, message view, message composing)
- Profile comments pages (view comments, add comment)
- All arenas (art arena, avatar arena, house arena)
- Account preferences page
- Gaia Search page
- Gaia Toolbar download page
- All landing pages
- Subscribed threads page
- Ego search page
- Login page (since they alternate, I'm not sure I skinned them all)
- Guild pages
- Marketplace
- Banking pages
- Friend list
- Inventory page
- Avatar editing page
- Todo:
- Gaia Journal pages
- Ignored: (But may still look good)
- Gift Giving page
- Cash Shop
- Gaia VJ
- All games/Towns/Worlds
- Inventory manager
- Newsroom
- Mischief Makers
- Gaia Events
- Convention Tour
- Gaia Store
- Collectibles page
- Mobile downloads
- Gaia Cash/Gaia Gold pages
- Orders
- Shops
- Going Postal
- Find Friends
- World Map
- Individual profiles
- Gaia Homes homepage
- Gaia Car homepage
- Gaia Quests
- Label Maker
- Avatar exporter/Sig lab
- Any other page not mentionned here
- Will never be skinned:
- All games/Towns/Worlds (Flash)
- Gaia Car homepage (Flash)
- Inventory manager (Flash)
- Gaia VJ (Flash)
- Avatar rpeview on avatar editing page (Dynamic image)
- Marketplace graphs (Dynamic images)
---------------------
SKIN GRAPHICS
---------------------
- All images are stored at http://gaiarch.gaiatools.com/gaiaskin/.
- Exception: The body background, which is possibly the most critical image of the skin. It is embedded in the stylesheet itself, using base64 encoding.
- If anyone wants to provide a mirror for these images, PM me on Gaia (WindPowa).
- All images were converted to PNGs.
- Some mono-dimensional tiling images were shrinked to cut down to 1 pixel on file size while preserving the same visual result.
---------------------
- Important note: You have to browse Gaia using the "www" subdomain (meaning, http://wwww.gaiaonline.com/, not http://gaiaonline.com/ or http://whatever.gaiaonline.com/). Otherwise, the url-prefix declarations won't work, and you'll only get the superglobal styles. Additional url-prefix's were not added for performance issues.
- Let's go~
*/
@namespace url(http://www.w3.org/1999/xhtml); /* Namespace declaration. */
/* Begin superglobal styles */
@-moz-document domain(gaiaonline.com)
{
html /* Ya rly, Gaia modified the style rules instead of . */
{
background:none !important;
}
body
{
background:#262626 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAENCAYAAADOoA9GAAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAABZSURBVHjaYmBgYPjPACP+MYFIEPEflfUflwQRSojgUiyGX4IkJTTRi5P4R39T/tFByT8qa6OJof8GPJgGPjHQI/FTki+pWFCQXlQhsZiBmBFMwLlgwAgQYAAYPe0bQ81rlgAAAABJRU5ErkJggg) top left repeat-x !important;
color:#EEEEEF !important;
}
td
{
background:none;
color:#FBFDFF;
}
#worldMap,.goldMessage,#gigya,#messages,#gaia_footer,.notificationChanges strong,#shortcuts,#topic-vote,.gaiaLogo,.time_mask,iframe[name="google_ads_frame"],iframe[id="ad_inject"],.leaderboard,.banner_ad,#ad_inject,.lrec,#grid_ad,.wskyscraper,#ad_bl_tracking,iframe[src^="http://www.gaiaonline.com/advertise"],.needGold /* Misc. useless/unwanted elements */
{
display:none !important;
}
#gaia_header,.header_content,.detail-navlinks,.notificationChanges > div > *,#gaia_content,#gaia_content > #bd /* Removes white-ish/brown backgrounds */
{
background:none !important;
}
#gaia_header .header_content
{
height:20px !important;
}
#gaia_content
{
border:none !important;
background:none !important;
}
#innerGiantBorder,#innerGiantBorderM,#theForm /* Blue-bordered boxes like the Gaia arena container */
{
background:#282828 !important;
}
#memberLogin
{
top:20px !important;
z-index:10000000 !important; /* Over most of the stuff of the page */
}
#memberLogin > form
{
background-color:transparent !important; /* Leave the background-image */
}
.loginheader
{
background-image:url(http://gaiarch.gaiatools.com/gaiaskin/loginheader.png) !important;
}
div[id^="yui-gen"][style^="z-index: 2;"].yui-panel-container.shadow
{
top:95px !important;
z-index:10000001 !important; /* Over the login form */
}
/* Begin .gaia-info boxes */
.rc_top_left,.rc_top_right,.rc_bottom_left,.rc_bottom_right
{
display:none !important; /* Corners are gonna be rounded by -moz-border-radius */
}
#gaia_content .gaia-info
{
border:none !important;
-moz-border-radius:3px !important;
}
#gaia_content .gaia-info > div.hd
{
background:url(http://gaiarch.gaiatools.com/gaiaskin/hdbg.png) transparent repeat-x !important;
}
#gaia_content .gaia-info > div.bd
{
background:#333333 !important;
}
#gaia_content .gaia-info > div.ft
{
background:url(http://gaiarch.gaiatools.com/gaiaskin/ftbg.png) transparent repeat-x !important;
}
#gaia_content .gaia-info,#gaia_content .gaia-info div,#gaia_content .gaia-info h3
{
color:#EEEFFF !important;
}
/* End .gaia-info boxes */
/* Begin landing pages */
#dailyReward
{
left:0px !important;
right:auto !important;
top:20px !important;
z-index:10000000 !important;
}
td[style$="/dailycandy/border-left.png);"] + td
{
background:#121212 !important; /* This is the td where all the daily chance thing is once opened */
}
img[src$="/dailycandy/border-top.png"]
{
width:0px !important;
height:43px !important;
padding-right:374px !important;
background:url(http://gaiarch.gaiatools.com/gaiaskin/dailychance_bordertop.png) !important;
}
img[src$="/dailycandy/border-bottom.png"]
{
width:0px !important;
height:43px !important;
padding-right:374px !important;
background:url(http://gaiarch.gaiatools.com/gaiaskin/dailychance_borderbottom.png) !important;
}
div.icon_generic /* Little image add-on to .gaia-info boxes headers and/or footers */
{
display:none !important;
}
#manga_storyline .bd .current,#mini_comic .bd .current
{
background:none !important;
}
.bd .archive h4,.current > a.ne_arrow_link
{
color:#F0F0F0 !important;
}
/* End landing pages */
/* Begin self avatar */
.imgAvatar
{
position:fixed !important;
top:0px !important;
left:0px !important;
width:32px !important;
height:20px !important;
overflow:hidden !important; /* Hides the rest of the avatar, we just wanna extract a bit */
z-index:10000000 !important; /* Has to be over the menu */
}
.imgAvatar img
{
position:relative !important;
left:-36px !important;
top:-48px !important;
}
/* End self avatar */
/* Begin header menu */
.gaia_menu_channel
{
position:fixed !important;
z-index:10000 !important;
top:0px !important;
border:none !important;
}
.yuimenubaritem-hassubmenu > .yuimenu
{
position:fixed !important;
top:20px !important;
}
.yuimenuitem-hassubmenu > .yuimenu
{
position:fixed !important;
}
.topscrollbar,.bottomscrollbar
{
background-color:#001111 !important;
border-right:1px solid #AAAAAA !important;
border-left:1px solid #AAAAAA !important;
}
.topscrollbar
{
border-top:1px solid #AAAAAA !important;
background-image:url(http://gaiarch.gaiatools.com/gaiaskin/menu_up_arrow.png) !important;
}
.topscrollbar_disabled
{
background-image:url(http://gaiarch.gaiatools.com/gaiaskin/menu_up_arrow_disabled.png) !important;
}
.bottomscrollbar
{
border-bottom:1px solid #AAAAAA !important;
background-image:url(http://gaiarch.gaiatools.com/gaiaskin/menu_down_arrow.png) !important;
}
.bottomscrollbar_disabled
{
background-image:url(http://gaiarch.gaiatools.com/gaiaskin/menu_down_arrow_disabled.png) !important;
}
#sponsored_worlds,#phishing_lakes,#menu_community .yuimenu /* This makes the menus kidna broken but yeah... */
{
top:20px !important;
}
#gaia_menu
{
background:transparent url(http://gaiarch.gaiatools.com/gaiaskin/menubg.png) !important;
padding-right:100% !important; /* Stretches it up to the right edge of the viewport */
padding-left:32px !important;
}
.yuimenu .bd
{
background-color:#001111 !important;
}
.yuimenubaritemlabel,.yuimenuitemlabel,.yuimenuitem,.yuimenubaritem
{
color:#FDFEFF !important;
}
.yuimenubaritemlabel-selected,.yuimenuitemlabel-selected,.yuimenuitem-selected,.yuimenubaritem-selected
{
background-color:#EFEFEF !important;
color:#000011 !important;
}
.yuimenuitem
{
border-top-color:#AAAAAA !important;
}
.yuimenuitem.first
{
border-top:none !important;
}
.yuimenu .bd
{
border:#AAAAAA 1px solid;
}
/* End header menu */
/* Begin header floating elements */
#gaia_header
{
height:20px !important;
max-height:20px !important;
min-height:20px !important;
}
div.userName /* Username and logout link. "div" is required, because there's some span.userName out there */
{
position:fixed !important;
left:auto !important;
right:1px !important;
z-index:1000000 !important; /* Also has to be over the menu */
}
.userName *
{
background:none !important;
color:#FFFFFF !important;
}
.notificationChanges
{
position:fixed !important;
top:20px !important;
left:0px !important;
z-index:1000 !important; /* Has to be BELOW the menu so that it doesn't overlap it when the menu is opened */
-moz-border-radius-bottomleft:12px !important;
-moz-border-radius-bottomright:12px !important;
opacity:.9 !important;
border-right:#3366CC 1px !important;
border-bottom:#3366CC 1px !important;
border-left:#3366CC 1px !important;
background:#FFFFFF !important; /* Oshit, it's actually pure white... But opacity to .7 xP */
}
.notificationChanges:hover
{
opacity:1 !important;
}
.accountCurrency
{
z-index:100000 !important;
position:fixed !important;
top:0px !important;
left:680px !important;
right:auto !important;
background:none !important;
}
.accountCurrency,.accountCurrency *
{
color:#FFFFFF !important;
font-weight:bold !important;
text-decoration:none !important;
}
.gaiaCash
{
background:transparent no-repeat url(http://gaiarch.gaiatools.com/gaiaskin/gaiacash.png) !important;
}
.gold
{
background:transparent no-repeat url(http://gaiarch.gaiatools.com/gaiaskin/gold.png) !important;
}
#gaia_menu_shortcuts
{
top:20px !important;
}
/* End header floating elements */
/* Begin |