Bericht ComputerBase 6.0: Das neue Design für Smartphone bis Desktop ist da

habichtfreak · 30. März 2015

spamarama schrieb:
Könntest du das als Greasemonkey Addon, o.Ä. bereitstellen?
Sieht für PC Nutzer wesentlich besser aus.

ich habs mit stylish gemacht. im großen und ganzen basiert es auf dem userstyle von nebuk. ich kann dir die css die ich JETZT habe geben. kann aber sein, dass die morgen zu unerwünschten formatierung führt. liegt daran, das cb jeden tag weiter an der seite schraubt, nebuk es erst ändern/rückgängig machen kann wenn er es sieht/zeit hat. und diese änderungen muss ich dann erst für meine css übernehmen, damit ich sie auch habe.

Code:

@namespace url(http://www.w3.org/1999/xhtml);

@-moz-document domain("www.computerbase.de") {
body, input, select, button, textarea {
  font-family: verdana, arial, sans-serif;
  font-size: 13px;
}
  
/* Rückt den ganzen Content in die Mitte (Werbung!) */
.block1, .header, .subheader, .fullwidth-block {
  /* padding-right: 160px; */
  padding-right: 0px;
}

/* Entfernt die Werbebanner */
.adbox-banner {
  display: none;
}

.mainmenu-nav a {
  font-size: 1.20em;
}
 
/*Schriftgrösse vom Ticker*/
.ticker__body {
  line-height: 1.125rem;
  padding-left: 2.8125rem;
  font-size: 13px;
}
 
/* Artikel Context 
.ticker .readmore-link strong, .ticker__article-link strong {
  color: #e84d0e;
  font-weight: 400;
  letter-spacing: .05em;
  text-transform: none;
  font-weight: bold;
}
*/
.more-link {
 /* background: #1b29ad;*/
  color: #fff;
  font-size: .875em;
  margin-right: .2em;
  padding: 2px 0.8em;
  border-radius: 8px;
}
 
/* Links vom Ticker */
a {
  color: #1b29ad;
 /* font-weight: bold; */
  text-decoration: none;
}

.ticker__update a:hover {
/*  text-decoration: none;*/
  color: white !important;
}
 
/* Update Schildchen im Ticker */

    
/* besuchte Links im Ticker */
.ticker__article-link:visited, .ticker__update:visited {
  color: #aaa;
}

/* Korrigiert das ungewollte einrücken im Ticker auf der Homeseite */
.ticker__body {
  line-height: 1.125rem !important;
  padding-left: 2.8125rem !important;
  font-size: 13px;
}
 
/* Überschrift im Teaser */
.teaser__title {
  font-size: 1.625em;
  color: #e84d0e;
}
 
/* Farbe Author*/
.article__author {
  background-image: url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3…%2013h12c0-1.8-3.5-3.4-4.5-3.5z%22%20fill%3D%22%23777%22%2F%3E%3C%2Fsvg%3E);
  background-repeat: no-repeat;
  background-position: left center;
  padding-left: 1.125rem;
  color: #aaa !important;
}
 
/* Context vom Teaser */
.article__context, .teaser__context, .slide__context, .charts__context, .article-view__context {
  color: #666;
  display: block;
  font-weight: 400;
  letter-spacing: .1em;
  padding-bottom: .0625rem;
  text-transform: none;
  word-spacing: 0rem;
}

.geizhals__title {
  font-size: .875em;
  font-weight: 700;
  margin-bottom: .1875rem;
  margin-left: 6em !important;
}

.geizhals__subtitle {
  color: #222;
  word-wrap: break-word;
  margin-left: 7em !important;
}
 
/* Einführung in Artikel */
.article__intro {
  /* font-size: .875rem; */
  line-height: 1.1875rem;
  margin-top: .1875rem;
}

/* Abstand Bild in der Shoutbox (unter dem ersten grauen Balken rechts */
.shoutbox-default {
  background-image: url(https://www.computerbase.de/img/shoutbox-default.svg);
  background-repeat: no-repeat;
  background-color: #fff;
  border-color: #bbb;
  padding-left: 6em !important;
}

.shoutbox a:hover {
  color: #e84d0e !important; 
  text-decoration: underline;
}

.article-view__content a {
  color: #2c5b9c !important; /*#1b29ad !important;*/
  text-decoration: underline !important;
}
  
.article-view__content a:visited {
  color: #60658e !important;
  text-decoration: underline !important;
}

.article-view__content a:hover {
  color: #e84d0e !important;
  text-decoration: underline !important;
}
  
.article-view__h1 {
  text-align: left !important;
}

/* Dieser Teil mit dem Logo von Infi<3 (https://www.computerbase.de/forum/members/infi-3.409338/) übernommen */
/* ((((((((( */
/* Ersetzt das neue Logo */
.homepage-link {
  background-image: url("http://abload.de/img/logo7zux1.png");
  background-repeat: no-repeat;
  background-position: 0em 0.3em;
  display: block;
  width: 147px;
  height: 64px;
}
 
/* Entfernt das alte */
.homepage-link img {
  display: none;
}
/* bis hier her */
/* ))))))))) */
 
/* Hintergrund aussen */
.block {
  background: #71A4D5;
}
 

.ticker__date {
  float: left;
  font-size: 10px;
  margin-top: 2px;
}
 
/* Tickerhintergrund */
.row-23, .row-50 {
  padding: 0;
  background-color: #fff;
}
 
/* Datum im Ticker */
.ticker-group {
  color: #000;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0em;
  line-height: 1.3;
  margin-bottom: .5em;
  text-transform: none;
}
 
/* Hashtag im Submenü */
.big-header__tag-link, .tag, .htag {
  background-image: url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3…6.8M3%2025.4l-1.5%208.4M6.5%2025.4L5%2033.8%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E);
  background-repeat: no-repeat;
}
 
/* Farbe vom Submenü */
.tag, .htag {
  color: #71A4D5;
  display: inline-block;
  white-space: nowrap;
}

.big-header__tag-link, .tags__item, .tags__header-item {
  background-image:  none;
  background-repeat: no-repeat;
}


.tag {
  background-color: #244b80;
  background-position: 7px 6px;
  margin: .125rem 0;
  padding: 0 7px 0 7px; /* Verkleinert den Abstand zum Rand -> da # nicht angezeigt wird */
}

/* Footer */ 
.footer1 {
  background: #fff !important;
  border-top: 0px solid #ddd;
}
 
.footer2 {
  background: #2c5b9c !important;
  color: #fff;
}
 
.block-breakout {
  background: #ddd !important;
}
 
.block-highlight {
  background: #ddd !important;
  -webkit-box-shadow: 0 0 8px rgba(0,0,0,.1);
  -moz-box-shadow: 0 0 8px rgba(0,0,0,.1);
  box-shadow: 0 0 8px rgba(0,0,0,.1);
  position: relative;
  z-index: 3;
}
 
.follow-links {
  display: none;
}
 
/* Meistgelesene News */
.box-white {
  background-color: #ddd !important;
  border-color: #bbb;
}
 
 
/* * * * * * * * */
/* Tests Artikel */
 
 
/* Abstand zwischen Bild und Text */
.article__main {
  margin-left: 6.5em;
}
 
.article__intro {
  font-size: 1em;
  line-height: 1.1875rem;
  margin-top: .1875rem;
}
   
.article__context, .teaser__context, .slide__context, .charts__context, .article-view__context {
  color: #666;
  display: block;
  font-weight: 400;
  letter-spacing: .1 em !important;
  padding-bottom: .0625rem;
  text-transform: none;
  word-spacing: 0em !important;
}
   
.article__title {
  line-height: 1.3125rem;
  color: #1b29ad;
}

.text-width {
  max-width: 43.375rem;
}

/* Dieser Teil mit dem Logo von Infi<3 (https://www.computerbase.de/forum/members/infi-3.409338/) übernommen */
.tocbox {
  position: fixed;
  right: 50%;
  margin-top: 6.55em;
  margin-right: -59em;
  z-index: 2;
}
.toctoggle {
  display: none;
}
.toc--top {
  display: block !important;
}
.toc {
  border: 1px solid #bbb;
  box-shadow: none !important;
  border-top-left-radius: 0;
}
/* Bis hier her*/
 
/* Video */
.video-hero__title a {
  color: #e84d0e;
}
 
.video__title a {
  color: #1b29ad;
}
   
    
    
    
/* * * * */
/* Forum */

/* FIX für eingeblendete Werbung: Beitragssymbole im Editor stehen wieder näher zusammen */
.formcontrols .blockrow label {
  width: auto !important;
  float: left;
  font-size: 12px !important;
}

.blockrow a {
  color: #2c5b9c;
}
.blockrow a:hover {
  color: #e84d0e !important;
}

.title .threadtitle_unread a {
  color: #2c5b9c !important;
  text-decoration: none;
}

.threadtitle {
  color: #2c5b9c !important;
}

.announcement a {
  font-size: 12px;
}

.forumdata .forumtitle a {
  color: #2c5b9c !important;
  text-decoration: none;
}

.announcements .announcerow:first-child {
  margin-top: 0;
  font-size: 11px;
}

.vb-body {
  background: #fff;
  font-size: 12px !important;
  color: #000000;
  line-height: 1.230;
  padding: 20px 20px 0;
}

.button {
  padding: 2.5px 5px;
  font: bold 12px verdana,arial,sans-serif !important;
  border: 1px solid #a8a8a8;
  color: #424242;
  background: #e9e9e9 url(https://www.computerbase.de/forum/images/gradients/generic_button.png) repeat-x top left;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  border-radius: 0px;
}

.postcontent a:hover, .signature a:hover {
  text-decoration: underline;
  color: #e84d0e !important;
}

.pagination span a {
  font-size: 12px !important;
  border: 1px solid #cedfeb;
  height: 14.76px;
  padding: 4px 4px;
  margin-left: 1px;
  background: #f4f4f4 none;
  text-decoration: none;
  color: #2c5b9c !important;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  display: block;
  text-align: center;
  min-width: 18px;
}

.pagination span.selected a {
  background: #628ECA none;
  color: #ffffff !important;
  border: 1px solid #3572AF;
  font-weight: bold;
}

.threadbit .threadtitle {
  margin-top: 8px;
  font-size: 12px !important;
  color: #000;
}

/* Breadcrumbs Links */
.breadcrumb .navbit a {
  color: #2c5b9c !important;
}

.breadcrumb .navbit a:hover {
  color: #e84d0e !important;
}

/* unter Thread - Username + Timestamp */
.label {
  font-size: 11px !important;
}
 
/* Zeige Themen Button */
.forum_info_form .options_input_block .button {
  position: relative;
  margin-top: 14.22px;
  font-size: 12px;
}

/* Buttons im Forum */
.newcontent_textcontrol {
  background: #e84d0e none;
  _background-image: none;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  border-radius: 8px;
  font-size: 12px;
  color: #FFFFFF;
  padding: 2px 18px 2px 18px;
  border: 0;
  display: block;
  float: left;
  clear: right;
}

/* Schriftart im Editor */
.texteditor.forum .cke_skin_kama textarea.cke_source, .texteditor.forum textarea {
  color: #222222;
  font: 13px verdana,arial,sans-serif !important;
  white-space: pre-wrap;
  background: #FFFFFF none;
  display: block;
}

.postbitlegacy .postrow, .eventbit .eventrow, .postbitdeleted .postrow, .postbitignored .postrow {
  padding: 5px 10px 10px;
  font: 13px verdana,arial,sans-serif !important;
  /*color: #000;*/
}

.postcontent a, .signature a {
  text-decoration: underline;
  color: #2c5b9c !important;
}

blockquote.preview.forumcontent a {
  color: #2c5b9c !important
}

blockquote.preview.forumcontent {
  font: 12px verdana,arial,sans-serif !important;
}

.userinfo strong {
  color: #2c5b9c !important;
}
    
/* Schriftart und grösse in Posts/Threads */
.postbitlegacy .postrow, .eventbit .eventrow, .postbitdeleted .postrow, .postbitignored .postrow {
  padding: 5px 10px 10px;
  font: 13px verdana,arial,sans-serif;
  color: #000;
}

/* Userinfos in Foren verkleinert */
.postbitlegacy .userinfo .userinfo_extra {
  font-size: 11px;
}
      
      
.forumbit_post .forumstats li, .forumbit_post .forumstats_2 li {
  font-size: 11px !important;
  text-align: right;
  padding-right: 10px;
  display: block;
  line-height: 14px;
}

/*******/
/* von hier weg übernommen von Infi<3 (https://www.computerbase.de/forum/members/infi-3.409338/) übernommen
/* ((((((((( */
.threadbit .title {
  background: transparent none no-repeat left top;
  font-size: 13px;
}
    
/*flat comments*/
.postbit, .postbitlegacy, .eventbit {
  padding: 0px;
}
.blockhead {
  box-shadow: none;
}

 
/*flat buttons*/
.pagination span a {
  border-radius: 0px !important;
}
.blockfoot .button, .navpopupmenu .popupctrl, .navpopupmenu .textcontrol {
  background: #f4f4f4 none !important;
  border: 1px solid #cedfeb !important;
  color: #2c5b9c !important;
  font-weight: 500 !important;
}
 
/*remove optionsblock*/
.options_block_container {
  display: none !important;
}
.navlinks {
  border: none;
  background: #fff;
}
 
/*position of embedded forum*/
.vb-nav {
  margin-bottom: 0em;
  padding-bottom: 0.2em;
}
.below_body {
  margin-bottom: 20px;    
}
.block--top>.wrapper>.row {
  padding-bottom: 0px;
}
 
.vb-nav {
  margin: 0 auto;
  background: #fff;
  /*font-size: 14px;*/
  margin-bottom: 1em !important;
  width: 100%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  text-align: center;
}

/* Texteditor */
.cke_skin_kama textarea.cke_source, .texteditor.forum textarea {
  color: #222222;
  font: 12px verdana,arial,sans-serif !important;
  white-space: pre-wrap;
  background: #FFFFFF none;
  display: block;
}

/* Buttons zum Absenden */
.actionbuttons .group .button {
  cursor: pointer;
  padding: 2.5px 5px;
  font: bold 12px Verdana,arial,sans-serif !important;
  border: 1px solid #a8a8a8;
  color: #424242;
  background: #e9e9e9 url(https://www.computerbase.de/forum/images/gradients/generic_button.png) repeat-x top left;
}


.article-view {
  background: #fff;
  padding: 20px 1.25em 0;
  text-align: justify;
}

.article-view__share-links-top {
  display: none;
}

.gist--right {
  clear: right;
  float: right;
  margin: 0 0 .5em .5em;
  text-align: left;
}


.article-view__header--11 {
  min-height: 8.375em;
  margin-left: 2.4em;
}

.article-view__meta {
  font-size: 10px;
  color: #aaa;
}


.share-links {
      display: none;
}


.download__main {
  margin-left: 5.8125em;
}


.menupanel {
  background: #ddd;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: 0 0 28px 2px rgba(0,0,0,.33);
  -moz-box-shadow: 0 0 28px 2px rgba(0,0,0,.33);
  box-shadow: 0 0 28px 2px rgba(0,0,0,.33);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 12px !important;
  padding: 11px;
  position: absolute;
  right: 10px;
  top: 49px;
}

.cke_skin_kama .cke_dialog_contents a.cke_dialog_ui_button_ok, .cke_skin_kama .cke_dialog_contents a.cke_dialog_ui_button_cancel, .textcontrols a, a.textcontrol {
  position: relative;
  padding: 3px 5px;
  font: bold 12px verdana,arial,sans-serif;
  line-height: 1.230;
  text-decoration: none;
  border: 1px solid #a8a8a8;
  color: #424242;
  background: #e9e9e9 url(https://www.computerbase.de/forum/images/gradients/generic_button.png) repeat-x top left;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  border-radius: 0px;
}


.navpopupmenu.popupmenu.nohovermenu a.textcontrol, .navpopupmenu.popupmenu.nohovermenu a.popupctrl {
  color: #424242;
  background: #e9e9e9 url(https://www.computerbase.de/forum/images/gradients/generic_button.png) repeat-x top left;
  _background-image: none;
  border: 1px solid #a8a8a8;
  font: bold 12px verdana,arial,sans-serif;
  padding: 3.3333333333333px 6.6666666666667px;
}

#usercp_nav li {
  position: relative;
  color: #2c5b9c !important;
  font-size: 12px !important;
}


.pmlist .blockrow .title {
  font-size: 12px !important;
}

.blockrow .pmbit .title a {
  color: #2c5b9c !important;
  text-decoration: none;
}


.pmlist .blockrow .commalist {
  font-size: 12px !important;
  padding-top: 0.3em;
}

.formcontrols .blockrow label {
  width: 212px;
  float: left;
  font-size: 12px !important;
}

.vb-body .textbox, .vb-body textarea, .vb-body select {
  font: normal 12px verdana,arial,sans-serif !important;
  color: #000000;
  background: rgb(255,255,255) none;
  border: 1px solid #6B91AB;
  padding: 4px;
  outline: 0;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}

#pagetitle h1 {
  color: #222222;
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 10px !important;
}


#pagetitle .description {
  color: inherit;
  font-size: 12px !important;
}

input#aim {
  height: 25px;
  display: block;
  margin-left: 212px !important;
  max-width: 496px;
  float: none;
}

input#icq {
  height: 25px;
  display: block;
  margin-left: 212px !important;
  max-width: 496px;
  float: none;
}

input#msn {
  height: 25px;
  display: block;
  margin-left: 212px !important;
  max-width: 496px;
  float: none;
}

input#yahoo {
  height: 25px;
  display: block;
  margin-left: 212px !important;
  max-width: 496px;
  float: none;
}

input#skype{
  height: 25px;
  display: block;
  margin-left: 212px !important;
  max-width: 496px;
  float: none;
}

input#jabber{
  height: 25px;
  display: block;
  margin-left: 212px !important;
  max-width: 496px;
  float: none;
}

#ghbody {
  background-color: #fff;
  font-size: 12px;
  padding: 10px;
}

#gh_m_topk li a {
  color: #2c5b9c !important;
}

ol.t10 li:before {
  position: absolute;
  top: 11px;
  left: 2.2em;
  margin-right: -0.5em;
}

.mkat h2 a {
  color: #e84d0e !important;
}

.geizhals-search {
  font-size: .875em;
  margin: 0 auto;
  position: absolute;
  right: 36px;
  top: -4.8375rem;
  width: 29rem;
  z-index: 4;
}

span.notrans {
  color: #2c5b9c !important;
}



.sitesearch, .sitesearch input, .sitesearch select, .sitesearch button {
  font-size: 12px;
}

.row--search-nav {
  margin: 0;
  padding: 0 2%;
  background-color: #fff !important;
}

.row--search-results {
  padding-top: 20px;
  background-color: #fff !important;
}
  
  
  
/***************************** Anpassungen by my Own *****************************/  



/* Alle Links werden blau */
a, .article__title, .video__title a {
  color: #1b29ad;
}
  
.box--sidebar {
 border-radius: 18px;
 box-shadow: 0px 0px 10px grey;
}
  
.article-view__comments-link-2 {
  background: #2c5b9c;
  border-radius: 8px;
}
  
.entry-nav__prev {
  border-top-left-radius: 18px;
  border-bottom-left-radius: 18px;
  box-shadow: 0px 0px 10px grey;
}

.entry-nav__next {
  border-top-right-radius: 18px;
  border-bottom-right-radius: 18px;
  box-shadow: 0px 0px 10px grey;
}
  
.article-view__taglist {
  display: none;
}
  
  
aside.block--breakout > .wrapper > .padding-2{
  background-color: #71a4d5;
}  
 
.footer2 > .wrapper > .row {
  background-color: #2c5b9c;
}
  
.article-view, .vb-nav, .vb-body, .related-box__ul-1, .related-box__ul-2 {
  border-radius: 18px;
  box-shadow: 0px 0px 10px grey;
}  
  
.vb-body {
  margin-bottom: 20px;
}  


.footer1, .footer2 {
  background-color: #71a4d5 !important;
}  
  
.footer1-box {
  background-color: white !important;
}    
  
.usermenu__count {
  background-color: #2c5b9c;
}

/* Farbhintergrund für Uhrzeiten   */
time.ticker__date {
  background-color: #e5e5e5;
  border-radius: 4px;
  padding-left: 3px;
  padding-right: 3px;
  color: black !important;
}  
  
/* Farbhintergrund für Uhrzeiten (Aus dem Forum)*/  
ul.ticker--compact> li time.ticker__date {
  background-color: #e5e5e5;
  border-radius: 4px;
  padding-left: 3px;
  padding-right: 3px;
  color: black !important;
} 

.vb-nav a, .geizhals__price, .teaser__title, .video-hero__title a{
  font-weight: bold;  
  color: #2c5b9c;
}

/* Fette Links im Ticker */  
.ticker__body a{
  font-weight: bold;
} 

/* Aus dem Forum nicht fett */  
.tabs-panel a{
  font-weight: 200;
}   

/* Farbgebung der Charts */  
.charts__rank--1 {
  background-color: #2e872d;
}  
  
.charts__rank--2, .charts__rank--3 {
  background-color: #95db2a;
}  
    
.charts__rank--4, .charts__rank--5 {
  background-color: #eab12e;
}   
  
.charts__rank--6, charts__rank--7 {
  background-color: #e36a3b;
}     
  
.charts__rank--8, .charts__rank--9, .charts__rank--10 {
  background-color: #de1d2e;
}    
  
.charts__bar {
 background-image: linear-gradient(90deg, #e36a3b, #2e872d);
  
}  

  
.ticker__update {
 background-color: #e84d0e; /*#1b29ad;*/
  color: white;
  border-radius: 6px;
  border: none;
}  


/* Optische Umgestaltung der Header */  
.block--highlight > .wrapper, .block1--highlight > .wrapper {
  border-top-left-radius: 18px;
  border-top-right-radius: 18px;
  background-color: #fff;
}


.big-header {
  border-radius: 18px;
  box-shadow: 0px 0px 6px #888
}  

.download-home__cats, .teaser {
  border-top-left-radius: 18px;
  border-bottom-left-radius: 18px;
  box-shadow: inset 0px 0px 10px #888;
}
  
.download-home__featured, .video-hero__main {
  border-top-right-radius: 18px;
  border-bottom-right-radius: 18px;
  box-shadow: inset 0px 0px 10px #888;  
}  



/* blendet irgendwas aus */  
.padding-3 {
  display: none;
}  
  
/* Avatar im Header etwas anders */
.usermenu-avatar__image, .usermenu-avatar__wrap--has-avatar {
  border-radius: 5px;
}  
  
.chart-carousel, .js-chart {
  background-color: #d6e4f1;
}  
  
.ticker__article-context {
  font-weight: bold;
  color: black;
}

/* Hellblauer Hintergrund für alle */
.block1, .block1--top {
  background-color: #71a4d5;
} 

/* Schaltflächen vorherige und nächste sind jetzt anders */
.chart-carousel-link {
  background-color: #FFF;
  font-weight: bold;
  font-size: 13px;
}

.chart-carousel-nav a:hover{
  background-color: #FFF;
  font-weight: bold;
  font-size: 13px;
}  

/* ersetzt neues Logo durch altes im Forum */  
.rank {
  background-image: url("http://abload.de/img/favicon-cbjju05.png");
  background-repeat: no-repeat;
  background-position: 0em 0.3em;
  display: block;
  width: 20px;
  height: 20px; 
}
 
/* Entfernt das alte */
.rank img {
  display: none;  
}

.box--sidebar {
  margin-top: 10px;
}

/* Logo */
.homepage-link {
  background-image: url("http://abload.de/img/cblogo2e0ux1.png");
}  
/* Links unten (Archiv...) */  
.more-link {
  background: #2c5b9c;
}

/* Rückt den ganzen Content in die Mitte (Werbung!) */
.block1, .header, .subheader, .fullwidth-block {
  padding-right: 0px;
}

.block1--ads {
  display: none;
}

.newcontent_textcontrol {
  background-color: #2c5b9c;
  font-weight: 600;
  padding-bottom: 3px;
}

.ticker-group {
  margin-top: 50px;
}

.box--sidebar>.ticker-group {
  margin-top: 0px;
}

p {
  font-size: 14px;
}

section.col-left {
  text-align: justify;

}
  
.signature {
  font-family: verdana, arial, sans-serif;
}

ul.text-ul {
  font-size: 14px;
}
  
.article-view__footer {
  padding-bottom: 15px;
}
  
h3.text-width {
  color: #e84d0e;
}
  
}

MaChiMiB · 30. März 2015

CBs Identiät geht mit dem Design total verloren. Schrecklich. Sieht aus wie ne billige Werbeseite. Das Logo ist auch total verunstaltet...
Ich will mich nicht daran gewöhnen müssen!

Psychodelik · 30. März 2015

Also ganz ehrlich, mir gefällt dieses design gar nicht - ist nur meine Meinung - aber was zählt schon meine Meinung !

Ich habe da mal eine Frage, es gibt doch websites da hat man die Möglichkeit "das Licht auszumachen" ! Damit möchte ich sagen, statt ein helles design hat man die Möglichkeit ein dunkleres design auszusuchen, während man surft.

Hat man diese Funktion eingebaut ?

Oder wird man diese Funktion in naher Zukunft noch einbauen ?

Four2Seven · 30. März 2015

Hm, dürfte jetzt wohl modern sein. sieht aber jetzt leider wie viele andere Seiten aus (der alte Look machte auch den Charme von CB aus). Gamezone zB besuche ich seit deren Umstellung gar nicht mehr, weil der Stil komplett geändert wurde (und für mich wichtige Tabellen restlos entfernt wurden).

Mal schauen, ob ich diese Umstellung "verkrafte". Ich bräuchte nicht vor jeder News ein Bildchen.

Dachte zuerst auch, wo bin ich da gelandet, als plötzlich das neue Design geladen wurde.

Umlüx · 30. März 2015

@ habichtfreak
DANKE!

Krautmaster · 30. März 2015

demokratisch abstimmen kann man erst wenn man sich mal wirklich mit dem neuen Design auseinandergsetzt hat.

Ich denke man kann sicher an 10 Stellen optimieren. Seis Logo, sei es farblich...

Ich habe mich die letzten zwei Wochen schon ganz gut dran gewöhnt, wirklich stören ist aber, dass ich nicht mehr auf den ersten Blick sehen "CB, mein zu Hause"

- vor allem wenn ich Heise, PCGH usw noch offen hab. Hier kamen schon ein paar gute Design Vorschläge die wohl in wenigen Zeilen Code die seite wieder deutlich erkennbarer und ansehnlicher machen würden.

dec7 · 30. März 2015

Macht wenigstens den Computerbase Schriftzug Orange, das war immer euer Merkmal das Orange zum Blau. Nun dieses Unisono Blau kann man kaum einen Unterschied zu den vielen anderen blau gehaltenen Seiten.

Und wieso wird dem Social Krams mehr Platz eingeräumt, dachte unsere Jugend kehrt sich Facebook eher wieder ab.

Magellan · 30. März 2015

Insgesamt sehen die Artikel ganz schick aus, die seitlich herausstehenden Absatzüberschriften (oder wie man das nenn will) machen optisch ne gute Figur.

Wollte man die CAPSLOCK Titel nicht wieder rausnehmen? Finde das nicht so angenehm.

Schade finde ich das eingeklappte Inhaltsverzeichnis im Artikel - für mich war das immer eine willkommene Übersicht und Orientierung, daran sieht man sofort wie umfangreich der Artikel ist, welche Bereiche er umfasst, wo im Artikel ich mich gerade befinde, wie viel noch kommt, welche Seiten ich vielleicht gleich überspringe...
Warum nutzt man hier nicht die Möglichkeiten aktueller Widescreenmonitore und passt das Design für diese etwas an (Responive Design) - kleiner Bildschirm = wie jetzt, großer Bildschirm = Inhaltsverzeichnis ist rechts neben dem eigentlichen Inhalt fixiert (scrollt mit) und ausgeklappt.

Forum kommt ja dann eh neu aber der große knallorange Antworten Button stört schon ziemlich, der klaut ständig die Aufmerksamkeit vom Text weil er gar so heraussticht. Könnte man den nicht einfach kurz auf grau oder so ändern?

benoetigt · 30. März 2015

Die Startseite gefällt mir überhaupt nicht. Denke da auch sofort an PCGH.

floomat · 30. März 2015

@habichtfreak

könntest du dein UserStyle auch auf https://userstyles.org/styles/browse/computerbase veröffentlichen? Damit man es regelmäßig updaten kann.

Vielen Dank!
Dein Design ist meiner Meinung nach bisher mit Abstand das beste was man aus dem, entschuldigt meine ausdrucksweise, verkorksten Rotz von CB machen kann.

MacOkieh · 30. März 2015

Schön oder nicht schön ist subjektiv und soll auch nicht bewertet werden. Was mir auffällt (iPad Air, Safari, iOS 7.1)

1. Die Schrift ist zu klein, um entspannt lesen zu können. Das war bisher auch bereits so, aber
2. es ist nicht mehr möglich, in der Mobile-Ansicht über Double-Tap den Lesebereich zu vergrößern bzw. auf die Bildschirmbreite zu bringen. Warum das ausgerechnet in der mobilen Version NICHT funktioniert, wo es ja enorm wichtig ist, dagegen in der Desktop-Ansicht schon, erschließt sich mir nicht.

Idurso · 30. März 2015

Ernsthaft ?

Ich mag es überhaupt nicht.

Wenn ich Kacheln will, geh ich ins Hallenbad. Den "Social-Button" Mist brauche ich auch nicht.

Zappel Header (was sollen diese # ?) Da ist das Orangene B nur eine Nebensache.

Da hätte man sich auch Vorstellung sparen können, die User-Kritiken werden eh ignoriert.

Werde mich wohl nach anderen "Computer Seiten" umsehen, ich hab ja auch einen Computer mit 2 x 24".

kallii · 30. März 2015

Neues Design ist echt ansprechend... nur die Frage: Wie komme ich aufs alte Design zurück? Wenn es eine Möglichkeit gibt - dann bitte PN, da hier bestimmt noch durchaus mehrere Beiträge kommen werden.

flappes · 30. März 2015

Siehe https://userstyles.org/styles/111650/computerbase-version-6-alternatives-theme

sieht definitv besser aus.

Veyron · 30. März 2015

Innerlich musste ich ja bei der Aussage aus dem Bericht

Ich oute mich hiermit freiwillig: Bis Anfang 2014 war mir ComputerBase lediglich als Technik-Forum für obskure Windows-Treiberprobleme bekannt.

etwas schmunzeln und hab mit nur Gedacht das Passiert wenn man einen Unbekannten seine Wohnung einrichten lässt.

Und nein ich sehe uns nicht als Obsukures Windows-Treiberproblem Forum/Seite !

Unterberg · 30. März 2015

Absolut TOP!! Ich gratuliere euch,

xtensions · 30. März 2015

Ob es auch nochmal eine Reaktion auf die riesige, negative Kritk in irgendeiner Form geben wird? Ich befürchte, dass da nichts mehr kommt

Wishbringer · 30. März 2015

1) zuviel Platz beim neuen (wie beim alten) Design verschenkt: Auf 16:9 Bildschirmen ist gerade mal die Hälfte mittig belegt. (die andere Hälfte wird wohl für Werbung vorrätig gehalten).
2) Ich will ein orange/weißes CB!!!
3) warum ist das Setzen von Elementen nicht selbst konfigurierbar (Downloads oben, oder rechts, oder..../ gleiches bei Foren-Einträge-Ticker). Mit den neuen HTML/CSS Funktionen ist das ohne großen Aufwand realisierbar.

Jaytie · 30. März 2015

chip.de , pctipp.ch , golem.de , pcgameshardware.de , ... sind einige Beispiele. Wenn man diese Seiten besucht, weiß man warum einem das neue Design von CB bekannt vorkommt. Ich hoffe ich kann mich auf längere Sicht damit anfreunden. Aber man gewöhnt sich an alles. Schade ist es trotzdem irgendwie.

habichtfreak · 30. März 2015

floomat schrieb:
@habichtfreak

könntest du dein UserStyle auch auf https://userstyles.org/styles/browse/computerbase veröffentlichen? Damit man es regelmäßig updaten kann. Vielen Dank!
Dein Design ist meiner Meinung nach bisher mit Abstand das beste ...

mach weiter, das geht runter wie öl

und ja, wird es geben.

Bericht ComputerBase 6.0: Das neue Design für Smartphone bis Desktop ist da

Captain

Cadet 4th Year

Lt. Junior Grade

Lieutenant

Lt. Junior Grade

Fleet Admiral

Lt. Commander

Fleet Admiral

Commander

Lt. Junior Grade

Cadet 1st Year

Cadet 3rd Year

Lt. Commander

flappes

Gast

Cadet 4th Year

Lt. Junior Grade

Lt. Commander

Captain

Lt. Commander

Captain

Passend zum Thema