Skip to content

classic blogger bar(experimental functionality) by ivyclaw22

Write a review Install Get Stylus

Details

Authorivyclaw22

LicenseMIT

Categoryblogger.com

Created

Updated

Size2.0 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

A style I cobbled together in an afternoon. restores a bar similar to the one in the old blogger blogs

Notes

Note: this publication is historically inaccurate. it cobbles together assets from 2005 and 2009 blogger bars and i couldn't get it working in some places also note that it only functions on blogs who use the bar in the plain form

Source code

/* ==UserStyle==
@name           blogger.com - 6/23/2023, 8:21:52 PM
@namespace      github.com/openstyles/stylus
@version        1.0.0
@description    A new userstyle
@author         Me
==/UserStyle== */

@-moz-document domain("blogger.com") {
	#b-navbar{
		background: #036;
border-bottom: 1px solid #024;
color: #47a;
		min-height:24px;
		padding-bottom: 5px;
	}
	#b-navbar-bg{
		display:none
	}
	#b-navbar #b-navbar-logo{
		background:url("http://web.archive.org/web/20050519001023im_/http://www.blogger.com/img/navbar/1/logobar.gif");
		width:80px;
		height:24px;
	}
	#b-navbar #b-query {
  font-size: x-small !important;
  color: #000;
  background-color: revert;
  border: 1px solid #47a;
  width: 10em;
  margin-right: .25em;
}
	#b-navbar #b-query-icon {
  display: block;
  width: 49px;
  height: 15px;
  background: url(http://web.archive.org/web/20050518220032im_/http://www.blogger.com/img/navbar/1/btn_search.gif) no-repeat 0 0;
}
	#b-navbar #b-query-box {
  background-color: revert;
  margin: 0;
  border: none;
  border-radius: 0px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  padding: 0;
}
	#b-navbar .b-link {
  color: #9cf;
  text-decoration: none;
  white-space: nowrap;
  cursor: pointer;
  cursor: hand;
}
	#b-navbar .b-link:hover {
  color: #fff;
  text-decoration: underline;
}
	#b-navbar #b-more span.arrow {
}
#b-navbar #b-more span.arrow {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAAECAYAAABsgwTvAAAAP0lEQVQYV2P8DwQMOAAjEKBLzTqHRz1IMTYDsRkEMxibgWlGSDYjG4jPIGwGggwCiaN4A2QgMQYhGwgzCCQGAFMUH2sqyDEmAAAAAElFTkSuQmCC) no-repeat -12px;
  display: inline-block;
  width: 7px;
  height: 10px;
}
	#b-navbar #b-more:hover span.arrow {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAAECAYAAABsgwTvAAAAP0lEQVQYV2P8DwQMOAAjEKBLzTqHRz1IMTYDsRkEMxibgWlGSDYjG4jPIGwGggwCiaN4A2QgMQYhGwgzCCQGAFMUH2sqyDEmAAAAAElFTkSuQmCC) no-repeat 0;
}
	#b-navbar-controls td[width="150px"], .gplus, .navbar-right{
		background: #147;
		margin-bottom:3px
	}
}

Reviews

No reviews yet.