Difference between revisions of "User:Raven24/common.css.old"

From diaspora* project wiki
Jump to: navigation, search
(first attempt for a D* style adaption)
 
m (better)
Line 35: Line 35:
 
   box-shadow: 1px 1px 4px #333333;
 
   box-shadow: 1px 1px 4px #333333;
 
   background: url("http://diaspora-project.org/sites/default/files/logo.png") no-repeat 1em center #222;
 
   background: url("http://diaspora-project.org/sites/default/files/logo.png") no-repeat 1em center #222;
   background-size: auto 3.85em;
+
   background-size: auto 3.5em;
 +
  position: relative;
 
}
 
}
  

Revision as of 14:44, 13 November 2012

@font-face {

   font-family: 'RobotoRegular';
   src: url('http://diaspora-project.org/misc/roboto-fontfacekit/Roboto-Regular-webfont.eot');
   src: url('http://diaspora-project.org/misc/roboto-fontfacekit/Roboto-Regular-webfont.eot?#iefix') format('embedded-opentype'),
        url('http://diaspora-project.org/misc/roboto-fontfacekit/Roboto-Regular-webfont.woff') format('woff'),
        url('http://diaspora-project.org/misc/roboto-fontfacekit/Roboto-Regular-webfont.ttf') format('truetype'),
        url('http://diaspora-project.org/misc/roboto-fontfacekit/Roboto-Regular-webfont.svg#RobotoRegular') format('svg');
   font-weight: normal;
   font-style: normal;

} @font-face {

   font-family: 'RobotoBoldCondensed';
   src: url('http://diaspora-project.org/misc/roboto-fontfacekit/Roboto-BoldCondensed-webfont.eot');
   src: url('http://diaspora-project.org/misc/roboto-fontfacekit/Roboto-BoldCondensed-webfont.eot?#iefix') format('embedded-opentype'),
        url('http://diaspora-project.org/misc/roboto-fontfacekit/Roboto-BoldCondensed-webfont.woff') format('woff'),
        url('http://diaspora-project.org/misc/roboto-fontfacekit/Roboto-BoldCondensed-webfont.ttf') format('truetype'),
        url('http://diaspora-project.org/misc/roboto-fontfacekit/Roboto-BoldCondensed-webfont.svg#RobotoBoldCondensed') format('svg');
   font-weight: normal;
   font-style: normal;

}

body {

 background: #f1f1f1; 
 font-family: "RobotoRegular", Helvetica, Verdana, Arial, sans-serif;

}

h1, h2, h3, h4, h5, h6 {

 font-family: "RobotoBoldCondensed", Helvetica, Verdana, Arial, sans-serif;

}


/** header **/

  1. mw-page-base {
 border-bottom: 1px solid black;
 box-shadow: 1px 1px 4px #333333;
 background: url("logo.png") no-repeat 1em center #222;
 background-size: auto 3.5em;
 position: relative;

}

  1. p-logo a {
 background: transparent !important;
 height: 5em;

}

  1. mw-head-base, #p-namespaces, div.vectorTabs, div.vectorMenu h5 a {
 background: transparent !important;

}

  1. mw-head a {
 color: #FFF;
 text-shadow: 1px 1px 2px #000;

}

  1. mw-head a.new, #mw-head .new a {
 color: #FF0000;

}

  1. mw-head a:visited {
 color: #f1f1f1;

}

  1. mw-head a.new:visited, #mw-head .new a:visited {
 color: #FF0F00;

}

div.vectorTabs ul li {

 background: rgb(34,34,34); /* Old browsers */
 background: -moz-linear-gradient(top,  rgb(34,34,34) 0%, rgb(63,63,63) 49%, rgb(68,68,68) 50%, rgb(85,85,85) 100%); /* FF3.6+ */
 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(34,34,34)), color-stop(49%,rgb(63,63,63)), color-stop(50%,rgb(68,68,68)), color-stop(100%,rgb(85,85,85))); /* Chrome,Safari4+ */
 background: -webkit-linear-gradient(top,  rgb(34,34,34) 0%,rgb(63,63,63) 49%,rgb(68,68,68) 50%,rgb(85,85,85) 100%); /* Chrome10+,Safari5.1+ */
 background: -o-linear-gradient(top,  rgb(34,34,34) 0%,rgb(63,63,63) 49%,rgb(68,68,68) 50%,rgb(85,85,85) 100%); /* Opera 11.10+ */
 background: -ms-linear-gradient(top,  rgb(34,34,34) 0%,rgb(63,63,63) 49%,rgb(68,68,68) 50%,rgb(85,85,85) 100%); /* IE10+ */
 background: linear-gradient(to bottom,  rgb(34,34,34) 0%,rgb(63,63,63) 49%,rgb(68,68,68) 50%,rgb(85,85,85) 100%); /* W3C */
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#222222', endColorstr='#555555',GradientType=0 ); /* IE6-9 */

}

div.vectorTabs span {

 border-right: 1px solid black;
 background: transparent !important;

}

div.vectorTabs li.selected {

 background: rgb(34,34,34); /* Old browsers */
 background: -moz-linear-gradient(top,  rgb(34,34,34) 0%, rgb(89,89,89) 36%, rgb(114,114,114) 100%); /* FF3.6+ */
 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(34,34,34)), color-stop(36%,rgb(89,89,89)), color-stop(100%,rgb(114,114,114))); /* Chrome,Safari4+ */
 background: -webkit-linear-gradient(top,  rgb(34,34,34) 0%,rgb(89,89,89) 36%,rgb(114,114,114) 100%); /* Chrome10+,Safari5.1+ */
 background: -o-linear-gradient(top,  rgb(34,34,34) 0%,rgb(89,89,89) 36%,rgb(114,114,114) 100%); /* Opera 11.10+ */
 background: -ms-linear-gradient(top,  rgb(34,34,34) 0%,rgb(89,89,89) 36%,rgb(114,114,114) 100%); /* IE10+ */
 background: linear-gradient(to bottom,  rgb(34,34,34) 0%,rgb(89,89,89) 36%,rgb(114,114,114) 100%); /* W3C */
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#222222', endColorstr='#727272',GradientType=0 ); /* IE6-9 */

}

div.vectorMenu ul {

 background: #222;

}


/** nav panel **/ div#mw-panel {

 top: 88px;

}

div#mw-panel .portal .body {

 background: transparent !important;
 border-top: 1px solid rgba(0,0,0, .15);

}


/** content **/ div#content {

 background: white;
 box-shadow: 0 0 7px #888888;
 margin-right: 1em;

}

pre {

 overflow-x: auto;

}


/** footer **/ div#footer {

 background: transparent !important;

}