smartphone website

[elecoma/elecoma.git] / public / stylesheets / smartphone / scrollableMin.css

diff --git a/public/stylesheets/smartphone/scrollableMin.css b/public/stylesheets/smartphone/scrollableMin.css
new file mode 100644 (file)
index 0000000..dc5c1f5
--- /dev/null
+++ b/public/stylesheets/smartphone/scrollableMin.css
@@ -0,0 +1,49 @@
+/*\r
+       root element for the scrollable.\r
+       when scrolling occurs this element stays still.\r
+*/\r
+.scrollable {\r
+\r
+       /* required settings */\r
+       position:relative;\r
+       overflow:hidden;\r
+       width: 80%;\r
+       height:90px;\r
+}\r
+\r
+div.big{\r
+       /* required settings */\r
+       width: 224px !important;\r
+       height:224px !important;\r
+}\r
+\r
+.scrollableOuter {\r
+       width:100%;\r
+       margin-bottom: 10px;\r
+}\r
+\r
+.centerScrollable {\r
+       width:285px;\r
+       margin:0px auto;\r
+}\r
+\r
+/*\r
+       root element for scrollable items. Must be absolutely positioned\r
+       and it should have a extremely large width to accommodate scrollable items.\r
+       it's enough that you set width and height for the root element and\r
+       not for this element.\r
+*/\r
+.scrollable .items {\r
+       /* this cannot be too large */\r
+       width:2000px;\r
+       position:absolute;\r
+}\r
+\r
+/*\r
+       a single item. must be floated in horizontal scrolling.\r
+       typically, this element is the one that *you* will style\r
+       the most.\r
+*/\r
+.items div {\r
+       float:left;\r
+}
\ No newline at end of file