Commit 466984f051ae3eca93795fd4fcd6caa25349fc9f

pradeep
Thu Apr 24 18:18:57 IST 2014

Tree SHA1: 08b1d07
Parent SHA1: e16e699 (styles changed)
raw diff | raw patch

added new carousel styles and light box styles

Diff rendering mode:
inline
side by side


24	24	}
25	25	body{
26	26	background-color:#bcc8c0;
	27	overflow-y:scroll;
27	28	}
28	29
29	30	.navigation-style {
…	…
34	34	background: none repeat scroll 0% 0% rgb(1, 55, 40);
35	35	z-index:1000;
36	36	opacity:0.7;
37		padding-left:100px;
	37	//padding-left:100px;
38	38
39	39	}
40	40	.navigation-style > ul > li {
…	…
50	50	text-decoration: none;
51	51	display: inline-block;
52	52	font-size:16px;
	53	float:left;
53	54
54	55	}
55	56
…	…
66	66	}
67	67	.navigation
68	68	{
69		margin-left:7em;
	69	//margin-left:7em;
70	70	}
71	71	hr {
72	72	color:blue;
…	…
249	249	.header-color{
250	250	color:red;
251	251	}
252
253
254
255
256
257
258
259	252	.col-md-4 {
260	253	padding:0px 10px 0px 0px;
261	254	width:14%;
…	…
332	332	}
333	333	}
334	334	/* style map styles end */
335		/dropsown sub menu css /
	335	/dropdown sub menu css /
336	336
337	337	.dropdown-submenu {
338	338	position: relative;
…	…
430	430	margin-left:2em;
431	431	}
432	432	/* footer style ends here */
	433
	434	/* Lightbox styles */
	435	@import "http://fonts.googleapis.com/css?family=Roboto:300,400,500,700";
	436
	437	.mt40 { margin-top: 40px; }
	438
	439	.panel { position: relative; overflow: hidden; display: block; border-radius: 0 !important; }
	440	.panel-default { border-color: #ebedef !important; }
	441	.panel .panel-body { position: relative; padding: 0 !important; overflow: hidden; height: auto; }
	442	.panel .panel-body a { overflow: hidden; }
	443	.panel .panel-body a img { display: block; margin: 0; width: 100%; height: auto;
	444	transition: all 0.5s;
	445	-moz-transition: all 0.5s;
	446	-webkit-transition: all 0.5s;
	447	-o-transition: all 0.5s;
	448	}
	449	.panel .panel-body a.zoom:hover img { transform: scale(1.3); -ms-transform: scale(1.3); -webkit-transform: scale(1.3); -o-transform: scale(1.3); -moz-transform: scale(1.3); }
	450	.panel .panel-body a.zoom span.overlay { position: absolute; top: 0; left: 0; visibility: hidden; height: 100%; width: 100%; background-color: #000; opacity: 0;
	451	transition: opacity .25s ease-out;
	452	-moz-transition: opacity .25s ease-out;
	453	-webkit-transition: opacity .25s ease-out;
	454	-o-transition: opacity .25s ease-out;
	455	}
	456	.panel .panel-body a.zoom:hover span.overlay { display: block; visibility: visible; opacity: 0.55; -moz-opacity: 0.55; -webkit-opacity: 0.55; filter: alpha(opacity=65); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=65)"; }
	457	.panel .panel-body a.zoom:hover span.overlay i { position: absolute; top: 45%; left: 0%; width: 100%; font-size: 2.25em; color: #fff !important; text-align: center;
	458	opacity: 1;
	459	-moz-opacity: 1;
	460	-webkit-opacity: 1;
	461	filter: alpha(opacity=1);
	462	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=1)";
	463	}
	464	.panel .panel-footer { padding: 8px !important; background-color: #f9f9f9 !important; border-bottom-right-radius: 0 !important; border-bottom-left-radius: 0 !important; }
	465	.panel .panel-footer h4 { display: inline; font: 400 normal 1.125em "Roboto",Arial,Verdana,sans-serif; color: #34495e margin: 0 !important; padding: 0 !important; }
	466	.panel .panel-footer i.glyphicon { display: inline; font-size: 1.125em; cursor: pointer; }
	467	.panel .panel-footer i.glyphicon-thumbs-up { color: #1abc9c; }
	468	.panel .panel-footer i.glyphicon-thumbs-down { color: #e74c3c; padding-left: 5px; }
	469	.panel .panel-footer div { width: 15px; display: inline; font: 300 normal 1.125em "Roboto",Arial,Verdana,sans-serif; color: #34495e; text-align: center; background-color: transparent !important; border: none !important; }
	470
	471	.modal-title { font: 400 normal 1.625em "Roboto",Arial,Verdana,sans-serif; }
	472	.modal-footer { font: 400 normal 1.125em "Roboto",Arial,Verdana,sans-serif; }
	473
	474	/*!
	475	* Lightbox for Bootstrap 3 by @ashleydw
	476	* https://github.com/ashleydw/lightbox
	477	*
	478	* License: https://github.com/ashleydw/lightbox/blob/master/LICENSE
	479	*/.ekko-lightbox-container{position:relative}.ekko-lightbox-nav-overlay{position:absolute;top:0;left:0;z-index:100;width:100%;height:100%}.ekko-lightbox-nav-overlay a{z-index:100;display:block;width:49%;height:100%;padding-top:45%;font-size:30px;color:#fff;text-shadow:2px 2px 4px #000;opacity:0;filter:dropshadow(color=#000000,offx=2,offy=2);-webkit-transition:opacity .5s;-moz-transition:opacity .5s;-o-transition:opacity .5s;transition:opacity .5s}.ekko-lightbox-nav-overlay a:empty{width:49%}.ekko-lightbox a:hover{text-decoration:none;opacity:1}.ekko-lightbox .glyphicon-chevron-left{left:0;float:left;padding-left:15px;text-align:left}.ekko-lightbox .glyphicon-chevron-right{right:0;float:right;padding-right:15px;text-align:right}.ekko-lightbox .modal-footer{text-align:left}
	480	/* Lightbox styles ends here */
	481
	482	/* Carousel styles */
	483	.transition-timer-carousel .carousel-caption {
	484	background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.1) 4%, rgba(0,0,0,0.5) 32%, rgba(0,0,0,1) 100%); /* FF3.6+ */
	485	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(4%,rgba(0,0,0,0.1)), color-stop(32%,rgba(0,0,0,0.5)), color-stop(100%,rgba(0,0,0,1))); /* Chrome,Safari4+ */
	486	background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.1) 4%,rgba(0,0,0,0.5) 32%,rgba(0,0,0,1) 100%); /* Chrome10+,Safari5.1+ */
	487	background: -o-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.1) 4%,rgba(0,0,0,0.5) 32%,rgba(0,0,0,1) 100%); /* Opera 11.10+ */
	488	background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.1) 4%,rgba(0,0,0,0.5) 32%,rgba(0,0,0,1) 100%); /* IE10+ */
	489	background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.1) 4%,rgba(0,0,0,0.5) 32%,rgba(0,0,0,1) 100%); /* W3C */
	490	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
	491	width: 100%;
	492	left: 0px;
	493	right: 0px;
	494	bottom: 0px;
	495	text-align: left;
	496	padding-top: 5px;
	497	padding-left: 15%;
	498	padding-right: 15%;
	499	}
	500	.transition-timer-carousel .carousel-caption .carousel-caption-header {
	501	margin-top: 10px;
	502	font-size: 24px;
	503	}
	504
	505	@media (min-width: 970px) {
	506	/* Lower the font size of the carousel caption header so that our caption
	507	doesn't take up the full image/slide on smaller screens */
	508	.transition-timer-carousel .carousel-caption .carousel-caption-header {
	509	font-size: 36px;
	510	}
	511	}
	512	.transition-timer-carousel .carousel-indicators {
	513	bottom: 0px;
	514	margin-bottom: 5px;
	515	}
	516	.transition-timer-carousel .carousel-control {
	517	z-index: 11;
	518	}
	519	.transition-timer-carousel .transition-timer-carousel-progress-bar {
	520	height: 5px;
	521	background-color: #5cb85c;
	522	width: 0%;
	523	margin: -5px 0px 0px 0px;
	524	border: none;
	525	z-index: 11;
	526	position: relative;
	527	}
	528	.transition-timer-carousel .transition-timer-carousel-progress-bar.animate{
	529	/* We make the transition time shorter to avoid the slide transitioning
	530	before the timer bar is "full" - change the 4.25s here to fit your
	531	carousel's transition time */
	532	-webkit-transition: width 4.25s linear;
	533	-moz-transition: width 4.25s linear;
	534	-o-transition: width 4.25s linear;
	535	transition: width 4.25s linear;
	536	}
	537	/* Carousel styles ends here */
	538	/* side bar css */
	539	/* side menu css */
	540
	541	#page-content-wrapper {
	542	visibility: hidden;
	543	}
	544
	545	@media (max-width:767px) {
	546	.wrapper {
	547	padding-left: 70px;
	548	}
	549	.sidebar-wrapper {
	550	left: 70px;
	551	}
	552
	553	.wrapper.active .container{
	554	padding-left: 150px;
	555	}
	556
	557	.wrapper.active .sidebar-wrapper {
	558	left: 150px;
	559	width: 150px;
	560	}
	561
	562	}
	563
	564	.sidebar-wrapper .row {
	565	margin: 10px 0;
	566	}
	567
	568	.link_disabled {
	569	pointer-events: none;
	570	cursor: none;
	571	color: gray;
	572	}
	573
	574	@media (max-width:450px) {
	575	.thumbnail {
	576	height: 350px;
	577	}
	578
	579	.caption_heading {
	580	height: 100px;
	581	}
	582
	583	}
	584	/* -------------end ----------- */
	585	.wrapper.active {
	586	padding-left: 0px;
	587	// border-right:2px solid #000;
	588	// margin-left:90px;
	589	}
	590
	591	.wrapper.active .sidebar-wrapper {
	592	left: 250px;
	593	/border-right:4px solid #727272;/
	594	}
	595
	596	.heading {
	597	border-bottom:1px solid #262525;
	598	}
	599
	600	#message {
	601	padding-left: 15px;
	602	padding-right: -15px;
	603	}
	604
	605
	606	.menu-toggle {
	607	font-size:18px;
	608	color:#000;
	609	}
	610	.menu-icon {
	611	margin-left: -30px;
	612	}
	613	.main_icon {
	614	margin-right:20px;
	615	}
	616
	617	.personal-info,.server-stats {
	618	list-style: none;
	619	padding-left: 0;
	620	}
	621
	622	.progress {
	623
	624	height: 5px;
	625	}
	626
	627	h5 {
	628	color: #000;
	629	}
	630
	631	.radio, .checkbox {
	632	color:#000;
	633	margin-left: 10px;
	634	}
	635	.radio label, .checkbox label {
	636	font-size:14px;
	637	}
	638
	639	.sidebar-wrapper {
	640	/transform/
	641	-webkit-transform: translateZ(0);
	642	-moz-transform: translateZ(0);
	643	-o-transform: translateZ(0);
	644	-ms-transform: translateZ(0);
	645	transform: translateZ(0);
	646	margin-left: -250px;
	647	left: 20px;
	648	margin-top: 30px;
	649	width: 270px;
	650	background: #f0f0f0;
	651	position: fixed;
	652	height: auto;
	653	-ms-overflow-y: auto;
	654	overflow-y: auto;
	655	z-index: 10000;
	656	-webkit-transition: all .4s ease 0s;
	657	-moz-transition: all .4s ease 0s;
	658	-o-transition: all .4s ease 0s;
	659	-ms-transition: all .4s ease 0s;
	660	transition: all .4s ease 0s;
	661	box-shadow: 1px 1px 1px #262525;
	662	border-left: none;
	663	padding-right: 5px;
	664	padding-left: 10px;
	665	}
	666
	667	.home-icon-title {
	668	/text-align: center;/
	669	}
	670	.sidebar-link a{
	671	color:#262525;
	672	padding-left:10px;
	673	font-size:16px;
	674	}
	675	.sidebar-link a:hover{
	676	color:#262525;
	677	}
	678	.sidebar-heading {
	679	color:#1e9e04;
	680	padding-left:10px;
	681	font-size:18px;
	682
	683	}
	684	.row {
	685	margin-left: 0;
	686	margin-right: 0;
	687	}
	688	/* sidebar css ends here */
433	689
434	690	/* Search box styles */
435	691

Commit 466984f051ae3eca93795fd4fcd6caa25349fc9f

Gitorious