/* 
||<================================================================================>||
||* Author      : PapelV                                                       ||
||* Created     : April 18, 2012                                                 ||
||* Updated     :                                                                   ||
||* Version     : 1 Build 2                                                         ||
||* Description : A colorful & dark theme for Ba-K.Com                              ||
||* Usage       : For use with Stylish, a Firefox extension (http://userstyles.org/)||
||<================================================================================>||
*/
@namespace url(http://www.w3.org/1999/xhtml);
@-moz-document domain(socialphy.com)
{
/* Disabling text-indent will bring back text of most of "graphical" headings
 off by default, to comply with "nothing but colours" rule
/on*off/
html *
{ text-indent      : 0 !important
}
/* */

html  ,
/* background-images
 - Disable all
/on*off/

html * ,

/* OR
 - allow SOME 'buttons'
on*/

html *:not(:empty) ,

/* */

html *:after ,
html *:before
{ background-image : some!important

}




html
{ background-color : #333 !important
; border-color     : #444 !important
}

body
{ background-color : transparent !important
; border-color     : #666 !important
; color            : #ccc !important
}

body * ,
html *:after ,
html *:before
{ background-color : transparent !important
; border-color     : #666        !important
; color            : inherit     !important
; text-shadow      : none        !important
}


/*** semantic blocks
*/

/** top header:
*/

/* - wannabe
*/
.head  ,
.header  ,
*[id*="title"]  ,
*[id*="Title"]  ,
*[id*="head"]  ,
*[id*="Head"]  ,
*[class*="header"]  ,
*[class*="Header"]  ,
*[id*="hlavicka"]  ,
*[id*="Hlavicka"]  ,
*[class*="hlavicka"]  ,
*[class*="Hlavicka"]
{ background-color : #404040 !important
}

/* - real
*/
header  ,
#head  ,
#header  ,
#top
{ background-color : #444 !important
}

/** navigation ( the 'menu predicting magic' )
*/

/* - wannabe
*/
.navlist a  ,
.Navlist a  ,
*.navigation a  ,
*[id*="menu"] a  ,
*[id*="Menu"] a  ,
*[id*="navig"] a  ,
*[id*="Navig"] a  ,
*[id*="-nav"] a  ,
*[id*="-Nav"] a  ,
*[id$="nav"] a  ,
*[id$="Nav"] a  ,
*[class*="menu"] a  ,
*[class*="Menu"] a  ,
*[class*="navig"] a  ,
*[class*="Navig"] a  ,
*[class*="-nav"] a  ,
*[class*="-Nav"] a  ,
*[class$="nav"] a  ,
*[class$="Nav"] a
{ background-color : #282839 !important
}

/* - real
*/
label  , /* ! label added, let's see */
nav a  ,
menu a  ,
#menu a  ,
#navigation a
{ background-color : #223 !important
}

div[class*=menu][class*=vertical]
{ background-color: #334 !important
}



/*
 above ID selectors would override below rules
 due # selector priority
 so that's why this :
*/
#menu a:hover  ,
#navigation a:hover
,
*[class*="menu"][class*="item"]:hover
{ background-color : #000 !important
}

/** aside:
*/

/* - wannabe
*/
div[id*="side"]  ,
div[id*="Side"]  ,
div[class*="side"]  ,
div[class*="Side"]
{ background-color : #404040 !important
}

/* - real
*/
aside  ,
.aside  ,
#aside
{ background-color : #444 !important
}

/** footer
*/

footer  ,
div[id*="foot"]  ,
div[class*="foot"]  ,
div[id*="paticka"]  ,
div[class*="paticka"]
{ background-color : #444 !important
}

/** others semantic blocks
 ( yet unimplemented )
*/

/*
article
{ }
#main
{ }
#content
{ }
section  ,
.section
{ }
.divider
{ }
/* */

/** anonymous heading elements
*/

*[class*="heading"]  ,
*[class*="Heading"]  ,
*[id*="heading"]  ,
*[id*="Heading"]  ,
*[class*="nadpis"]  ,
*[class*="Nadpis"]  ,
*[id*="nadpis"]  ,
*[id*="Nadpis"]
{ border-color : #888 !important
; color        : #eee !important
}

/*** concrete HTML block elements
*/

/** headers
 h1 , h2 , h3 , h4 , h5 , h6
 caption , th , lh , dt , legend
*/
h1
{ background-color : #000 !important
; border-color     : #eee !important
; color            : #fff !important
}

h2  ,
h3  ,
h4  ,
h5  ,
h6  ,
caption  , /* table h. */
thead  ,
th  , /* table-row|column h. */
lh  , /* list h. html3. how f***ing usefull element. deprecated. */
dl dt  , /* definition h. */
html fieldset legend   /* form h. */
{ background-color : #222 !important
; border-color     : #999 !important
; color            : #eee !important
}

/** other stuff
 now they have the same colour;
 it would be nice if it was distinguishable simply by colour
*/

blockquote  ,
code  , /* code is inline */
xmp  ,
pre
{ background-color : #444 !important
}

td
{ border-color     : #555 !important
}

hr
{ background-color : #666 !important
; border-color     : #666 !important
; color            : #666 !important
}


/*** concrete HTML inline elements
 - just colour altered
*/

/** emphasis:
*/

/* - wannabe
*/
*[id*="important"]  ,
*[id*="Important"]  ,
*[class*="important"]  ,
*[class*="Important"]
{ border-color : #666 !important
; color        : #fff !important
}
/* - wannabe #2
 ( yes, it is NOT semantic, but this is usefull, trust me ;] )
*/
b  ,
b *  ,
i  ,
i *
{ border-color : #555 !important
; color        : #eee !important
}

/* - real
*/
em  ,
em *  ,
strong  ,
strong *
{ border-color : #666 !important
; color        : #fff !important
}

/*** common "semantic" classes
 initally based on WHATWG HTML5 specs draft
 ("semantic classes" have been rejected)
 but here may be very usefull
*/

/** current / active
 usefull especially for
 - "active" tabs,
 - "current" links in menu
*/
#current  ,
#selected  ,
#active  ,
.current  ,
.selected  ,
.active  ,
.current a ,
.selected a  ,
.active a
{ background-color : #000 !important
; color            : #fff !important
}

*[id*=Current]  ,
*[id*=Selected]  ,
*[id*=Active]  ,
*[id*=current]  ,
*[id*=selected]  ,
*[id*=active] ,
*[class*=Current]  ,
*[class*=Selected]  ,
*[class*=Active]  ,
*[class*=current]  ,
*[class*=selected]  ,
*[class*=active] ,
*[id*=Current] a ,
*[id*=Selected] a  ,
*[id*=Active] a  ,
*[id*=current] a  ,
*[id*=selected] a  ,
*[id*=active] a ,
*[class*=Current] a  ,
*[class*=Selected] a  ,
*[class*=Active] a  ,
*[class*=current] a  ,
*[class*=selected] a  ,
*[class*=active] a
{ background-color : #111 !important
; color            : #eee !important
}

/** other not-so-common classes
*/
.copyright
{ color : #ccc !important
}
.error
{ color : #f66 !important
}
.warning
{ color : #f99 !important
}
.example
{ color : #cff !important
}
.issue
{ color : #f99 !important
}
.note
{ color : #cff !important
}
.search
{ color : #cff !important
}

/** other funny WHATWG stuff
*/
*[irrelevant]
{
}

/** links and interactive stuff
 that is: links, labels and any other form element
 with :hover / :active / :focus states
*/


/* tables, lets see */
table
{ background-color: transparent !important
}
thead , tfoot
{ background-color: #333 !important
}


/* "onclick warning"
 raising priority
*/
html body *[onclick]:hover ,
html body *[ondblclick]:hover ,
a[href^='javascript:'] ,
a[href='#']
{ background-color : #300 !important
}

/* properly coded label will behave as unvisited link
*/
label[for]  ,
a:link  ,
a:link *
{ border-color : #399 !important
; color        : #9ef !important
}

label[for]:focus  ,
label[for]:hover  ,
a:link:focus  ,
a:link:hover
{ background-color : #000 !important
; border-color     : #9ef !important
; color            : #eff !important
}

a:link:focus *  ,
a:link:hover *
{ border-color : #9ef !important
; color        : #eff !important
}

a:visited  ,
a:visited *
{ border-color : #690 !important
; color        : #9c3 !important
}

a:visited:focus  ,
a:visited:hover
{ background-color : #000 !important
; border-color     : #9c3 !important
; color            : #cf9 !important
}

a:visited:focus *  ,
a:visited:hover *
{ border-color : #9c3 !important
; color        : #cf9 !important
}

/* active link. no matter if visited or not
*/
a:active  ,
a:active *
{ border-color : #600 !important
; color        : #f33 !important
}

/** form elems and some IMO neat effects
*/
html button  ,
html select  ,
html input
{ background-color : #222 !important
}

html input[type="password"]
{ background-color : #755 !important
}

html textarea  ,
html input[type="text"]  ,
html input:not([type])
{ background-color : #555 !important
; color: #fff !important
}

html textarea:hover  ,
html input[type="text"]:hover  ,
html input:not([type]):hover
{
}

html input:hover ,
html button:hover ,
html select:hover ,
html textarea:hover
{ color : #fff !important
; border-color: #ccc !important
; background-color : #444 !important
}

html textarea:focus  ,
html input:focus  ,
html textarea:focus ,
html button:focus
{ background-color : #000 !important
; border-color     : #999 !important
; color: #ccc !important
}
html textarea:focus:hover  ,
html input:focus:hover  ,
html button:focus:hover ,
html textarea:focus:hover
{ border-color     : #fff !important
}

html input[type="password"]:focus
{ background-color : #300 !important
}

input[disabled]
{ color : #888 !important
}

/*** fixes and tweaks
*/


/** FF3 fix, hope it will work
 +2008-08-18+
*/
html button  ,
html select  ,
html input  ,
html textarea
{ -moz-appearance : none !important
; background-image: none !important /* these might be also :empty, so thats why this */
}


/** give solid bg to some elems that deserve it
*/

/* dropdowns that was not catched
 * by above 'menu predicting magic'
*/
*[class*='content']  ,
li:hover li
{ background-color : transparent !important
}

/* wd DOM inspector
*/
div[id^=webdeveloper]
{ background-color : #333 !important
}

/* flashblock. bruteforce.
*/
div[style~="url(chrome://flashblock/content/flash.png)"]
{ background-color : #630 !important
}

/* last.fm
*/
td.quantifier > div  ,
div.graph > div#tomGraph
{ background-color : #222 !important
}

/* search hilite
*/
span#__firefox-findbar-search-id
{ background-color : #9ff !important
}


/* gmail (2D: maybe more specific context)
*/
#pop
{ background-color : #222 !important
}

div#lbHoverNav a#lbPrev ,
div#lbHoverNav a#lbNext
{ background-color:  transparent !important

}
/* Change Cursors
*/
* {cursor: 
url("http://reloaded.site88.net/Data/aero_arrow.cur"), 
default !important
}
a, a 
* {cursor: 
url("http://reloaded.site88.net/Data/aero_link.cur"), 
pointer !important
}
Div, Select, Form, Td, Th, Tr, P, Dd, Dt, Tl, Block, Button, H2, Ul, Div.Box, Div.Button, Html, Div.Span
, Box, Box1, Box2, Box3, Box4, Box5, O1, Table, Li, Input, Input.Post, Body
{
Background        : url("http://images2.layoutsparks.com/1/121069/streets-rain-animation-black.gif") 
Fixed Repeat Center!important
; Background-color: Black !important
; Color           : #6cebeb !important
}
a:Link
{
Color: #0099AA !important;
}
a:Visited
{
Color: #99FF66 !important;
}
a:Hover
{
Background-color: #222334 !important;
Text-decoration: none !important;
Color: Purple !important;
}
}