1 files changed, 67 insertions, 25 deletions
diff --git a/js/components/layout/document-bar.reel/document-bar.css b/js/components/layout/document-bar.reel/document-bar.css
index a356dd1a..b86855b7 100755
--- a/js/components/layout/document-bar.reel/document-bar.css
+++ b/js/components/layout/document-bar.reel/document-bar.css
@@ -28,46 +28,88 @@ CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE)
 ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED OF THE
 POSSIBILITY OF SUCH DAMAGE.
 </copyright> */
-.documentBar {
-    position: relative;
+.timelineResizer {
-    overflow: hidden;
+    background: -webkit-radial-gradient(center, ellipse cover, rgba(100, 100, 100, .9) 40%, rgba(100, 100, 100, .4) 50%, rgba(100, 100, 100, 0) 51%), -webkit-radial-gradient(center, ellipse cover, rgba(100, 100, 100, .9) 40%, rgba(100, 100, 100, .4) 50%, rgba(100, 100, 100, 0) 51%), -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgb(60, 60, 60)), color-stop(70%, rgb(30, 30, 30)), color-stop(100%, rgb(25, 25, 25))), -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgb(10, 10, 10)), color-stop(50%, rgb(20, 20, 20)), color-stop(100%, rgb(10, 10, 10))) !important;
-    color: white;
+    background-repeat: no-repeat, no-repeat, no-repeat, no-repeat, no-repeat !important;
+    background-position: 49.5% center, 50.5% center, center center, left top !important;
+    background-size: 5px 5px, 5px 5px, 3% 100%, 100% 100%;
 }
-.documentBar .active {
+.documentBar {
-    text-decoration: underline;
+    background: rgb(40, 40, 40);
-    cursor: pointer;
+    height: 20px !important;
-    color: #666666;
+    color: #FFF;
+    font-size: 11px;
 }
-.documentBar .active:hover {
+.documentBar section{
-    color: #ffffff;
+    background: rgb(60, 60, 60);
+    float: left;
+    height: 100%;
+    padding: 0px 4px;
+    border-right: 2px solid #000;
 }
-.documentBar .selected {
+.documentBar .zoomicon {
-    text-decoration: underline;
+    background-image: url('../../../../images/tools/Tool-Zoom.png');
-    cursor: default;
+    background-repeat: no-repeat;
-    color: #ffffff;
+    background-position: center center;
+    background-size: 75%;
+    width: 18px;
+    height: 18px;
+    float: left;
 }
-.documentBar .selected {
+.documentBar .zoomHotText {
-    color: #ffffff;
+    font-size: 11px;
+    width: 40px;
+    margin: 0 0 0 2px;
+    text-align: center;
 }
-.documentBar span{
+.documentBar .btn_view {
-    text-decoration: none;
+    display: block;
+    background: none;
+    margin: 3px 0 0 0;
+    padding: 0;
+    border: none;
+    color: #FFF;
+    width: 44px;
+    text-transform: uppercase;
+    text-align: left;
+    float: left;
    cursor: pointer;
-    color: #3a3a3a;
+    font-size: 11px;
 }
-.documentBar .zoomHotText span {
+.documentBar .viewicon {
-    color: white;
+    background-repeat: no-repeat;
+    background-position: center center;
+    width: 16px;
+    height: 16px;
+    margin: 2px 4px 0 0;
+    float: left;
 }
-.documentBar .enable{
+.documentBar .viewcode {
-    color: #d7d7d7;
+    background-image: url('../../../../images/optionsbar/text/AlignLeft.png');
+    background-size: 80%;
 }
-.documentBar .disable{
+.documentBar .viewdesign {
-    color: #3a3a3a;
+    background-image: url('../../../../js/panels/Color/colorpanelpopup.reel/img/icon_bitmap.png');
+    background-size: 90%;
 }
+.documentBar section.inactive .viewicon{
+    opacity: .5;
+}
+.documentBar section.inactive button {
+    opacity: .5;
+}
+.documentBar section.inactive button:hover {
+    opacity: 1;
+}
+\ No newline at end of file

diff --git a/js/components/layout/document-bar.reel/document-bar.css b/js/components/layout/document-bar.reel/document-bar.css index a356dd1a..b86855b7 100755 --- a/js/components/layout/document-bar.reel/document-bar.css +++ b/js/components/layout/document-bar.reel/document-bar.css
@@ -28,46 +28,88 @@ CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE)
28	ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED OF THE	28	ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED OF THE
29	POSSIBILITY OF SUCH DAMAGE.	29	POSSIBILITY OF SUCH DAMAGE.
30	</copyright> */	30	</copyright> */
31	.documentBar {	31
32	position: relative;	32	.timelineResizer {
33	overflow: hidden;	33	background: -webkit-radial-gradient(center, ellipse cover, rgba(100, 100, 100, .9) 40%, rgba(100, 100, 100, .4) 50%, rgba(100, 100, 100, 0) 51%), -webkit-radial-gradient(center, ellipse cover, rgba(100, 100, 100, .9) 40%, rgba(100, 100, 100, .4) 50%, rgba(100, 100, 100, 0) 51%), -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgb(60, 60, 60)), color-stop(70%, rgb(30, 30, 30)), color-stop(100%, rgb(25, 25, 25))), -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgb(10, 10, 10)), color-stop(50%, rgb(20, 20, 20)), color-stop(100%, rgb(10, 10, 10))) !important;
34	color: white;	34	background-repeat: no-repeat, no-repeat, no-repeat, no-repeat, no-repeat !important;
		35	background-position: 49.5% center, 50.5% center, center center, left top !important;
		36	background-size: 5px 5px, 5px 5px, 3% 100%, 100% 100%;
35	}	37	}
36		38
37	.documentBar .active {	39	.documentBar {
38	text-decoration: underline;	40	background: rgb(40, 40, 40);
39	cursor: pointer;	41	height: 20px !important;
40	color: #666666;	42	color: #FFF;
		43	font-size: 11px;
41	}	44	}
42		45
43	.documentBar .active:hover {	46	.documentBar section{
44	color: #ffffff;	47	background: rgb(60, 60, 60);
		48	float: left;
		49	height: 100%;
		50	padding: 0px 4px;
		51	border-right: 2px solid #000;
45	}	52	}
46		53
47	.documentBar .selected {	54	.documentBar .zoomicon {
48	text-decoration: underline;	55	background-image: url('../../../../images/tools/Tool-Zoom.png');
49	cursor: default;	56	background-repeat: no-repeat;
50	color: #ffffff;	57	background-position: center center;
		58	background-size: 75%;
		59	width: 18px;
		60	height: 18px;
		61	float: left;
51	}	62	}
52		63
53	.documentBar .selected {	64	.documentBar .zoomHotText {
54	color: #ffffff;	65	font-size: 11px;
		66	width: 40px;
		67	margin: 0 0 0 2px;
		68	text-align: center;
55	}	69	}
56		70
57	.documentBar span{	71	.documentBar .btn_view {
58	text-decoration: none;	72	display: block;
		73	background: none;
		74	margin: 3px 0 0 0;
		75	padding: 0;
		76	border: none;
		77	color: #FFF;
		78	width: 44px;
		79	text-transform: uppercase;
		80	text-align: left;
		81	float: left;
59	cursor: pointer;	82	cursor: pointer;
60	color: #3a3a3a;	83	font-size: 11px;
61	}	84	}
62		85
63	.documentBar .zoomHotText span {	86	.documentBar .viewicon {
64	color: white;	87	background-repeat: no-repeat;
		88	background-position: center center;
		89	width: 16px;
		90	height: 16px;
		91	margin: 2px 4px 0 0;
		92	float: left;
65	}	93	}
66		94
67	.documentBar .enable{	95	.documentBar .viewcode {
68	color: #d7d7d7;	96	background-image: url('../../../../images/optionsbar/text/AlignLeft.png');
		97	background-size: 80%;
69	}	98	}
70		99
71	.documentBar .disable{	100	.documentBar .viewdesign {
72	color: #3a3a3a;	101	background-image: url('../../../../js/panels/Color/colorpanelpopup.reel/img/icon_bitmap.png');
		102	background-size: 90%;
73	}	103	}
		104
		105	.documentBar section.inactive .viewicon{
		106	opacity: .5;
		107	}
		108
		109	.documentBar section.inactive button {
		110	opacity: .5;
		111	}
		112
		113	.documentBar section.inactive button:hover {
		114	opacity: 1;
		115	} \ No newline at end of file