Updated the code with formated styles

teshukatepalli · Sep 26, 2023 · bbb778b · bbb778b
1 parent 9059396
commit bbb778b
Show file tree

Hide file tree

Showing 8 changed files with 5,359 additions and 8 deletions.
diff --git a/styles/Colorbox.min.css b/styles/Colorbox.min.css
@@ -1 +1,200 @@
-#colorbox,#cboxOverlay,#cboxWrapper{position:absolute;top:0;left:0;z-index:9999;overflow:hidden;-webkit-transform:translate3d(0,0,0)}#cboxWrapper{max-width:none}#cboxOverlay{position:fixed;width:100%;height:100%}#cboxMiddleLeft,#cboxBottomLeft{clear:left}#cboxContent{position:relative}#cboxLoadedContent{overflow:auto;-webkit-overflow-scrolling:touch}#cboxTitle{margin:0}#cboxLoadingOverlay,#cboxLoadingGraphic{position:absolute;top:0;left:0;width:100%;height:100%}#cboxPrevious,#cboxNext,#cboxClose,#cboxSlideshow{cursor:pointer}.cboxPhoto{float:left;margin:auto;border:0;display:block;max-width:none;-ms-interpolation-mode:bicubic}.cboxIframe{width:100%;height:100%;display:block;border:0;padding:0;margin:0}#colorbox,#cboxContent,#cboxLoadedContent{box-sizing:content-box;-moz-box-sizing:content-box;-webkit-box-sizing:content-box}#cboxOverlay{background:#000}#colorbox{outline:0}#cboxContent{margin-top:20px;background:#fff}.cboxIframe{background:#fff}#cboxContent .button{padding:.6em 1em;margin-top:10px}#cboxError{padding:50px;border:1px solid #ccc}#cboxLoadedContent{border:15px solid #fff;background:#fff}#cboxTitle{position:absolute;top:-20px;left:0;color:#fff;font-size:14px;line-height:1.2}#cboxCurrent{position:absolute;top:-20px;right:0px;color:#ccc}#cboxLoadingGraphic{background:url(//cdn2.hubspot.net/hubfs/1769030/aldevron_template/colorbox-loading.gif) no-repeat center center}#cboxPrevious,#cboxNext,#cboxSlideshow,#cboxClose{border:0;padding:0;margin:0;overflow:visible;width:auto;background:0}#cboxPrevious:active,#cboxNext:active,#cboxSlideshow:active,#cboxClose:active{outline:0}#cboxSlideshow{position:absolute;top:-20px;right:90px;color:#fff}#cboxPrevious{position:absolute;top:50%;left:5px;margin-top:-32px;background:url(//cdn2.hubspot.net/hubfs/1769030/aldevron_template/colorbox-controls.png) no-repeat top left;width:28px;height:65px;text-indent:-9999px}#cboxPrevious:hover{background-position:bottom left}#cboxNext{position:absolute;top:50%;right:5px;margin-top:-32px;background:url(//cdn2.hubspot.net/hubfs/1769030/aldevron_template/colorbox-controls.png) no-repeat top right;width:28px;height:65px;text-indent:-9999px}#cboxNext:hover{background-position:bottom right}#cboxClose{position:absolute;top:0;right:0;display:block;width:32px;height:32px;padding:0;font-size:28px;font-family:Arial,Helvetica;line-height:32px;background-color:#ec8f2d;color:#fff;border-radius:0}#cboxClose:hover{background-color:#000 !important}#cboxContent .icon-search{position:absolute;bottom:0;right:0;display:block;width:32px;height:32px;padding:0;margin:0;border:0;font-size:16px;line-height:32px;background-color:#ec8f2d;color:#fff;border-radius:0}#cboxContent .icon-search:hover{background-color:#000 !important}
+#colorbox,
+#cboxOverlay,
+#cboxWrapper {
+  position: absolute;
+  top: 0;
+  left: 0;
+  z-index: 9999;
+  overflow: hidden;
+  -webkit-transform: translate3d(0, 0, 0);
+}
+#cboxWrapper {
+  max-width: none;
+}
+#cboxOverlay {
+  position: fixed;
+  width: 100%;
+  height: 100%;
+}
+#cboxMiddleLeft,
+#cboxBottomLeft {
+  clear: left;
+}
+#cboxContent {
+  position: relative;
+}
+#cboxLoadedContent {
+  overflow: auto;
+  -webkit-overflow-scrolling: touch;
+}
+#cboxTitle {
+  margin: 0;
+}
+#cboxLoadingOverlay,
+#cboxLoadingGraphic {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+}
+#cboxPrevious,
+#cboxNext,
+#cboxClose,
+#cboxSlideshow {
+  cursor: pointer;
+}
+.cboxPhoto {
+  float: left;
+  margin: auto;
+  border: 0;
+  display: block;
+  max-width: none;
+  -ms-interpolation-mode: bicubic;
+}
+.cboxIframe {
+  width: 100%;
+  height: 100%;
+  display: block;
+  border: 0;
+  padding: 0;
+  margin: 0;
+}
+#colorbox,
+#cboxContent,
+#cboxLoadedContent {
+  box-sizing: content-box;
+  -moz-box-sizing: content-box;
+  -webkit-box-sizing: content-box;
+}
+#cboxOverlay {
+  background: #000;
+}
+#colorbox {
+  outline: 0;
+}
+#cboxContent {
+  margin-top: 20px;
+  background: #fff;
+}
+.cboxIframe {
+  background: #fff;
+}
+#cboxContent .button {
+  padding: 0.6em 1em;
+  margin-top: 10px;
+}
+#cboxError {
+  padding: 50px;
+  border: 1px solid #ccc;
+}
+#cboxLoadedContent {
+  border: 15px solid #fff;
+  background: #fff;
+}
+#cboxTitle {
+  position: absolute;
+  top: -20px;
+  left: 0;
+  color: #fff;
+  font-size: 14px;
+  line-height: 1.2;
+}
+#cboxCurrent {
+  position: absolute;
+  top: -20px;
+  right: 0px;
+  color: #ccc;
+}
+#cboxLoadingGraphic {
+  background: url(//cdn2.hubspot.net/hubfs/1769030/aldevron_template/colorbox-loading.gif)
+    no-repeat center center;
+}
+#cboxPrevious,
+#cboxNext,
+#cboxSlideshow,
+#cboxClose {
+  border: 0;
+  padding: 0;
+  margin: 0;
+  overflow: visible;
+  width: auto;
+  background: 0;
+}
+#cboxPrevious:active,
+#cboxNext:active,
+#cboxSlideshow:active,
+#cboxClose:active {
+  outline: 0;
+}
+#cboxSlideshow {
+  position: absolute;
+  top: -20px;
+  right: 90px;
+  color: #fff;
+}
+#cboxPrevious {
+  position: absolute;
+  top: 50%;
+  left: 5px;
+  margin-top: -32px;
+  background: url(//cdn2.hubspot.net/hubfs/1769030/aldevron_template/colorbox-controls.png)
+    no-repeat top left;
+  width: 28px;
+  height: 65px;
+  text-indent: -9999px;
+}
+#cboxPrevious:hover {
+  background-position: bottom left;
+}
+#cboxNext {
+  position: absolute;
+  top: 50%;
+  right: 5px;
+  margin-top: -32px;
+  background: url(//cdn2.hubspot.net/hubfs/1769030/aldevron_template/colorbox-controls.png)
+    no-repeat top right;
+  width: 28px;
+  height: 65px;
+  text-indent: -9999px;
+}
+#cboxNext:hover {
+  background-position: bottom right;
+}
+#cboxClose {
+  position: absolute;
+  top: 0;
+  right: 0;
+  display: block;
+  width: 32px;
+  height: 32px;
+  padding: 0;
+  font-size: 28px;
+  font-family: Arial, Helvetica;
+  line-height: 32px;
+  background-color: #ec8f2d;
+  color: #fff;
+  border-radius: 0;
+}
+#cboxClose:hover {
+  background-color: #000 !important;
+}
+#cboxContent .icon-search {
+  position: absolute;
+  bottom: 0;
+  right: 0;
+  display: block;
+  width: 32px;
+  height: 32px;
+  padding: 0;
+  margin: 0;
+  border: 0;
+  font-size: 16px;
+  line-height: 32px;
+  background-color: #ec8f2d;
+  color: #fff;
+  border-radius: 0;
+}
+#cboxContent .icon-search:hover {
+  background-color: #000 !important;
+}