// ==UserScript==
// @name            Wykop - Fullscreen Mikro
// @description     Mikroblog na całą szerokość ekranu.
// @author          Patryk "Linux__Shines" N oraz P0lip.
// @version         1.0.0.0
// @include         http://www.wykop.pl/tag/*
// @include         http://www.wykop.pl/mikroblog/*
// @include         http://www.wykop.pl/wpis/*
// @include         http://www.wykop.pl/moj/*
// @include         http://www.wykop.pl/ludzie/*
// @include         http://www.wykop.pl/wiadomosc-prywatna/*
// @updateURL       https://openuserjs.org/install/The_Shiny/Wykop_-_Fullscreen_Mikro.user.js
// @grant           none
// @license         BSD
// ==/UserScript==

///TODO:
// * Zamienić kolory belki z "Wykopalisko", "Hity", "Mikroblog", "Mój Wykop"
// * Zamienić kolory nagłówków na głównej
// * Zamienić kolor przycisku "Szukaj" oraz reszty
// * Zamienić kolory linków na głównej

var orange      = "#FF5917 !important;";
var lightblue   = "#4383AF !important;";
var white       = "#FFFFFF !important;";
var black       = "#000000 !important;";
var logo_normal = "http://i.imgur.com/Tyinjgx.png";
var logo_hover  = "http://i.imgur.com/RhpC99v.png";

var style = ["<style>" +
"    #site {" +
"        background-color: " + white +
"    }" +
"" +
"    #nav {" +
"        background-image: url('http://i.imgur.com/Y9zPxy7.png') !important;" +
"        height: 100px !important;" +
"    }" +
"" +
"    .clearfix.m-reset-position {" +
"        margin-top: -50px !important;" +
"    }" +
"" +
"    .m-reset-padding.m-reset-margin {" +
"        margin-top: 50px !important;" +
"    }" +
"" +
"    .clearfix.mainnav {" +
"        height: auto !important;" +
"    }" +
"" +
"    /* Zmiana pozycji przycisków, które są PO przycisku przekierowującym na główną stronę portalu. */" +
"    .mainnav li:nth-child(2) {" +
"        width: 100% !important;" +
"    }" +
"" +
"    #openNaturalSearch {" +
"        color: " + black +
"        bottom: 50px;" +
"        position: absolute;" +
"        right: 0 !important;" +
"    }" +
"" +
"    /* Zmiana szerokości pola od wyszukiwarki. */" +
"    input[name='nsQ'] {" +
"        position: absolute;" +
"        width: 134% !important;" +
"    }" +
"" +
"    ul:not(.mainnav).clearfix > li {" +
"        height: auto;" +
"    }" +
"" +
"    .nav ul:not(.mainnav).clearfix {" +
"        display: inline-flex;" +
"        height: 100%;" +
"        align-items: flex-end;" +
"    }" +
"" +
"    .nav ul:not(.mainnav).clearfix:first-child {" +
"        align-self: flex-start;" +
"    }" +
""+
"    ul.clearfix .logged-user {" +
"        margin-bottom: 10px !important;" +
"    } " +
"" +
"    #nav .nav li.active a {" +
"        background-color: transparent !important;" +
"    }" +
"" +
"    em.mark-number {" +
"        background-color: transparent !important;" +
"        color: #FFFFFF !important;" +
"    }" +
"" +
"    em.mark-number:before {" +
"        content: '(';" +
"    }" +
"" +
"    em.mark-number:after {" +
"        content: ')';" +
"    }" +
"" +
"    .diggbox span:first-child {" +
"        background: url('http://i.imgur.com/L6avdgg.png') no-repeat scroll 0 0 rgba(0, 0, 0, 0);" +
"        color: #3b708a;" +
"    }" +
"" +
"    #nav .nav li a {" +
"        color: " + orange +
"    }" +
"" +
"    em.mark-number {" +
"        color: " + orange +
"    }" +
"" +
"    .clearfix.mainnav > li "+
"        color: " + orange +
"    }" +
"" +
"    .diggbox span:first-child"+
"        color: " + orange +
"    }" +
"" +
"    .clearfix a {" +
"        color: " + orange +
"    }" +
"" +
"    #nav .nav li a:hover, em.mark-number:hover, .clearfix.mainnav > li:hover, .diggbox span:first-child:hover, .clearfix a:hover {" +
"        color: " + lightblue +
"    }" +
"" +
"    .diggbox span:first-child, .active > a, .lcontrast.m-reset-margin a {" +
"        color: " + orange +
"    }" +
"" +
"    .diggbox span:first-child:hover, .active > a:hover, .lcontrast.m-reset-margin a:hover {" +
"        color: " + lightblue +
"    }" +
"" +
"    i.wykop-logo, i.microblog-logo {" +
"        background-image: url('" + logo_normal + "') !important;" +
"    }" +
"" +
"    i.wykop-logo:hover, i.microblog-logo:hover {" +
"        background-image: url('" + logo_hover + "') !important;" +
"    }" +
"" +
"    .active > a {" +
"        background-color: transparent !important;" +
"    }" +
"" +
"    #footer {" +
"        background-color: #FFFFFF !important;" +
"        color: " + lightblue +
"    }" +
"" +
"    #footer a {" +
"        color: " + lightblue +
"    }" +
"" +
"    #footer a:hover, #footer .width-one-fourth a:hover {" +
"        color: " + orange +
"        opacity: 1.0;" +
"    }" +
"" +
"    #footer h4 {" +
"        color: #555555 !important;" +
"    }" +
"" +
"    #footer .wrapper {" +
"        background-color: #cfe0e8 !important;" +
"        border: 2px solid #a2c4d4 !important;" +
"        border-radius: 20px !important;" +
"        border-top-left-radius: 20px !important;" +
"       padding: 20px 10px;" +
"    }" +
"" +
"</style>"].join("\n");
document.head.insertAdjacentHTML("beforeend", style);