Changeset 19535 for extensions/Panoramas/css/AS_Panorama.css

Timestamp:

Dec 23, 2012, 2:40:24 PM (11 years ago)

Author:

Klarsfeld

Message:

 

File:

• extensions/Panoramas/css/AS_Panorama.css (modified) (3 diffs)

extensions/Panoramas/css/AS_Panorama.css

@@ -6 +6 @@
         padding: 0;
         text-align: left;
+        border: 1px solid black;
 }
 .panorama-container {
@@ -12 +13 @@
         margin: 0;
         padding: 0;
+}
+
+.panorama-footer {
+        padding: 0;
+        margin: 0 auto;
+        overflow: hidden;
+        text-align: left;
+        width: 100%;
+}
+
+#panoramaThumb {
+        float: right;
+        margin: 10px 8px 0px 0px;
+        padding: 0px;
+        overflow: hidden;
+        text-align: left;
+        cursor: pointer;
+}
+        
+#thumbFrame {
+        left: 0;
+        padding: 0;
+        margin: 0;
+        background-color: lightblue;
+        cursor: move;
+        z-index: 1000;
+        opacity: 0.4;
+        -moz-opacity: 0.8;
+        filter: alpha(opacity=80);
+}
+
+#panoramaCaption {
+        float: left;
+        margin: 11px 0 0 30px;
+        color : white; /*this.options.captioncolor,*/
+        font-family: "Trebuchet MS";
+        text-align: left;
+        font-size: 12px;
+        line-height: 20px;
 
 }
+        
 .panorama-control {
         position: absolute;
         display: none;
         padding: 0;
-        margin: 0;
+        margin: 0 auto;
         bottom: -1px;
-        left: 0;
-        width: 100%;
-        height: 30px;
-        background: #542;
-        filter: alpha(opacity=50);
-        opacity: .5;
-        text-align: left;
+        height: 35px;
+        text-align: center;
 }
-.panorama-control-left, .panorama-control-right, .panorama-control-pause { 
+
+.panorama-control A {
         float: left;
         padding: 0;
-        margin: 0;
+        margin: 2px 0 2px 0;
+        background: #151A23;
+        filter: alpha(opacity=60);
+        opacity: .6;
         color: white;
         text-decoration: none;
         font-size: 24px;
-  font-weight: bold;
-        line-height: 30px;
-        width: 33%;
+        font-weight: bold;
+        line-height: 28px;
+        width: 80px;
         text-align: center;
-        font-family: 'Arial',sans-serif
+        vertical-align: middle;
+        font-family: 'Arial',sans-serif;
+        border: 1px solid yellow;
+        border-radius: 10px;
 }
-.panorama-control-left:hover, .panorama-control-right:hover, .panorama-control-pause:hover { 
+.panorama-control A:hover { 
         text-decoration: none;
+        background: white;
+        color: #151A23;
 }
+
+.footer-control {
+        float: left;
+        padding: 0;
+        margin: 11px 0 0 10px;
+}
+
+.footer-control A {
+        float: left;
+        margin-left: 2px;
+        padding: 4px 0;
+        color: white;
+        text-decoration: none;
+        font-size: 12px;
+        font-weight: bold;
+        height: 16px;
+        width: 25px;
+        text-align: center;
+        /*vertical-align: middle;*/
+        font-family: 'Arial',sans-serif;
+        border: 1px solid gray;
+        border-radius: 5px;
+}
+
 .panorama-control-pause {
         text-transform: uppercase;
@@ -71 +140 @@
         margin: 0;
         padding: 0;
-        border: none;
 }