Attachment 204245 Details for Bug 237772 – modified version of website's layout.css

modified version of website's layout.css

layout.css (text/plain), 8.22 KB, created by wintellect on 2019-05-07 12:55:34 UTC

(hide)

Description:

Filename:

MIME Type:

Creator: wintellect

Created: 2019-05-07 12:55:34 UTC

Size: 8.22 KB

patch

obsolete

>/*
> * FreeBSD.org - Layout Styles
> *
> * $FreeBSD: head/en_US.ISO8859-1/htdocs/layout/css/layout.css 50639 2017-08-06 06:09:38Z delphij $
> */
>
>/* Container Definitions */
>
>/* Page Container */
>
>#containerwrap {
>  text-align: center; /* Win IE5 */
>}
>
>#container {
>  margin: 0em auto;
>  width: 90%;
>  padding: 0;
>  padding-top: 0px;
>  padding-bottom: 15px;
>  text-align: left; /* Win IE5 */
>}
>
>/* Header */
>
>#headercontainer {
>  padding-bottom: 2px;
>}
>
>#header {
>  position: relative;
>  height: 15%;
>  margin: 0;
>  padding: 0;
>  clear: both;
>}
>
>#headerlogoleft {
>  position: relative;
>  border: 0px;
>  padding: 0px;
>  top: 0px;
>  float: left;
>}
>
>#headerlogoleft img {
>  border: 0px;
>}
>
>#headerlogoright {
>  position: relative;
>  border: 0px;
>  padding-left: 0px;
>  float: right;
>}
>
>#headerlogoright img {
>  border: 0px;
>}
>
>/* Search */
>
>@media screen {
>#search {
>  position: relative;
>  text-align: right;
>  padding: 0;
>  margin: 0;
>  margin-top: 6px;
>  color: #666;
>}
>
>#search form {
>  position: relative;
>  top: 5px;
>  right: 0;
>  margin: 0; /* need for IE Mac */
>  text-align: right; /* need for IE Mac */
>  white-space: nowrap; /* for Opera */
>}
>
>#search form label {
>  color: #666;
>}
>
>#search form #submit {
>  background: transparent;
>  color: #fff;
>  border-right: 1px solid #DADADA;
>  border-bottom: 1px solid #DADADA;
>  border-top: 1px solid #DADADA;
>  border-left: 1px solid #DADADA;
>  padding: 1px 5px 1px 5px;
>}
>
>#search form #words {
>  width: 50%;
>  border: 1px solid #DADADA;
>  background: #FFFFFF;
>  color: #666;
>  padding: 2px 2px 2px 5px;
>}
>}
>
>@media print {
>#search { display: none; }
>}
>
>/* Mirror Select */
>
>#mirror {
>  text-align: right;
>  padding: 0;
>  margin: 0;
>  margin-top: 6px;
>  color: #666;
>}
>
>#mirror form {
>  padding-top: 5px;
>  right: 0;
>  margin: 0; /* need for IE Mac */
>  text-align: right; /* need for IE Mac */
>  white-space: nowrap; /* for Opera */
>}
>
>#mirror form label {
>  color: #666;
>  font-size: 0.8em;
>}
>
>#mirror form select {
>  font-size: 0.8em;
>}
>
>#mirror form #mirrorsel {
>  font-size: 0.8em;
>  width: 150px;
>  border: 1px solid #DADADA;
>  background: #FFFFFF;
>  color: #666;
>}
>
>#mirror input {
>  font-size: 0.8em;
>  background: transparent;
>  color: #666;
>  border: 1px solid #DADADA;
>}
>
>/* Content */
>
>#content {
>  clear: both;
>  display: block;
>}
>
>#frontcontainer {
>  width: 100%;
>}
>
>#frontfeaturecontainer {
>  clear: both;
>  display: flex;
>  flex-wrap: wrap;
>}
>
>#frontfeatureleft{
>  flex-basis: 33%;
>  margin: 0;
>  padding: 0;
>  flex-grow: 20;
>}
>
>#frontfeatureleft h2 {
>  border: none;
>  margin-top: 0;
>}
>
>#frontfeatureleft p {
>  margin: 0 0 1em 0;
>}
>
>	#frontfeaturecontent {
>	  margin: 10px 10px 10px 13px;
>	}
>
>#frontfeaturemiddle {
>  flex-grow: 1;
>  margin-top: 20px;
>  background: url(../images/beastie.png) no-repeat top left;
>  min-height: 196px;
>  flex-basis: 33%;
>  min-width: 350px;
>}
>
>#frontfeatureright {
>  flex-grow: 1;
>  border: 0px;
>  padding: 0px;
>  margin: 0px;
>  flex-basis: 33%;
>}
>
>/* News/Events/Media/Security Box */
>
>#frontnemscontainer {
>  width: 100%;
>  background: #eee;
>  display: flex;
>  flex-wrap: wrap;
>  margin-top: 8px;
>  margin-bottom: 8px;
>  justify-content: center;
>}
>
>#frontnews {
>  flex-grow: 1;
>  flex-basis: 300px;
>  margin: 0;
>  padding: 0;
>  border-left: 5px solid white;
>  border-right: 5px solid white;
>}
>
>#frontnewscontent {
>  margin: 17px 15px 24px 18px;
>}
>
>#frontevents {
>  flex-grow: 1;
>  flex-basis: 300px;
>  margin: 0;
>  padding: 0;
>  border-left: 5px solid white;
>  border-right: 5px solid white;
>}
>
>#fronteventscontent {
>  margin: 17px 15px 24px 14px;
>}
>
>#frontmedia {
>  flex-grow: 1;
>  flex-basis: 300px;
>  margin: 0;
>  padding: 0;
>  border-left: 5px solid white;
>  border-right: 5px solid white;
>}
>
>#frontmediacontent {
>  margin: 17px 15px 24px 14px;
>}
>
>#frontsecurity {
>  flex-grow: 1;
>  flex-basis: 300px;
>  margin: 0;
>  padding: 0;
>  border-left: 5px solid white;
>  border-right: 5px solid white;
>}
>
>#frontsecuritycontent {
>  margin: 17px 15px 24px 14px;
>}
>
>/* No way to get equal columns in pure CSS - setting height is a temporary hack */
>.frontseparator {
>  width: 0.5%;
>  height: 500px;
>  margin: 0;
>  padding: 0;
>  background-color: #fff;
>  float: left;
>  display: none;
>}
>
>.newseventswrap {
>  padding-left: 5px;
>}
>
>.newseventslist {
>  list-style: none;
>  margin: 0;
>  padding: 0;
>  display: inline;
>}
>
>.newseventslist img.rssimage {
>  display: inline;
>  border: 0;
>  vertical-align: bottom;
>}
>
>.newseventslist li {
>  padding: 0 0.3em 0 0.5em;
>  display: inline;
>  border-right: 1px solid #E1E1E1;
>}
>
>.newseventslist li a {
>}
>
>.newseventslist li.last-child {
>  border-right: 0;
>  padding-right: 0;
>}
>
>.newseventslist li.first-child {
>  padding-left: 0;
>}
>
>.newseventslist li.only-child {
>  border-right: 0;
>  padding-left: 0;
>}
>
>/* Shortcuts */
>
>#frontshortcuts {
>  margin: 0;
>  padding: 0;
>  color: #666;
>}
>
>#frontshortcutscontent {
>  float: right;
>  margin: 0;
>  padding: 0;
>  padding-left: 15px;
>  padding-top: 20px;
>}
>
>#frontshortcutslist {
>  margin: 0;
>  padding: 0;
>  margin-left: 5px;
>  margin-top: 5px;
>  list-style: none;
>}
>
>#frontshortcutslist li {
>  margin: 0;
>  padding-left: 12px;
>  background-image: url(../images/blt_red_arrow.png);
>  background-repeat: no-repeat;
>  background-position: 0px 0.5em;
>}
>
>/* Latest Releases */
>
>#frontreleases {
>  padding: 0;
>  margin: 8px;
>  margin-left: 160px;
>  margin-top: 5px;
>  padding-bottom: 20px;
>  color: #666;
>}
>
>#frontreleasescontent {
>  margin: 0;
>  padding: 0;
>}
>
>#frontreleaseslist {
>  margin: 0;
>  padding: 0;
>  margin-left: 5px;
>  margin-top: 5px;
>  list-style: none;
>}
>
>#frontreleaseslist li {
>  margin: 0;
>  padding-left: 12px;
>  background-image: url(../images/blt_red_arrow.png);
>  background-repeat: no-repeat;
>  background-position: 0px 0.5em;
>}
>
>/* New User Box */
>
> /* height and width details */
>.frontnewtop div, .frontnewtop, .frontnewbot div, .frontnewbot {
>  width: 100%;
>  height: 12px;
>}
>
>.frontnewcontent {
>  margin: 0;
>  padding: 0;
>  margin-top: -4px;
>  margin-bottom: -4px;
>  text-align: center;
>  font-size: 1.1em;
>  font-weight: bold;
>}
>
>.frontnewcontent a, .frontnewcontent a:link, .frontnewcontent a:visited, .frontnewcontent a:hover, .frontnewcontent a:active {
>  color: #990000;
>  text-decoration: none;
>}
>
>.frontnewroundbox {
>  float: left;
>  margin: 0;
>  margin-top: 30px;
>  padding: 0;
>  width: 130px;
>  background-color: #D8D8D8;
>  border-radius: 10px;
>}
>
>/* Donate Button */
> /* height and width details */
>.frontdonatetop div, .frontdonatetop, .frontdonatebot div, .frontdonatebot {
>  width: 20%;
>  height: 10px;
>  font-size: 1px;
>  text-align: center;
>}
>
>.frontdonatecontent {
>  margin: 0;
>  padding: 0;
>  margin-top: -4px;
>  margin-bottom: -4px;
>  text-align: center;
>  font-size: 1.1em;
>  font-weight: bold;
>}
>
>.frontdonatecontent a, .frontdonatecontent a:link, .frontdonatecontent a:visited, .frontdonatecontent a:hover, .frontdonatecontent a:active {
>  color: #990000;
>  text-decoration: none;
>}
>
>.frontdonateroundbox {
>  margin-top: 0.5em;
>  padding: 0;
>  white-space: nowrap;
>  background-color: white;
>  border-radius: 10px;
>}
>
>/* Get FreeBSD Box */
>
> /* height and width details */
>.frontgettop div, .frontgettop, .frontgetbot div, .frontgetbot {
>  width: 100%;
>  height: 18px;
>  font-size: 1px;
>}
>
>.frontgetcontent {
>  margin: 0;
>  padding: 0;
>  margin-top: -8px;
>  margin-bottom: -8px;
>  text-align: center;
>  font-size: 1.4em;
>  font-weight: bold;
>}
>
>.frontgetcontent a, .frontgetcontent a:link, .frontgetcontent a:visited, .frontgetcontent a:hover, .frontgetcontent a:active {
>  color: #990000;
>  text-decoration: none;
>}
>
>.frontgetroundbox {
>  margin-top: 50px;
>  margin-left: 140px;
>  padding: 0;
>  width: 190px;
>  background-color: #FACC2E;
>  border-radius: 15px;
>}
>
>/* Secondary Pages */
>
>@media screen {
>#sidewrap {
>  float: left;
>  width: 166px;
>  margin-top: 15px;
>  margin-right: -170px;
>}
>
>#rightwrap {
>  float: right;
>  width: 166px;
>  margin-left: 15px;
>}
>
>#contentwrap {
>  margin-left: 170px;
>  padding-top: 15px;
>}
>}
>
>@media print {
>#sidewrap, #rightwrap { display: none; }
>#contentwrap { margin-left: 16px; padding-top: 15px; }
>}
>
>/* Footer */
>
>#footer {
>  font-size: 0.9em;
>  text-align: center;
>  color: #737373;
>  line-height: 1.3em;
>  padding-top: 5px;
>  clear: both;
>}
>
>/* Misc Classes */
>
>.clearboth {
>  clear: both;
>  margin: 0;
>  padding: 0;
>}
>
>.blockhide {
>  display: none;
>  height: 0;
>  width: 0;
>  overflow: hidden;
>  position: absolute;  /* IE5 Mac */
>}
>
>img {
>  border: 0;
>}

Actions: View

Attachments on bug 237772: 204245 | 204247