Revert "converting CRLF to LF"
[geo.git] / edit_wp5_web_folder / edit_info / css / scrollable-view3.css
diff --git a/edit_wp5_web_folder/edit_info/css/scrollable-view3.css b/edit_wp5_web_folder/edit_info/css/scrollable-view3.css
new file mode 100644 (file)
index 0000000..f1da4e9
--- /dev/null
@@ -0,0 +1,158 @@
+/* player dimensions */\r
+a.flowplayer {\r
+       display:inline;                         \r
+       border:1;\r
+       width:70%;\r
+       height:100%;\r
+       margin-right:10px;\r
+\r
+       float:left;\r
+}\r
+ a.flowplayer img\r
+{\r
+               width:100%;\r
+               height:100%;\r
+}\r
+\r
+\r
+/* play button on top of splash image */\r
+/*\r
+div.playButton {\r
+       background:url(../img/play.png) no-repeat;\r
+       width:45px !important;\r
+       height:45px;\r
+       position:relative;\r
+        top:-275px;  \r
+       left:370px;     \r
+       margin-bottom:-50px;\r
+       opacity:0.9;\r
+}\r
+*/\r
+div.playButton:hover {\r
+       opacity:1.0;            \r
+}\r
+\r
+/* items */\r
+div.scrollable {\r
+       margin-left:-50px;      \r
+       width:100%;     \r
+       height:500px;\r
+}\r
+\r
+div.items \r
+ {\r
+       position:static;\r
+       width:auto;     \r
+       height:100%;\r
+               background-color:#777;  \r
+}\r
+div.items div\r
+/* inclou els de classe __scrollable */ \r
+{\r
+               margin:auto auto;\r
+\r
+       margin-right:0px;       \r
+       float:left;\r
+}              \r
+\r
+\r
+\r
+div.scrollable div {           \r
+width:80%;\r
+background-color: #DDD;\r
+\r
+}\r
+\r
+div.scrollable h3 {\r
+       margin-top:12px;\r
+       display:inline;\r
+       position:relative;\r
+       left:20px;\r
+       width:250px;            \r
+\r
+}\r
+\r
+div.scrollable p {\r
+\r
+position:relative;\r
+left:1%;\r
+display:inline;\r
+       color:#444;\r
+       font-size:12px;\r
+       margin-right:5px;\r
+       width:25%;\r
+       float:left;\r
+height:430px;\r
+       overflow-x:none;\r
+       overflow-y:auto;\r
+}\r
+\r
+/* next / prev buttons */\r
+a.prev, a.next {\r
+       display:block;\r
+       width:30px;\r
+       height:30px;\r
+       float:left;\r
+       background-repeat:no-repeat;    \r
+       margin-top:70px;\r
+}\r
+\r
+a.prev {\r
+       background:url(../img/button-left.gif);\r
+       margin-right:10px;\r
+}\r
+\r
+a.prev:hover {\r
+       background:url(../img/button-left-over.gif);            \r
+}\r
+\r
+a.next {\r
+       background:url(../img/button-right.gif);\r
+       margin-left:10px;\r
+}\r
+\r
+a.next:hover {\r
+       background:url(../img/button-right-over.gif);           \r
+}\r
+\r
+\r
+/* tabs */ \r
+ul.navi { \r
+       margin:20px 0 0 0 ;\r
+       padding:0px;\r
+       height:2.45em;\r
+       position:relative;\r
+       top:10px;\r
+       left:39px;\r
+       width:100%; \r
+       cursor:pointer;\r
+}\r
+\r
+ul.navi li {\r
+       background:url(../img/tab-left.gif) left top no-repeat;\r
+       padding-left:4px;\r
+       float:left;\r
+       margin:0;\r
+       list-style-type:none;\r
+}\r
+\r
+ul.navi a {\r
+       background:url(../img/tab-right.gif) right top no-repeat;\r
+       padding:3px 12px;\r
+       border-bottom:1px solid #D2D2D2;\r
+       text-decoration:none;\r
+       display:block;\r
+       color:#111;\r
+       font-size:13px;\r
+}\r
+\r
+ul.navi li.active a, ul.navi a:hover {\r
+       background-position:100% -150px;\r
+       border-bottom:2px solid #efef8f;\r
+       background-color:#efef8f;\r
+}\r
+\r
+ul.navi li.active {\r
+       background-position:0 -150px;   \r
+}\r
+\r