WiderD2D Um dieses Script nutzen zu können, benötigst du ein AddOn für deinen Browser. Das Script funktioniert in der hier genutzten Weise damit leider nur mit Chrome und Firefox. Der Browser Vivaldi nutzt viele AddOns von Chrome und baut auf Chrome auf, d.h., es könnte auch damit funktionieren. Dies ist allerdings nicht getestet.

Hier findest du die AddOns. Die Links öffnen sich in einem neuen Fenster und führen zu den jeweiligen Stores.

AddOn für Chrome AddOn für Firefox
Stylish f. Chrome Stylish f. Firefox


Nach der Installation des AddOns muss man folgenden CSS Code in das AddOn einfügen, um dol2day in einem breiteren, modernen Look zu bekommen:
/* 
 * @author       Kaffeetasse  (https://badidol.net)
 */   
@viewport {
    width: device-width;
}
#body, td, p { font-family: Century Gothic !important; font-size: 13px; }

#dol2day {
    box-shadow: 0px 4px 5px 4px #000;
    border-radius:8px;
    font-size: 12px;
    width: 65%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 15px;
    font-family: Century Gothic !important;
}
#header #logo {
    border-radius: 8px;
    background: transparent;
    width: 50%;
}
#main {
    border-spacing: 0;
    width: 100%;
    font-family: Century Gothic !important;
}
#header > table:nth-child(1) {
    width: 100%;
    font-family: Century Gothic !important;
}
#header {
    width: 100%;
    background: transparent;
    padding: 0;
    font-family: Century Gothic !important;
}
#content > table:nth-child(2) {
    width: 100%;
    font-family: Century Gothic;
}
#row4 a.pull, #row4 a.pull:link, #row4 a.pull:visited {
    border-radius: 0;
    font-family: Century Gothic !important;
}
#footer #sitemap {
    text-align: center;
    width: 100%;
    background: transparent;
    font-family: Century Gothic !important;
}
#footer {
    background: transparent;
    font-family: Century Gothic !important;
}
#akkordeon, .refresh, .green, .blue, .yellow, .red, #content > table, #content > form > table {
    width: 100%;
    font-family: Century Gothic !important;
}
#content > table:nth-child(12) {
    width: 100%;
    font-family: Century Gothic !important;
}
#logo > a:nth-child(1) > img:nth-child(1) {
    border-radius: 8px;
}

Hier findet sich das Ganze nochmal zum Nachlesen und mit Screenshots als .pdf Datei. Link öffnet in einem neuen Fenster.
PDF Anleitung