search

webplatform / ops

http://webplatform.github.io/ops/
5 stars 1 forks source link

Improve site visual elements #165

Open renoirb opened 9 years ago

renoirb commented 9 years ago

After a CSS experiment to review how the background pattern could be improved without use of image, let’s apply the change everywhere.

Problem is that some visual elements doesn’t play well with the new pattern.

At this time, only the default web server page has the new pattern.

screen shot 2015-05-07 at 16 06 48

To do this, we have to remove the use of the following (and similar code);

html {
  background: #ece5d7;
  background-image: url(//www.webplatform.org/assets/bg-pattern.png);
}

into

html {
  background-color: #F0EBDD;
  background-image: linear-gradient(transparent 50%, rgba(219,215,202,.2) 50%);
  background-size: 3px 3px;
}

Problem

The CSS badly needs some love. Making the change needs to be done everywhere, in the same time, without breaking the consistency.

:-1:

screen shot 2015-05-07 at 15 58 10

Homepage

:+1:

screen shot 2015-05-07 at 16 03 40

Patches