Next version is 3.1.0

README.md

@@ -1,13 +1,15 @@
 # Photo Sphere Viewer
 
-[![Bower version](https://badge.fury.io/bo/Photo-Sphere-Viewer.svg)](http://badge.fury.io/bo/Photo-Sphere-Viewer)
-[![Online documentation](https://img.shields.io/badge/documentation-online-blue.svg)](https://mistic100.github.io/Photo-Sphere-Viewer)
+[![Bower version](https://img.shields.io/bower/v/Photo-Sphere-Viewer.svg?style=flat-square)](http://photo-sphere-viewer.js.org
+)
+[![CDN](https://img.shields.io/badge/cdn-jsdelivr-%23EB4C36.svg?style=flat-square)](http://www.jsdelivr.com/projects/photo-sphere-viewer)
 
 Photo Sphere Viewer is a JavaScript library that allows you to display 360×180 degrees panoramas on any web page. Panoramas must use the equirectangular projection and they can be taken with Photo Sphere, the camera mode brought by Android 4.2 Jelly Bean.
 
 Photo Sphere Viewer uses the [Three.js](http://threejs.org) library, so nothing is required for your visitors except for a browser compatible with canvas or, better, WebGL.
 
+## Documentation
+http://photo-sphere-viewer.js.org
 
 ## License
-
 This library is available under the MIT license.

bower.json

@@ -1,8 +1,8 @@
 {
   "name": "Photo-Sphere-Viewer",
-  "version": "3.0.1",
+  "version": "3.1.0",
   "authors": [{
-    "name": "Jérémy Heleine",
+    "name": "Jérémy Heleine",
     "email": "[email protected]",
     "homepage": "http://jeremyheleine.me"
   },{

dist/photo-sphere-viewer.css

@@ -1,7 +1,7 @@
 /*!
- * Photo Sphere Viewer 3.0.1
+ * Photo Sphere Viewer 3.1.0
  * Copyright (c) 2014-2015 Jérémy Heleine
- * Copyright (c) 2015 Damien "Mistic" Sorel
+ * Copyright (c) 2015-2016 Damien "Mistic" Sorel
  * Licensed under MIT (http://opensource.org/licenses/MIT)
  */
 
@@ -131,7 +131,7 @@
   position: absolute;
   width: 20px;
   height: 7px;
-  left: 8px;
+  left: 10px;
   bottom: 10px;
   border: 2px solid rgba(255, 255, 255, 0.7);
   border-top-width: 0;
@@ -184,7 +184,7 @@
 .psv-navbar .fullscreen-button div:before, .psv-navbar .fullscreen-button div:after {
   content: '';
   position: absolute;
-  width: 6.0px;
+  width: 6px;
   height: 4px;
   border-style: solid;
   border-color: rgba(255, 255, 255, 0.7);
@@ -329,7 +329,7 @@
   width: 100%;
   height: 100%;
 }
-.psv-hud .marker {
+.psv-hud .psv-marker {
   position: absolute;
   top: 0;
   left: 0;
@@ -338,7 +338,11 @@
   cursor: pointer;
   display: none;
 }
-.psv-hud .marker.visible {
+.psv-hud .psv-marker.transparent {
+  display: block;
+  opacity: 0;
+}
+.psv-hud .psv-marker.visible {
   display: block;
 }