User:BarronTheSkyWing/global.css

/* BarronTheSkyWing's Chat Skin. Customized for his music alias, NeXus */

.Chat

/* where the chat shows up */

{

background: url(http://fc04.deviantart.net/fs70/f/2015/018/d/f/background_for_my_wiki_chat_skin_by_cameron_slosh-d8egstz.png) no-repeat center center fixed;

background-size: cover;

border: 2px solid #000000;

border-radius: 20px;

color: #000000;

font-family: monospace;

}

.Chat a

/* links */

{

color: #c90000;

font-weight: bold;

}

.Chat .avatar

/* users on the left */

{

border: 2px solid #d90000;

border-radius: 5px;

box-shadow: 5 0 5px;

}

.Chat .inline-alert

/* in-line alerts */

{

color: #c90000;

font-size: 14px;

}

.Chat .username

/* usernames in the chat box */

{

color: #460a0a;

text-shadow: 1px 1px 1px #000000;

text-transform: none;

}

.Chat .you

/* different color when ou type in chat */

{

background: rgba(128, 128, 128, 0.52);

border: 2px solid #000000;

}

.ChatHeader

/* top of the chat window */

{

background-color: #2e2e2e, inset 0 1px rgba(255, 255, 255, 0.49);

}

.ChatHeader .private

/* private message */

{

font-family: monospace;

text-transform: uppercase;

}

.ChatWindow

{

background: url(http://fc04.deviantart.net/fs70/f/2015/018/d/f/background_for_my_wiki_chat_skin_by_cameron_slosh-d8egstz.png) no-repeat center center fixed;

}

.ChatWindow .UserStatsMenu

/* lists 'message wall', 'pm', etc. */

{

background-color: #460a0a;

color: white;

border: 5px;

border-radius: 10px;

}


 * 1) pingspan

/* pings & chat hacks */

{

color: #c7c7c7;

font-style: italic;

text-shadow: 1px 1px #3c3c3c;

}

.Rail .private

/* where your private messages show up */

{

background: -webkit-linear-gradient(45deg, #500 50%, #000 50%);

background: linear-gradient(115deg, #500 50%, #000 50%);

background-size: auto;

border: 2px solid #500;

border-radius: 2px;

text-align: center;

}

.Rail .selected

/* selected PM */

{

background: -webkit-linear-gradient(45deg, #000 50%, #500 50%);

background: linear-gradient(115deg, #000 50%, #500 50%);

border: 2px solid #000000;

border-radius: 5px;

}

.Rail .splotch

/* unread messages */

{

background: white;

}

.Rail .User:hover

{

background: grey;

border-radius: 2px;

color: #f00;

}

.User .img

/* avatars on the right and top right */

{

border: 6px;

border-radius: 3px;

}

.UserStatsMenu .actions ul li

/* the menu itself */

{

border-radius: 6px;

text-shadow: 1px 1px 2px #000000;

}

.UserStatsMenu .actions ul li:hover

/* hovering over an option */

{

background: -webkit-linear-gradient(left, rgba(85, 85, 85, 0.5), rgba(136, 136, 136, 0.5), rgba(85, 85, 85, 0.5));

background: linear-gradient(to right,rgba(85, 85, 85, 0.5), rgba(136, 136, 136, 0.5), rgba(85, 85, 85, 0.5));

box-shadow: 0 2px 6px rgba(0, 0, 0, 0.75),inset 0 10px rgba(255, 255, 255, 0.03),inset 0 10px 20px                      rgba(255,255,255,0.25),inset 0 -15px 30px rgba(0,0,0,0.3);

}

.UserStatsMenu .info

/* The area behind the name */

{

background: -webkit-linear-gradient(315deg, #2c0808, #000);

background: linear-gradient(135deg, #4a1b1b, #744);

border-radius: 2pc 1pc 1pc 2pc;

box-shadow: 0 6px 9px rgba(0, 0, 0, 0.75), inset 0 1px #427,inset 0 10px rgba(255, 255, 255, 0.03),inset 0 10px     20px rgba(255,255,255,0.25),inset 0 -15px 30px rgba(0,0,0,0.3);

color:#FFF;

}


 * 1) WikiaPage

/* everything inside the border */

{

background: -webkit-linear-gradient(315deg, #5a0202, rgba(190, 0, 0, 0.4), #4a3c3c);

background: linear-gradient(135deg,#3b0000, rgba(136, 136, 136, 0.27), #3C474A);

border: 1px solid #000;

border-radius: 2pc 1pc;

box-shadow: 1px 1px 7px rgba(0, 0, 0, 0.75);

}

.wordmark img

/* Wiki logo*/

{

padding: 4px;

}

.Write img

/* picture to the left of the text box */

{

border: 2px solid #000;

border-radius: 3px;

box-shadow: 3 2 5px #000;

}

.Write [name="message"]

/* region inside text box */

{

background: -webkit-linear-gradient(315deg, #5a0202, rgba(190, 0, 0, 0.4), #5a0202);

background: rgba(131, 0, 0, 0.37);

border-radius: 2px;

color: #fff;

}

.Write .message

/* text box */

{

background: -webkit-linear-gradient(315deg, #111 50%, #000 50%);

background: linear-gradient(135deg, #111 50%, #000 50%);

background-size: 5px 5px;

border-radius: 2pc;

padding: 10px;

}

/* End */