paloozaOverall.css

/*****************************************************
******************* ALL ITEM PAGES *******************
*****************************************************/

/*** Ensure the header and menu only appear on desktops ***/
@media screen and (min-width: 1100px) {

    .items_style #announcement {
        background-color: rgba(30,29,25,0.8);
        z-index: 2;
        border: 1px solid #483b09;}

    .items_style #logo {
        margin-left: -600px;
        background-size: auto 100% ;
        border-bottom: 1px #483b09 solid;
        display: block;
        filter: drop-shadow(5px 5px 15px #000);
        opacity: .9;}

    .items_style #alerts {
        z-index: 2;}

    .items_style #alerts a {
        color: #fff; opacity: 0.5;}

    /* Drop Down Menus */
    .items_style #userinfo {
        background-color: #1E1D19;
        border-bottom: 1px solid #483b09;
        z-index: 4;}

    .items_style #searchbars ul li input,
    .items_style input {
        background-color: #352b07;
        color: #999;}

    .items_style ul#userinfo_minor:hover li,
    .items_style ul#userinfo_stats li,
    .items_style #searchbars ul.autocomplete_list li {
            background-color: #0f0f0f !important;
            border-bottom: 1px solid #483b09 !important;}

    .items_style #header ul#userinfo_minor li:hover,
    .items_style ul#userinfo_stats li:hover,
    .items_style #searchbars ul.autocomplete_list li:hover {
            background-color: #352b07 !important;}

    .items_style #userinfo #userinfo_username #us_pop span {
        background-color: #0f0f0f;
        border-bottom: 1px solid #483b09 !important}

    .items_style #userinfo #userinfo_username #us_pop span:hover {
        background-color: #352b07;}

    .items_style #userinfo #userinfo_username #us_pop a {
        color: #fff;}

    /* Footer */
    .items_style #footer {
        display: none;}

    .items_style #site_debug,
    .items_style #server_stats,
    .items_style #toplink,
    .items_style #copyright p:nth-of-type(2) {
        background-color: #0f0f0f !important;}

     /* Menu Bar */
    .items_style #menu {
        font-family: ElderScrolls;
        font-size: 2em;
        position: relative;
        z-index: 3;
        background: rgba(0,0,0,0.7);
        box-shadow:none;}

    .items_style #menu ul {
        width: 1095px;
        max-width: 1095px;
        margin: 0 auto 0;
        position: relative;}

    .items_style #menu ul li a:hover,
    .items_style #userinfo #userinfo_username .donateico a:hover {
        color: #b49629;}

    .items_style #userinfo #userinfo_username .donateico a {
        font-family: ElderScrolls;
        font-size: 1.9em;
        margin-left: -25px;
        color: #fff;}

    .items_style #searchbars input {
        height: 20px;
        margin: 0;}

    .items_style #items_list input,
    .items_style #items_list select,
    .items_style #items_list button {
        font-family: roboto;
        background-color: #50420e;
        color: #d8d8d8;
        padding: 5px;}

    .items_style #content {
        background: none;
        box-shadow: none;
        border-radius: 0px;
        padding: 0;
        top: 0;
        min-height: 1000px;
        padding-right: 25px;
        overflow: visible;}

    /* Tables */
    .items_style tr.row_a, .items_style tr.row_b {
        line-height: 1.5em;
        border-top: 1px solid black;}

    .items_style tr.row_a {
        background-color: rgba(0,0,0,0);}

    .items_style tr.row_b {
        background-color: rgba(73, 71, 61, 0.3);}

    .items_table .colhead,
    .items_table .colhead_dark,
    .freeleech_shop_main .head,
    .global_buffs_shop_main .head {
        background: linear-gradient(#352b07, #1E1D19);}

    .items_table .colhead td {
        font-size: .8em;
        padding: 7px 3px;}

    .items_table td:nth-of-type(1) {
        padding-left: 15px;}

    .box_add_freeleech,
    .box_add_buff,
    .items_table#running_freeleech,
    .items_table#running_buffs {
        margin-bottom: 20px; }

    .items_table .row_a td,
    .items_table .row_b td {
        background-color: inherit;}

} /* Closes media query */

/*** Left Navigation Menu ***/
#items_navigation {
    width: 200px;
    float: left;
    background: url('../images/shop/menubkg.png');
    padding-bottom: 25px;
    border-radius: 10px;
    text-align: left;}

#items_navigation h3 {
    text-align: left;
    left: 0;
    display: block;
    font-size: 1.5em;
    border-bottom: 1px solid #c7c7c7;
    font-family: elderscrolls;
    font-weight: normal;
    color: #fff;
    margin: 0;}

#items_navigation ul {
    margin-bottom: 10px;}

#items_navigation li {
    list-style: none;
    margin-left: -30px;
    font-family: Roboto;
    font-size: 1.1em;
    padding: 5px 0;}

#items_navigation li a {
    color: rgba(255,255,255,0.8);
    outline: 1px black;}

#items_navigation li#selected a {
    font-weight: bold;
    color: #b49629;}

#items_navigation li a:hover {
    color: #b49629;
    text-decoration: none;}

#items_navigation ul ul li {
    margin-left: -60px;}

#items_navigation ul ul li:last-of-type {
    margin-bottom: 10px;}

#items_navigation ul ul ul li {
    margin-left: -80px;}

#items_navigation ul ul ul li:last-of-type {
    margin-bottom: 10px;}

.items_style .global_buffs {
    right: -15px;
    left: auto;
    background-color: #352B07;}

.items_table .colhead td {
    text-align: center;}

.items_table .row_a td,
.items_table .row_b td {
    text-align: center;}

#running_freeleech.items_table .row_a td,
#running_freeleech.items_table .row_b td {
    text-align: left;}

.freeleech_shop_main td:nth-of-type(1),
.global_buffs_shop_main td:nth-of-type(1) {
    text-align: left;}

/*** Crafting / Equipment / Trading ***/
#crafting_panel h2,
#equipment h2,
#trading_panel h2,
#backpack h2 {
    visibility: hidden;}

#crafting_panel #items #items-wrapper,
#equipment #items #items-wrapper,
#trading_panel .items-wrapper,
#backpack #items-wrapper {
    margin-top: 0;
    text-align: center;
    height: 100%;
    width: 100%;
    float: left;
    padding: 0;
    position: relative;}

#crafting_panel #items #items-wrapper li,
#equipment #items #items-wrapper li,
#trading_panel .items-wrapper li,
#backpack #items-wrapper li {
    padding: 4px;}

#crafting_panel #items div,
#equipment #items div,
#trading_panel #items div,
#backpack #items div {
    display: inline-block;
    text-align: center;}

#crafting_panel .item,
#equipment .item,
#trading_panel .item,
#backpack .item {
    list-style-type: none;
    margin: 4px;
    float: left;
    width: 100px;
    height: 100px;
    overflow: hidden;
    background-color: #1c1c1c;
    text-align: center;
    position: relative;
    font-weight: bold;
    color: #999;
    border: 3px solid #000;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -moz-box-shadow: 3px 3px 8px rgba(0,0,0,0.7);
    -webkit-box-shadow: 3px 3px 8px rgba(0,0,0,0.7);
    box-shadow: 3px 3px 8px rgba(0,0,0,0.7);}

#crafting_panel .item h3,
#equipment .item h3,
#trading_panel .item h3,
#backpack .item h3 {
    position: absolute;
    bottom: 2px;
    width: 100px;
    text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000, 0 0 6px #000;}

#crafting_panel .item .item_count,
#trading_panel .item .item_count {
    color: gold;
    position: absolute;
    top: 2px;
    right: 2px;
    text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000, 0 0 6px #000;}

#crafting_panel .item.used,
#equipment .item.used,
#trading_panel .item.used {
    background: url('../images/shop/itempattern.png') repeat, url('../images/icons/equipment_used.png') 95% 5% no-repeat #1b1b1d !important;}

#crafting_panel .item.broken,
#equipment .item.broken,
#trading_panel .item.broken {
    background: url('../images/shop/itempattern.png') repeat, url('../images/icons/equipment_broken.png') 95% 5% no-repeat #1b1b1d !important;}

#crafting_panel .item img,
#equipment .item img,
#trading_panel .item img,
#backpack .item img {
    max-width: 94px;
    max-height: 94px;
    padding: 3px;}

#crafting_panel .item img.equipment_level,
#equipment .item img.equipment_level,
#trading_panel .item img.equipment_level {
    position: absolute;
    top: 2px;
    left: 2px;}

#crafting_panel .item:hover,
#equipment .item:hover,
#trading_panel .item:hover,
#backpack .item:hover {
    cursor: grab;
    cursor: -webkit-grab;
    cursor: -moz-grab;}