margin-left:.8em;
float:left;
}
-/* main body attributes */
+/* main body attributes STARTED HERE */
body {
font-family: Verdana, Helevetica, Arial, sans-serif;
font-size:.8em;
margin:0px;
background-color: #F2F9FA;
+
}
.page_wrapper{
/* border:1px solid #aaaaaa;*/
-moz-border-radius: 1em 1em 1em 1em;
/* -moz-box-shadow:.1em .1em #999999;
box-shadow: .1em .1em #999999;*/
- background-image: url('images/atutor_head.jpg');
+/* background-image: url('images/atutor_head.jpg');*/
background-position: 0% 0%;
background-repeat: repeat-x;
background-size:auto auto;
h1#section-title {
float: left;
margin-left:1em;
- margin-top:-1em;
+ margin-top:-.5em;
}
float:right;
clear:right;
margin-left: 2em;
- margin-top:.2em;
+ margin-top:-1em;
white-space:nowrap;
background-color:#F2F7F7;
border:thin solid #cccccc;
#top-links-jump{
float:left;
white-space:nowrap;
- margin-top:.2em;
+ margin-top:-1em;
background-color:#F2F7F7;
padding-right:.5em;
}
list-style: none;
margin-left: 0px;
padding-left: 0px;
+ list-style-type:none;
}
div#error ul li{
#header{
/* background-image: url('images/pencil_top_ds.png'); */
- background-position: 99% 99%;
- background-repeat: no-repeat;
+/* background-position: 99% 99%;*/
+ background-repeat: repeatx;
+ background-image: url('images/atutor_head.jpg');
+ height:4em;
+ margin-bottom:-2em;
+ padding-bottom: 2em;
}
#header a{
width: 80%;
}
div#content-test ol{
- margin-right: 5pt;
+ margin-right: 5pt;
}
div#content-test ol ul li{
- list-style: none;
+ list-style-type: none;
padding: 0px 2px 0px 15px;
margin-bottom: 1px;
line-height: 200%;
border-bottom: 1px solid #efefef;
border: 1px solid #eeeeff;
}
+div#content-test li{
+ list-style-type: none;
+}
+div#content-forum {
+ float: left;
+ margin-top: 2em;
+ padding-right: 5pt;
+ width: 80%;
+}
+div#content-forum ol{
+ margin-right: 5pt;
+}
+
+div#content-forum ol ul li{
+ list-style-type: none;
+ padding: 0px 2px 0px 15px;
+ margin-bottom: 1px;
+ line-height: 200%;
+ background-color: #fdfdfd;
+ border-bottom: 1px solid #efefef;
+ border: 1px solid #eeeeff;
+}
+div#content-forum li{
+ list-style-type: none;
+}
div#content-info {
margin: 5pt;
}
/** forum stuff **/
-#forum-thread li {border:1px solid #eee; border-bottom: 1px solid #F7F3ED; float:left; width: 97%; list-style: none; }
-#forum-thread li.even { background-color: #F7F3ED; border-top: none; margin-top:.5em;}
-#forum-thread li.odd { background-color: #fff; margin-top:1em;}
+.forum-thread li {border:1px solid #eee; border-bottom: 1px solid #F7F3ED; float:left; width: 97%; list-style: none; }
+.forum-thread li.even { background-color: #F7F3ED; border-top: none; margin-top:.5em;}
+.forum-thread li.odd { background-color: #fff; margin-top:1em;}
div.forum-post-author { float:left; width:150px; padding:8px 10px; }
div.forum-post-author a.title {font-size: 1.1em; line-height: 1.2em; font-weight: bold; text-decoration:none; }
div.forum-post-author img.profile-picture { border: 2px solid #F7F3ED; text-align:right;}
/*background-image: url('images/pencil_bottom_ds.png'); */
height:1.6em;
margin-left:1em;
- border-bottom:1px solid #cccccc;
clear:both;
+
}
ul#topnavlist {
font-weight: normal;
border-radius:.3em .3em 0em 0em;
-moz-border-radius: .3em .3em 0em 0em;
- padding: .2em 1.8em .1em 1.8em;
+ padding: 1em 1.8em 1em 1.8em;
+ margin-bottom:0em;
}
ol#tools>li:hover {
div.home_box {
width: 25em;
- height: 130px;
- margin-top: sem;
+ height: 10em;
+ margin-top: 1em;
padding: 3px;
padding-bottom: .4em;
float: left;
cursor: move;
}
div#subnavlistcontainer {
- width:95%;
+ width:90%;
margin:auto;
-
- height:auto;
+ height:1.8em;
}
div#subnavbacktopage {
ul#subnavlist li a:hover, ul#subnavlist li a:focus, ul#subnavlist li.active, ul#subnavlist li:hover{
color: black;
text-decoration:none;
- background-color: #E6E6E6;
+ background-color: #F8F8F8;
+ border-bottom:thin solid #F8F8F8;
}
ul#subnavlist li a {
font-size:0.85em;
border-bottom:1px solid #F2F7F7;
height:2em;
- margin-top:-.15em;
text-align:right;
padding-right:1em;
clear:both;
}
/* relative image size styles */
-img.img1616{
+input.img1616{
+cursor:pointer;
+}
+
+input.img1616, img.img1616{
height:1.6em;
width:1.6em;
}
font-size:100%;
}
+.fl-force-right{
+float:right;
+
+}
img.fl-col{
height:3.5em;
width:3.5em;
}
+/* Photo Album Styles
+ *
+ *
+ *
+ *
+ */
+div.topbar{
+ float:left;
+ width: 95%;
+}
+div.paginator{
+ float: right;
+ margin: 0px;
+}
+.paginator ul li{
+ list-style: none;
+}
+.paginator li{
+ padding-right: 0.5em;
+ float: left;
+}
+
+div.summary{
+ float: left;
+ margin-top: 0.5em;
+ width:70%;
+}
+
+div.album_panel{
+ float: left;
+ background: #F7F7F7;
+ border: 1px solid #D2D2D2;
+ width: 96%;
+ border-radius:.5em;
+ -moz-border-radius: .5em .5em .5em .5em;
+/* -moz-box-shadow:.2em .2em .1em #999999;
+ box-shadow: .2em .2em .1em #999999;*/
+ padding:.3em;
+}
+div.album_panel div.photo_wrapper {
+ /* This class is to fix the problem where the images shift
+ * to the right when there is a border upon selection
+ */
+ height: 150px;
+ float: left;
+}
+div.album_panel .photo_frame{
+ float: left;
+ margin: 0.2em;
+ min-height: 140px;
+ min-width: 140px;
+ text-align: center;
+}
+div.album_panel .photo_frame a:focus, div.album_panel .photo_frame a:hover{
+ cursor: pointer;
+ float:left;
+ min-width: 140px;
+ min-height: 140px;
+ background: #FCE6C9;
+}
+div.album_panel .photo_frame img{
+ background: #FFFFFF;
+ border: 1px solid #D2D2D2;
+ padding: 0.2em;
+}
+div.album_panel .album_description{
+ margin: 0.5em;
+ width: 95%;
+ float: left;
+}
+
+div.search_bar {
+ /* background-image: url('images/search_bg.png');
+ background-repeat: no-repeat; */
+ background-color:#ffffff;
+ border:thin solid #cccccc;
+ margin-left: 0.5em;
+ margin-top: 0.5em;
+ height: 27px;
+ width: 180px;
+ float: left;
+ border-radius:.5em;
+ -moz-border-radius:.8em .8em .8em .8em;
+/* -moz-box-shadow:.2em .2em .1em #999999;
+ box-shadow: .2em .2em .1em #999999;*/
+}
+div.search_bar .s{
+ float: left;
+ border: 0px;
+ margin-top: 0.3em;
+ margin-left: 0.5em;
+ width: 148px;
+}
+div.search_bar .s_img{
+ float: right;
+ border: 0px;
+ margin-top: 0.375em;
+ margin-top: -1.4em\9; /* the \9 to accomodate IE 7&8 */
+ margin-right: 0.4em;
+}
+
+div.album {
+ background: #FFFFFF;
+ padding:1em;
+ border: 1px solid #D2D2D2;
+ width: 95%;
+ margin: 0.5em;
+ float: left;
+ border-radius:.5em .5em .5em .5em;
+ -moz-border-radius: .5em .5em .5em .5em;
+/* -moz-box-shadow:.2em .2em .1em #999999;
+ box-shadow: .2em .2em .1em #999999;*/
+}
+div.album .image{
+ float: left;
+ margin: 0.5em;
+ min-width: 140px;
+}
+div.album img{
+ border-width: 0px;
+}
+div.album .image img.no-image {
+ float: left;
+ width: 130px;
+ height: 97px;
+ background-color: #EFEFEF;
+}
+div.album .info{
+ float: left;
+ width: 70%;
+}
+div.album .info span{
+ float: left;
+ color: #666666;
+}
+div.album .info p{
+ font-size: 0.85em;
+ margin: 0;
+}
+div.album .search_photo_frame{
+ float: left;
+ margin: 0.2em;
+ min-height: 160px;
+ max-height: 160px;
+ max-width: 140px;
+ text-align: center;
+ border: 1px solid #d3d3d3;
+ overflow: hidden;
+}
+div.album .search_slider{
+ float: left;
+ overflow: hidden;
+ position: relative; /* ie7 */
+}
+div.album .search_slider_left{
+ float: left;
+ width: 10%;
+}
+div.album .search_slider_right{
+ float: right;
+ text-align: right;
+ width: 10%;
+}
+div.album .search_slider ul {
+ list-style-type: none;
+ margin: 0;
+ padding: 0;
+ width: 99999px;
+ position: relative;
+}
+div.album .search_slider ul li{
+ float: left;
+}
+div.album .search_slider_a{
+ width: 80%;
+}
+div.album .search_slider_p{
+ width: 730px; /* 146 per frame, 5 frame per row */
+}
+div.album .search_slider_p ul li{
+/* height: 576px; /* 144 per frame, 4 row */
+ width: 730px; /* 146 per frame, 5 frame per row */
+}
+div.album .search_paginator {
+ width: 100%;
+}
+
+div.add_photo{
+ float: left;
+ background: #F7F7F7;
+ border: 1px solid #D2D2D2;
+ width: 96%;
+ border-radius:.5em;
+ -moz-border-radius: .3em .3em .3em .3em;
+ margin-bottom:.2em;
+}
+div.add_photo ul{
+ margin: 0px;
+ padding: 0px;
+}
+div.add_photo .toggle_uploader{
+ width: 95%;
+ margin: 0.5em;
+}
+div.add_photo div#ajax_uploader{
+ display: none;
+ margin-top: 0.5em;
+}
+div.add_photo .files .tn {
+ max-height: 30px;
+}
+div.add_photo img{
+ border: 0;
+}
+div.add_photo ul li{
+ float: left;
+ padding: 0.2em;
+ list-style: none;
+ width: 100%;
+ height: 100%;
+ border-bottom: 1px solid #ddd;
+/* display: inline; */
+}
+div.add_photo p.memory_usage {
+ float: right;
+ font-size: 0.9em;
+ color: #5B5B5B;
+}
+
+div.add_profile_photo{
+ float: left;
+ background: #F7F7F7;
+ border: 1px solid #D2D2D2;
+ width: 96%;
+ border-radius:.5em;
+ -moz-border-radius: .5em .5em .5em .5em;
+/* -moz-box-shadow:.2em .2em .1em #999999;
+ box-shadow: .2em .2em .1em #999999;*/
+ margin-bottom:.2em;
+
+}
+div.add_profile_photo .profile_photo{
+ float: left;
+ padding: 0.5em;
+
+}
+div.add_profile_photo .uploader{
+ float: left;
+ width: 50%;
+ padding: 0.5em;
+ border-bottom: 1px solid #ddd;
+}
+
+div.photo_panel{
+ background: #F7F7F7;
+ float: left;
+ border: 1px solid #D2D2D2;
+ text-align: center;
+ width: 95%;
+ padding: 0.5em;
+ border-radius:.5em;
+ -moz-border-radius: .5em .5em .5em .5em;
+}
+div.photo_panel img{
+ background: #FFFFFF;
+ border: 1px solid #D2D2D2;
+ padding: 0.2em;
+}
+div.photo_panel div.ordering{
+ float:left;
+}
+div.photo_panel div.paginator{
+ float:right;
+}
+div.photo_panel .flc-inlineEditable{
+ width: 604px;
+ margin: 0 auto;
+ padding-top: 0.5em;
+ padding-bottom: 0.5em;
+}
+div.comment_panel{
+ background: #FFFFFF;
+ float: left;
+ border: 1px solid #D2D2D2;
+ width: 95%;
+ padding:.5em;
+ border-radius: .3em .3em .3em .3em;
+ -moz-border-radius: .3em .3em .3em .3em;
+/* -moz-box-shadow:.2em .2em .1em #999999;
+ box-shadow: .2em .2em .1em #999999;*/
+ margin-top:.2em;
+}
+div.comment_panel .comment_feeds{
+ float: left;
+ width: 50%;
+}
+div.comment_panel .photo_actions{
+ margin: 0.5em;
+ max-width: 49%;
+ background: #F7F7F7;
+ float:right;
+ padding:1em;
+ border:thin solid #cccccc;
+ border-radius:.3em;
+ -moz-border-radius: .3em .3em .3em .3em;
+}
+.row textarea#comment_template, textarea#comment_template active{
+ background-color:#eeeeee;
+ border:thin solid #eeeeee;
+ border:thin solid #cccccc;
+ padding:.2em;
+ border-radius:.3em;
+ -moz-border-radius: .3em .3em .3em .3em;
+}
+.row textarea#comment{
+ background-color:#ffffff;
+ border:thin solid #eeeeee;
+ border:thin solid #cccccc;
+ padding:.2em;
+ border-radius:.3em;
+ -moz-border-radius: .3em .3em .3em .3em;
+}
+div.comment_panel textarea{
+ width:100%;
+}
+
+div.comment_box{
+ float:left;
+ width:100%;
+ margin: 0.5em;
+ padding-top: 0.5em;
+ padding-bottom: 0.5em;
+ background: #F7F7F7;
+}
+div.comment_box .comment_actions{
+ float: left;
+ margin-top: 1em;
+ font-size: 0.8em;
+ color: #666666;
+}
+
+div.edit_photo_frame{
+ width: 95%;
+ float: left;
+ padding: 0.2em;
+ background: #F7F7F7;
+ border:thin solid #cccccc;
+ border-radius:.5em;
+ -moz-border-radius: .5em .5em .5em .5em;
+}
+div.edit_photo_box{
+ float: left;
+ border: 1px solid #D2D2D2;
+ background: white;
+ margin: 0.2em;
+ margin-bottom: 0.8em;
+ padding: 0.8em;
+ width: 94%;
+ border-radius:.3em;
+ -moz-border-radius: .3em .3em .3em .3em;
+}
+div.edit_photo_box .info{
+ float: left;
+ width: 60%;
+}
+
+.info textarea{
+ background-color: #eeeeee;
+ border:thin solid #cccccc;
+ border-radius:.3em;
+ -moz-border-radius: .3em .3em .3em .3em;
+ margin-top:.2em;
+}
+div.edit_photo_box .info textarea.alt_text{
+ height: 2.5em;
+}
+div.edit_photo_box .info textarea{
+ width: 100%;
+}
+div.edit_photo_box .action{
+ float: right;
+ background: #F7F7F7;
+ min-width: 140px;
+ padding:.2em;
+ border:thin solid #cccccc;
+ border-radius:.3em;
+ -moz-border-radius: .3em .3em .3em .3em;
+}
+
+
+/* FLUID Image Reorderer */
+.fl-imageReorderer-item {
+}
+.fl-reorderer-movable-hover a{
+ cursor: pointer;
+ background-color: #ECEECC;
+}
+.fl-reorderer-movable-dragging a{
+ background-color: #ECEECC;
+}
+.fl-reorderer-dropMarker {
+ border: 2px solid red;
+ min-height: 100px;
+ float: left;
+}
+.fl-reorderer-avatar {
+ opacity: 0.6;
+ filter:alpha(opacity=60);
+}
+
+
+/* FLUID Simple Inline Editor */
+.fl-inlineEdit-invitation {
+ background-color: #FFECB3 !important;
+ border: 1px solid #CCC !important;
+}
+.fl-inlineEdit-focus {
+ border: 2px solid #777777;
+}
+
+
+.pa_tool_link{
+
+text-decoration:none;
+}
+
+.pa_tool_image{
+vertical-align:middle;
+margin-right:.5em;
+}
+/*social networking box on admin page */
+#social_networking{
+padding: 1em;
+margin: 0;
+}
+
+/* End Photo Album Styles
+ *
+ *
+ *
+ *
+ */
projects / atutor.git / blobdiff