1 files changed, 66 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..d92a3dd6 100755
--- a/js/components/layout/document-bar.reel/document-bar.css
+++ b/js/components/layout/document-bar.reel/document-bar.css
@@ -28,46 +28,87 @@ 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;
 }
-.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..d92a3dd6 100755 --- a/js/components/layout/document-bar.reel/document-bar.css +++ b/js/components/layout/document-bar.reel/document-bar.css
@@ -28,46 +28,87 @@ 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;
61	}	83	}
62		84
63	.documentBar .zoomHotText span {	85	.documentBar .viewicon {
64	color: white;	86	background-repeat: no-repeat;
		87	background-position: center center;
		88	width: 16px;
		89	height: 16px;
		90	margin: 2px 4px 0 0;
		91	float: left;
65	}	92	}
66		93
67	.documentBar .enable{	94	.documentBar .viewcode {
68	color: #d7d7d7;	95	background-image: url('../../../../images/optionsbar/text/AlignLeft.png');
		96	background-size: 80%;
69	}	97	}
70		98
71	.documentBar .disable{	99	.documentBar .viewdesign {
72	color: #3a3a3a;	100	background-image: url('../../../../js/panels/Color/colorpanelpopup.reel/img/icon_bitmap.png');
		101	background-size: 90%;
73	}	102	}
		103
		104	.documentBar section.inactive .viewicon{
		105	opacity: .5;
		106	}
		107
		108	.documentBar section.inactive button {
		109	opacity: .5;
		110	}
		111
		112	.documentBar section.inactive button:hover {
		113	opacity: 1;
		114	} \ No newline at end of file