Commits

Mathias Panzenböck committed dfb34ca

style++

Comments (0)

Files changed (9)

fonts/DejaVu-Symbols.eot

Binary file modified.

fonts/DejaVu-Symbols.svg

Old
Old image
New
New image
 <svg xmlns="http://www.w3.org/2000/svg">
 <metadata></metadata>
 <defs>
-<font id="dejavu_lgc_sansbold" horiz-adv-x="1575" >
+<font id="DejaVuSymbols" horiz-adv-x="1575" >
 <font-face units-per-em="2048" ascent="1556" descent="-492" />
-<missing-glyph horiz-adv-x="713" />
+<missing-glyph horiz-adv-x="651" />
 <glyph horiz-adv-x="2048" />
 <glyph horiz-adv-x="2048" />
 <glyph unicode="&#xd;" horiz-adv-x="682" />
-<glyph unicode=" "  horiz-adv-x="713" />
-<glyph unicode="&#x09;" horiz-adv-x="713" />
-<glyph unicode="&#xa0;" horiz-adv-x="713" />
-<glyph unicode="&#x2000;" horiz-adv-x="682" />
-<glyph unicode="&#x2001;" horiz-adv-x="1365" />
-<glyph unicode="&#x2002;" horiz-adv-x="682" />
-<glyph unicode="&#x2003;" horiz-adv-x="1365" />
-<glyph unicode="&#x2004;" horiz-adv-x="455" />
-<glyph unicode="&#x2005;" horiz-adv-x="341" />
-<glyph unicode="&#x2006;" horiz-adv-x="227" />
-<glyph unicode="&#x2007;" horiz-adv-x="227" />
-<glyph unicode="&#x2008;" horiz-adv-x="170" />
-<glyph unicode="&#x2009;" horiz-adv-x="273" />
-<glyph unicode="&#x200a;" horiz-adv-x="75" />
-<glyph unicode="&#x202f;" horiz-adv-x="273" />
-<glyph unicode="&#x205f;" horiz-adv-x="341" />
+<glyph unicode=" "  horiz-adv-x="651" />
+<glyph unicode="&#x09;" horiz-adv-x="651" />
+<glyph unicode="&#xa0;" horiz-adv-x="651" />
+<glyph unicode="&#x2000;" horiz-adv-x="715" />
+<glyph unicode="&#x2001;" horiz-adv-x="1430" />
+<glyph unicode="&#x2002;" horiz-adv-x="715" />
+<glyph unicode="&#x2003;" horiz-adv-x="1430" />
+<glyph unicode="&#x2004;" horiz-adv-x="476" />
+<glyph unicode="&#x2005;" horiz-adv-x="357" />
+<glyph unicode="&#x2006;" horiz-adv-x="238" />
+<glyph unicode="&#x2007;" horiz-adv-x="238" />
+<glyph unicode="&#x2008;" horiz-adv-x="178" />
+<glyph unicode="&#x2009;" horiz-adv-x="286" />
+<glyph unicode="&#x200a;" horiz-adv-x="79" />
+<glyph unicode="&#x202f;" horiz-adv-x="286" />
+<glyph unicode="&#x205f;" horiz-adv-x="357" />
 <glyph unicode="&#x25a0;" horiz-adv-x="1935" d="M186 -252v1568h1563v-1568h-1563z" />
 <glyph unicode="&#x25ae;" horiz-adv-x="1127" d="M186 -250v1564h755v-1564h-755z" />
 <glyph unicode="&#x25b2;" d="M6 -252l781 1568l782 -1568h-1563z" />
 <glyph unicode="&#x25b6;" d="M6 -252v1568l1563 -784z" />
 <glyph unicode="&#x25bc;" d="M6 1316h1563l-782 -1568z" />
 <glyph unicode="&#x25c0;" d="M6 532l1563 784v-1568z" />
+<glyph unicode="&#x2716;" horiz-adv-x="1716" d="M175 374l372 372l-372 372l311 311l372 -372l372 373l311 -311l-372 -373l372 -372l-311 -311l-372 372l-372 -372z" />
 <glyph unicode="&#xe000;" horiz-adv-x="1120" d="M0 0v1120h1120v-1120h-1120z" />
 </font>
-</defs></svg> 
+</defs></svg> 

fonts/DejaVu-Symbols.ttf

Binary file modified.

fonts/DejaVu-Symbols.woff

Binary file modified.
 			<div class="navigation-head">
 				<span class="search-container text-input-container">
 					<input id="search" type="text" autocomplete="off" title="Search" placeholder="Search..."/>
-					<a class="input-clear" draggable="false" tabindex="0" onclick="Magnatune.Navigation.clear();" title="Clear">&times;</a>
+					<a class="input-clear" draggable="false" tabindex="0" onclick="Magnatune.Navigation.clear();" title="Clear">&#x2716;</a>
 				</span>
 
 				<button class="navigation-head-button" id="tree-order-button" onclick="Magnatune.Navigation.toggleOrderSelect();" title="Change Sorting">Order</button>

javascripts/magnatune.js

 							tag('a',{title:'Remove Playlist',
 									 draggable:'false',
 							         onclick:this._click_remove_playlist.bind(this,name)},
-								'\u00d7'))));
+								'\u2716'))));
 				}
 			}
 		},
 				tag('div',{'class':'tour-page'},
 					tag('button',{'class':'close',
 						onclick:'Magnatune.Tour.stop();'},
-						'\u00d7'),
+						'\u2716'),
 					content,
 					tag('div',{'class':'tour-page-buttons'},
 						opts.previous ?
 {
   "name": "GreattunePlayer",
   "subdomain": "greattuneplayer",
-  "version": "0.1.0-154",
+  "version": "0.1.0-155",
   "author": "Mathias Panzenböck",
   "description": "This is a HTML5 audio player based on the music from Magnatune.com",
   "bin": {
 	font-style: normal;
 	font-weight: normal;
 	src: url(/fonts/OpenSans-400.eot);
-	src: local("Open Sans Regular"), local("Open-Sans-Regular"),
+	src: local("Open Sans Regular"), local("Open-Sans-Regular"), local("Open Sans"),
 		url(/fonts/OpenSans-400.eot?#iefix) format("embedded-opentype"),
 		url(/fonts/OpenSans-400.woff) format("woff"),
 		url(/fonts/OpenSans-400.ttf) format("truetype"),
 		url(/fonts/DejaVu-Symbols.eot?#iefix) format("embedded-opentype"),
 		url(/fonts/DejaVu-Symbols.woff) format("woff"),
 		url(/fonts/DejaVu-Symbols.ttf) format("truetype"),
-		url(/fonts/DejaVu-Symbols.svg#UbuntuMono) format("svg");
-	unicode-range: U+25A0, U+25AE, U+25B2, U+25B6, U+25BC, U+25C0;
+		url(/fonts/DejaVu-Symbols.svg#DejaVuSymbols) format("svg");
+	unicode-range: U+25A0, U+25AE, U+25B2, U+25B6, U+25BC, U+25C0, U+2716;
 }
 
 ::-webkit-scrollbar {
 input[type="submit"],
 input[type="button"] {
 	margin: 2px;
-	padding: 3px 5px 1px 5px;
+	padding: 2px 5px;
 }
 
 .text-input-container {
 	overflow: hidden;
 	color: transparent;
 	text-indent: 100%;
+	margin: 1px 0 -1px 0;
 }
 
 .icon-volume    { background-position: 0px    0px; }
 
 button:active .icon,
 .button:active .icon {
-	margin: 1px -1px -1px 1px;
+	margin: 2px -1px -2px 1px;
 }
 
 .ie button:active .icon {
 	font-weight: bold;
 	padding: 2px;
 	text-decoration: none;
+	color: #666666;
+	outline: none;
+}
+
+
+a.input-clear:focus,
+a.input-clear:active,
+a.input-clear:hover,
+.tour-page button.close:focus,
+.tour-page button.close:active,
+.tour-page button.close:hover {
 	color: #9f9f9f;
-	vertical-align: top;
-	position: relative;
-	bottom: 1px;
+}
+
+#playlists-menu .remove,
+a.input-clear {
+	vertical-align: baseline;
 }
 
 textarea,
 
 #play-control-buttons button {
 	margin: 0px -3px;
-	padding: 2px 5px;
 	border: 0;
 	border-radius: 0;
 	box-shadow: none;
 .slide-expand button,
 #play-control-buttons button,
 #play-button,
+#playlists-menu .remove,
+.tour-page button.close,
 .expander,
 .playlist .play a,
+a.input-clear,
 .unisym {
 	font-family: "DejaVu Symbols", "Lucida Sans Unicode", "Arial Unicode MS", sans-serif;
 }
 #navigation {
 	left: 10px;
 	width: 350px;
-	padding: 0 10px 0 10px;
+	padding: 0 10px;
 }
 
 #navigation .vr {
 	border-style: none;
 	box-shadow: none;
 	text-shadow: none;
-	width: 16px;
-	height: 16px;
-	line-height: 16px;
-	border-radius: 8px;
 	position: absolute;
 	top: 5px;
 	right: 5px;
 	text-align: center;
 	margin: 0;
-	padding: 0;
+	padding: 0 3px;
 	filter: none;
 	background: transparent;
 	border: 0;
-	color: #9F9F9F;
+	font-weight: bold;
+	color: #666666;
 }
 
-.tour-page button.close:active {
+.tour-page button.close:active,
+.tour-page button.close:hover {
 	box-shadow: none;
-}
-
-.tour-page button.close:hover {
-	color: #000000;
 	text-shadow: none;
-	background: #666666;
-	background: rgba(255,255,255,0.4);
+	filter: none;
+	background: transparent;
 }
 
 .tour-arrow {
 input[type="submit"].toggled:hover,
 input[type="button"].toggled:hover,
 .button.toggled:hover,
-.slide-expand.top a:hover,
+.slide-expand.top button:hover,
 .popup-menu a:hover,
 .pulldown-menu li a:hover,
 .pulldown-menu li.active a:hover,
 input[type="submit"].toggled:focus,
 input[type="button"].toggled:focus,
 .button.toggled:focus,
-.slide-expand.top a:focus,
+.slide-expand.top button:focus,
 .popup-menu a:focus,
 .pulldown-menu li a:focus,
 .pulldown-menu li.active a:focus,
 	box-shadow: none;
 }
 
-.slide-expand.left a:hover,
-.slide-expand.left a:focus {
+.slide-expand.left button:hover,
+.slide-expand.left button:focus {
 	color: #000000;
 	background: #dddddd;
 	background: -moz-linear-gradient(left, #fefefe 0%, #c0c0c0 100%);
 input[type="submit"]:active,
 input[type="button"]:active,
 .button:active,
-.slide-expand.top a:active,
+.slide-expand.top button:active,
 .popup-menu a:active,
 .pulldown-menu li.active a,
 .popup-menu a:hover:active,
 	background: linear-gradient(top, #c0c0c0 0%,#ffffff 100%);
 }
 
-.slide-expand.left a:active {
+.slide-expand.left button:active {
 	background: #efefef;
 	background: -moz-linear-gradient(left, #c0c0c0 0%, #ffffff 100%);
 	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#c0c0c0), color-stop(100%,#ffffff));
 }
 
 a.input-clear {
-	color: #333333;
+	color: #999999;
 }
 
+a.input-clear:focus,
+a.input-clear:active,
+a.input-clear:hover {
+	color: #1f1f1f;
+}
+
+
 #play-button {
 	text-shadow: none;
 }
 }
 
 .expander,
-.slide-expand a,
+.slide-expand button,
 .launchdate,
 .tab-content .genre ul.albums li.more a {
 	color: #999999;
 	background: linear-gradient(left, rgba(255,255,255,0) 0%,#ffffff 100%);
 }
 
-.tour-page,
-.tour-page button.close {
+.tour-page {
 	color: #9f9f9f;
 }
 
-.tour-page button.close:focus,
-.tour-page button.close:active,
-.tour-page button.close:hover {
-	color: black;
-	background: #999999;
-	background: rgba(255,255,255,0.6);
-}
-
 .tour-page a {
 	color: #d6d6d6;
 }