+++ /dev/null
-div.topbar{\r
- float:left;\r
- width: 95%;\r
-}\r
-div.paginator{\r
- float: right;\r
- margin: 0px;\r
-}\r
-.paginator ul li{\r
- list-style: none;\r
-}\r
-.paginator li{\r
- padding-right: 0.5em;\r
- float: left;\r
-}\r
-\r
-div.summary{\r
- float: left;\r
- margin-top: 0.5em;\r
- width:70%;\r
-}\r
-\r
-div.album_panel{\r
- float: left;\r
- background: #F7F7F7;\r
- border: 1px solid #D2D2D2; \r
- width: 95%;\r
-}\r
-div.album_panel div.photo_wrapper {\r
- /* This class is to fix the problem where the images shift\r
- * to the right when there is a border upon selection \r
- */\r
- height: 150px;\r
- float: left;\r
-}\r
-div.album_panel .photo_frame{\r
- float: left;\r
- margin: 0.2em;\r
- min-height: 140px;\r
- min-width: 140px;\r
- text-align: center;\r
-}\r
-div.album_panel .photo_frame a:focus, div.album_panel .photo_frame a:hover{\r
- cursor: pointer;\r
- float:left;\r
- min-width: 140px;\r
- min-height: 140px;\r
- background: #FCE6C9;\r
-}\r
-div.album_panel .photo_frame img{\r
- background: #FFFFFF;\r
- border: 1px solid #D2D2D2;\r
- padding: 0.2em;\r
-}\r
-div.album_panel .album_description{\r
- margin: 0.5em;\r
- width: 95%;\r
- float: left;\r
-}\r
-\r
-div.search_bar {\r
- background-image: url('images/search_bg.png');\r
- background-repeat: no-repeat;\r
- margin-left: 0.5em;\r
- margin-top: 0.5em;\r
- height: 31px;\r
- width: 180px;\r
- float: left;\r
-}\r
-div.search_bar .s{\r
- float: left;\r
- border: 0px;\r
- margin-top: 0.3em;\r
- margin-left: 0.5em;\r
- width: 148px;\r
-}\r
-div.search_bar .s_img{\r
- float: right;\r
- border: 0px;\r
- margin-top: 0.375em; \r
- margin-right: 0.4em;\r
-}\r
-\r
-div.album {\r
- background: #FFFFFF;\r
- border: 1px solid #D2D2D2; \r
- width: 95%;\r
- margin: 0.5em;\r
- float: left;\r
-}\r
-div.album .image{\r
- float: left;\r
- margin: 0.5em;\r
- min-width: 140px;\r
-}\r
-div.album img{\r
- border-width: 0px;\r
-}\r
-div.album .image img.no-image {\r
- float: left;\r
- width: 130px;\r
- height: 97px;\r
- background-color: #EFEFEF;\r
-}\r
-div.album .info{\r
- float: left;\r
- width: 70%;\r
-}\r
-div.album .info span{\r
- float: left;\r
- color: #666666;\r
-}\r
-div.album .info p{\r
- font-size: 0.85em;\r
- margin: 0;\r
-}\r
-div.album .search_photo_frame{\r
- float: left;\r
- margin: 0.2em;\r
- min-height: 160px;\r
- max-height: 160px;\r
- max-width: 140px;\r
- text-align: center;\r
- border: 1px solid #d3d3d3;\r
- overflow: hidden;\r
-}\r
-div.album .search_slider{\r
- float: left;\r
- overflow: hidden;\r
- position: relative; /* ie7 */\r
-}\r
-div.album .search_slider_left{\r
- float: left;\r
- width: 10%;\r
-}\r
-div.album .search_slider_right{\r
- float: right;\r
- text-align: right;\r
- width: 10%;\r
-}\r
-div.album .search_slider ul {\r
- list-style-type: none;\r
- margin: 0;\r
- padding: 0;\r
- width: 99999px;\r
- position: relative;\r
-}\r
-div.album .search_slider ul li{\r
- float: left;\r
-}\r
-div.album .search_slider_a{\r
- width: 80%;\r
-}\r
-div.album .search_slider_p{\r
- width: 730px; /* 146 per frame, 5 frame per row */\r
-}\r
-div.album .search_slider_p ul li{\r
-/* height: 576px; /* 144 per frame, 4 row */\r
- width: 730px; /* 146 per frame, 5 frame per row */\r
-}\r
-div.album .search_paginator {\r
- width: 100%;\r
-}\r
-\r
-div.add_photo{\r
- float: left;\r
- background: #F7F7F7;\r
- border: 1px solid #D2D2D2; \r
- width: 95%;\r
-}\r
-div.add_photo ul{\r
- margin: 0px;\r
- padding: 0px;\r
-}\r
-div.add_photo .toggle_uploader{\r
- width: 95%;\r
- margin: 0.5em;\r
-}\r
-div.add_photo div#ajax_uploader{\r
- display: none;\r
- margin-top: 0.5em;\r
-}\r
-div.add_photo .files .tn {\r
- max-height: 30px;\r
-}\r
-div.add_photo img{\r
- border: 0;\r
-}\r
-div.add_photo ul li{\r
- float: left;\r
- padding: 0.2em;\r
- list-style: none;\r
- width: 100%;\r
- height: 100%;\r
- border-bottom: 1px solid #ddd;\r
-/* display: inline; */\r
-}\r
-div.add_photo p.memory_usage {\r
- float: right;\r
- font-size: 0.9em;\r
- color: #5B5B5B;\r
-}\r
-div.photo_panel{\r
- background: #F7F7F7;\r
- float: left;\r
- border: 1px solid #D2D2D2;\r
- text-align: center;\r
- width: 95%;\r
- padding-top: 0.5em;\r
-}\r
-div.photo_panel img{\r
- background: #FFFFFF;\r
- border: 1px solid #D2D2D2;\r
- padding: 0.2em;\r
-}\r
-div.photo_panel div.ordering{\r
- float:left;\r
-}\r
-div.photo_panel div.paginator{\r
- float:right;\r
-}\r
-div.photo_panel .flc-inlineEditable{\r
- width: 604px;\r
- margin: 0 auto;\r
- padding-top: 0.5em;\r
- padding-bottom: 0.5em;\r
-}\r
-div.comment_panel{\r
- background: #FFFFFF;\r
- float: left;\r
- border: 1px solid #D2D2D2;\r
- width: 95%;\r
-}\r
-div.comment_panel .comment_feeds{\r
- float: left;\r
- width: 50%;\r
-}\r
-div.comment_panel .photo_actions{\r
- margin: 0.5em;\r
- max-width: 49%;\r
- background: #F7F7F7;\r
- float:right;\r
-}\r
-\r
-div.comment_panel textarea{\r
- width:100%;\r
-}\r
-\r
-div.comment_box{\r
- float:left;\r
- width:100%;\r
- margin: 0.5em;\r
- padding-top: 0.5em;\r
- padding-bottom: 0.5em;\r
- background: #F7F7F7;\r
-}\r
-div.comment_box .comment_actions{\r
- float: left;\r
- margin-top: 1em;\r
- font-size: 0.8em; \r
- color: #666666;\r
-}\r
-\r
-div.edit_photo_frame{\r
- width: 95%; \r
- float: left;\r
- padding: 0.2em;\r
- background: #F7F7F7;\r
-}\r
-div.edit_photo_box{ \r
- float: left;\r
- border: 1px solid #D2D2D2;\r
- background: white;\r
- margin: 0.2em;\r
- margin-bottom: 0.8em;\r
- padding: 0.8em;\r
- width: 94%;\r
-}\r
-div.edit_photo_box .info{\r
- float: left;\r
- width: 60%;\r
-}\r
-div.edit_photo_box .info textarea.alt_text{\r
- height: 2.5em;\r
-}\r
-div.edit_photo_box .info textarea{\r
- width: 100%;\r
-}\r
-div.edit_photo_box .action{\r
- float: right;\r
- background: #F7F7F7;\r
- min-width: 140px;\r
-}\r
-\r
-\r
-/* FLUID Image Reorderer */\r
-.fl-imageReorderer-item {\r
-}\r
-.fl-reorderer-movable-hover a{\r
- cursor: pointer;\r
- background-color: #ECEECC;\r
-}\r
-.fl-reorderer-movable-selected a{\r
- border: 2px solid red;\r
-}\r
-.fl-reorderer-movable-dragging a{\r
- background-color: #ECEECC;\r
-}\r
-.fl-reorderer-dropMarker {\r
- border: 2px solid red;\r
- min-height: 100px;\r
- float: left;\r
-}\r
-.fl-reorderer-avatar {\r
- opacity: 0.6;\r
- filter:alpha(opacity=60);\r
-}\r
-\r
-\r
-/* FLUID Simple Inline Editor */\r
-.fl-inlineEdit-invitation {\r
- background-color: #FFECB3 !important;\r
- border: 1px solid #CCC !important;\r
-}\r
-.fl-inlineEdit-focus {\r
- border: 2px solid #777777;\r
-}\r