THIS IS THE OVERALL DIV STRUCTURE USE NOTEPAD++

THIS IS THE OVERALL DIV STRUCTURE USE NOTEPAD++
1OVERALL ASSESSMENT AND RECOMMENDATIONS THIS DOCUMENT REPORTS ON
2011 MUNSTER ROTARY RUNAROUND 10K OVERALL FINISH LIST

AGREEMENT ON SAFEGUARDS MEMBERS HAVING IN MIND THE OVERALL
ALABAMA DEPARTMENT OF TRANSPORTATION CAMBEROVERALL LENGTHHORIZONTAL SWEEP RECORD PROJECT
AN OVERALL GRAPHING REVIEW THIS IS THE XAXIS THIS

***************************************************************
/*This is the overall div structure, use notepad++ or sublime text 2 for best view */

<div id="name of your give div your using to inject Scribblelive- see the whitelabel settings. I used 'blankspace'">
	<h2 id="ThreadTitle"></h2>
	<h3 id="Description"></h3>
	<div>
    	<div id="TopHtml"></div>
    </div>
    <div id="scrbbl-holder-notifications">
    	<div class="EventCountdown"></div>
    	<div id="EmailNotificationSignup"></div>
    	</div>
    <div id="Column1">
        <div id="Column1Area_SyndicatedTopHtmlForBasicTemplate_Holder"></div>
        
        <div id="Column1Area_ArticleArea"></div>
        
        <div>
    		<div id="TopPagination">
    			<ul class="Pagination"></ul>
    		</div>

    		<div id="Discussion" class=" Discussions-On">
    			<ul id="StickyPostHolder" class="Posts Descending"></ul>
        		<div id="TopShareMenu"></div>
        		<ul id="ToolbarMenu"></ul>
        		<div id="Tools"></div>
        			<div id="Share" class="Tool"></div>
					<div id="Options" class="Tool"></div>
					<div id="Comment" class="Tool"></div>
					<div id="Map" class="Tool"></div>

				</div>
        		<div class="scoreboard_templates" style="display:none;"></div>
        		<div class="scrbbl-scoreboard"></div>
        		<ul id="Posts" class="Posts Descending"></ul>

        	<div id="BottomPagination"></div>
        	</div>


        <a href="http://www.scribblelive.com?utm_source=whitelabel&amp;utm_medium=client_referral&amp;utm_campaign=whitelabel" title="ScribbleLive Content Engagement Platform" class="PoweredByImg" target="_blank">Powered by ScribbleLive</a>


        </div>
    

    		
 

























*************************************************************************************************************************************************************

<div id="blankspace">

/* Event Title ========== */
h2#ThreadTitle { 
}

		/* The "Live" text next to the title when an event is live*/

		h2#ThreadTitle em{
			font-weight:bold;
			font-style:normal;
			color:#e90000;
			text-decoration:none
		}


		/* "Live" In Event Title ========== */

		h2#ThreadTitle em {
		}


/* Description Under Event Title ========== */

h3.Description {
}






*************************************************************************************************************************************************************

<div id="scrbbl-holder-notifications">

/* The div for the whole notification part */
#scrbbl-holder-notifications {
    margin: 0px 0px 10px;
}

/* The event countdown styling for the whole section*/ 
.EventCountdown {
    background: none repeat scroll 0% 0% #70B8E8;
    color: #FFF;
    font-size: 1.2em;
    text-align: left;
    padding: 5px;
    margin: 10px 0px 0px;
}

/* The class just for the title*/
.EventCountdown h3 {
    display: inline;
    font-size: 1.2em;
}

/*This is just for the email section, asking the user for their email if they want a reminder and allowing us to collect their email for promos*/
#EmailNotificationSignup {
    text-align: center;
    padding: 15px;
    background-color: #F5F5F5;
    margin-left: 0px;
    margin-right: 0px;
}

/*Can edit the "Steram reminder" text and alignment*/
#EmailNotificationSignup h3 {
    font-size: 13px;
    color: #fff;
    font-weight: bold;
    line-height: 18px;
    margin-bottom: 10px;
}

/*input field for user email*/
#EmailNotificationSignup input {
    border: 1px solid #DDD;
    border-radius: 3px;
    width: 250px;
    height: 20px;
    text-align: center;
    background-color: #FFF;
    color: #BABABA;
}

/*css for the "Enter your email to receive an email when the stream starts*/
#NotificationMessage {
    color: #7F7F7F;
    font-size: 12px;
    padding: 5px;
}

/*css for changing the "I'd like to receive promotional emails from......*/
#EmailNotificationSignup #NotificationOptInMessage {
    display: inline-block;
}

/*the button for the email sigmup*/
#EmailNotificationSignup .Button {
    border: 0px none;
    width: auto;
    padding: 7px 23px 4px;
    font-weight: bold;
    font-family: Helvetica;
    font-size: 11px;
    color: #FFF;
    background: none repeat scroll 0% 0% #46BDDF;
    text-decoration: none;
    display: inline-block;
    margin-top: 5px;
}



*************************************************************************************************************************************************************

<div id="Column1">

/* The main div of the event. Covers everything from LiveArticles downwards */
#Column1{
	width:100%;
	float:left;
	margin:0;
	text-align:left
}


/* The marketing image at the bottom of the page on whitelabels*/
.PoweredByImg {
    background: url("/Images/poweredby_default.png") no-repeat scroll center center transparent;
    width: 148px;
    display: block;
    text-align: center;
    font-size: 12px;
    height: 33px;
    text-indent: -9999px;
    margin: 0px auto;
    padding: 15px 0px;
    clear: both;
}

/* Css for the live Article section*/
.LiveArticle {
    margin: 10px 2px;
    word-wrap: break-word;
}





*************************************************************************************************************************************************************

<div id="TopPagination">



/* Pagination div for the top pagination, your event most have more than 20-30 post before this appears*/

#TopPagination{
	text-align:left;
	margin-bottom:0;
	display:block

		/* Pagination class */
		ul.Pagination{
			margin:0;
			padding:0;
			clear:both			
		}
		/* Pagination button Colour ========== */
		
		ul.Pagination li{
			list-style:none;
			margin:0 1px 0 0;
			padding:0;
			display:inline;
			float:none
		}

        /* Pagination  background colour for all the list pages "Newest,1,2,3,Oldest" */

        ul.Pagination li a {
            background: none repeat scroll 0% 0% red;
        }

		/* Pagination  Mouse Hover Colour ========== */

		ul.Pagination  li a:hover {
			color: #FFF;
			border-color: #333;
			background-color: #333;
		}
		
        /* Pagination  css for the current tab(page) the use is in. Holds the colour as if the user was hovering another tab*/
        ul.Pagination li a.Current, ul.Pagination li a.Current:hover{
            background-color: #F7F7F7;
            color:#000;
        }

		

		/* Pagination div for the bottom of the event, note the float and position should be none/static else it could stop users from clicking on content ========== */

		#BottomPagination{
			float:none
		}

		


*************************************************************************************************************************************************************

<div id="Discussion" class=" Discussions-On">
<ul id="StickyPostHolder" class="Posts Descending"></ul>


/* css for pinned posts section*/
#Discussion ul#StickyPostHolder {
    float: left;
    margin-top: 0px;
}

/* css for pinned posts, individual files*/
#Discussion #StickyPostHolder li {
    padding-right: 0px;
    background-color: #F6F6F6;
}

/* css for pinned posts, the flag for pinned posts*/
#StickyPostHolder li .Sticky {
    z-index: 1;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 32px;
    height: 32px;
    background: url("/Style/Images/Embed/PushPin.gif") no-repeat scroll left top transparent;
}



*************************************************************************************************************************************************************
<div id="TopShareMenu"></div>

/* css for stream level share feature, holds the Twitter/Facebook share icons and controls styling*/
#TopShareMenu {
    float: right;
    margin: 10px 0px 0px;
    background: none repeat scroll 0% 0% #333;
    font-size: 11px;
    color: #FFF;
}

/* Styles FB/Twitter icons, their location and paddings*/
#TopShareMenu ul {
    list-style: outside none none;
    margin: 0px;
    padding: 6px 8px 6px 6px;
}

/* Styles "The share button*/
#TopShareMenu li.Share {
    padding: 0px 10px 0px 5px;
    color: #FFF;
    font-size: 11px;
}

/* Styles Facebook icon */
#TopShareMenu li.SL_Share.Facebook {
    background-position: -2px -2px;
}

/* css for divider between the icons */
#TopShareMenu li.divider {
    width: 1px;
    height: 14px;
    margin: 0px 6px;
    border-right: 1px solid #595959;
}

/* Styles Twitter icon */
#TopShareMenu li.SL_Share.Twitter {
    background-position: -37px -2px;
}



*************************************************************************************************************************************************************
<ul id="ToolbarMenu"></ul>

/* css for the main bar for user */
ul#ToolbarMenu {
    float: left;
    background: none repeat scroll 0% 0% #333;
    width: 100%;
    font-size: 11px;
    margin: 0px;
    padding: 0px;
}

/* css for the Space when users click "Make a comment", "Share" "Options" "Maps" for user 
Div id included are the same as the name mentioned above "Share, Options, Comment, Map" */

#Tools {
    float: left;
    width: 100%;
    background: none repeat scroll 0% 0% #ECECEC;
    border-bottom: 1px solid #333;
}



*************************************************************************************************************************************************************
<div class="scoreboard_templates" style="display:none;"></div>
<div class="scrbbl-scoreboard"></div>

.stream_scoreboard_container {
    background-color: #4F4F4F;
    color: #FFF;
    clear: both;
    font-family: "Open Sans Condensed",sans-serif;
    font-size: 16px;
    font-weight: normal;
}



*************************************************************************************************************************************************************
<ul id="Posts" class="Posts Descending"></ul>


/* css for the first post for any stream */
#Discussion .Posts li.First {
    border-top: 0px none;
}


/* Main CSS for individual posts in-stream */
#Discussion .Posts li {
    position: relative;
    border-top: 1px solid #EEE;
    list-style: outside none none;
    z-index: auto;
}

/* The css for avatar holder for the image */
#Discussion li .avatar-area {
    float: left;
}

/* The css for the actual image */
#Discussion li .avatar-area .avatar {
    float: none;
    width: 48px;
    margin: 0px 15px 15px 5px;
    border: 3px solid #FFF;
    box-shadow: 0px 0px 2px #AAA;
}

/* The css for the main content area */
#Discussion li .content-area {
    margin-left: 74px;
    overflow: hidden;
}


/* The css for the main div body area */
.Posts li .Content {
}

/* The css for inner post area */
.Posts li.Comment .Content {
   color: #666666;
}



/* The css for the meta area */
#Discussion ul.Posts li .Meta {
    clear: both;
    display: inline-block;
}

/* The css for meta creator name */
.Posts li .Meta em {
    font-style: normal;
    color: #AAA;
}

/* The css for time stamp */
.Posts li .Meta {
    font-size: 11px;
    color: #CCC;
}

/* The css for main div for the post icons */
#Discussion .Posts .WithIconPost .IconPost {
    position: static;
    float: right;
    margin-left: 15px;
}

/* The css for inner part of the post icons */
#Discussion .Posts .IconPost ul {
    margin: 0px;
    padding: 0px;
}

/* The css for image  of the post icons */
#Discussion .Posts .IconPost .IconPostImg {
    position: relative;
    width: auto;
    height: 23px;
    padding: 0px;
    list-style: outside none none;
    overflow: visible;
    box-sizing: border-box;
}

/* The css for image  of the post icons and the URL link if the user has one in there */
#Discussion .Posts .IconPost .IconPostImg {
    list-style: outside none none;
}

/* The css for image  of the post icons */
#Discussion .Posts .IconPostImg .IconPostFlag {
    position: absolute;
    top: 0px;
    left: -12px;
    width: 0px;
    height: 0px;
    border-width: 11px 2px 11px 11px;
    border-style: solid;
}


/* The css for the post options "Comment and Likes if they are enabled" */
.post-actions {
    display: inline-block;
    line-height: 11px;
}

/* The css for the like heart */
.SL_LikeIcon {
    display: inline-block;
    height: 12px;
    bottom: 0px;
    position: absolute;
    text-align: center;
    width: 13px;
    font-weight: bold;
    font-size: 15px;
    color: #B8B8C7;
    background: url("/modules/likes/images/like-sprite.png") no-repeat scroll -1px -2px transparent;
}

/* The css for the like number */
.SL_LikePostCount {
    margin: 0px 0px 0px 15px;
}


*************************************************************************************************************************************************************
This is the discussions css 


/* The css for the discussion field when users click "comment". The options must be enabled and clicked before this css displays*/
#Discussion li .discussion-wrap {
    margin-left: 0px;
    margin-bottom: 30px;
}

/* If there is more discussion comments than can be listed, this class will appear to show the "view Previous comments" button*/
.discussion-wrap .load-prev.hasall, .discussion-wrap .load-prev.hasmore, .is-permalink .discussion-wrap .load-prev.hasmore {
    display: block;
}

/* The inner css for the "View previous comments" option that appears */
.discussion-wrap .load-prev.hasmore a {
    visibility: visible;
}

/* The css for the main content of discussion comments*/
#Discussion .Posts li .discussion-wrap .comments, #OnDeck1.Posts li .discussion-wrap .comments {
    padding: 0px;
    margin: 0px;
    list-style: outside none none;
    background: none repeat scroll 0px center transparent;
    float: none;
}

/* The css for the individual sections of discussion comments*/
#Discussion #StickyPostHolder .discussion-wrap .comments li {
    background: none repeat scroll 0% 0% transparent;
    border: 0px none;
}

/* The css for the inner individual sections of discussion comments*/
.discussion-wrap .comments .comment {
    margin-bottom: 10px;
}

/* The css for the inner individual sections of discussion comments, all content if they have text*/
.discussion-wrap .comments .comment p {
    color: #666;
    line-height: 15px;
    font-size: 12px;
    margin: 0px;
    padding: 0px;
    word-wrap: break-word;
}

/* The css for the avatar image individual sections of discussion comments*/
.discussion-wrap .comments .comment .img {
    margin-right: 10px;
}

/* The css for the inner avatar image individual sections of discussion comments*/
.discussion-wrap .media .img img {
    display: block;
    width: 30px;
}

.discussion-wrap .media, .discussion-wrap .bd {
    overflow: hidden;
}

#Discussion .Posts li .discussion-wrap .comments .commenter, #OnDeck1.Posts li .discussion-wrap .comments .commenter {
    color: #111;
    float: left;
    font-size: 13px;
    font-style: normal;
    font-weight: bold;
    margin-right: 10px;
    line-height: 15px;
}



/* The css for the discussion field values*/
#Discussion .discussion-wrap .comment-input input, #OnDeck1 .discussion-wrap .comment-input input {
    border: 0px none;
    width: 100%;
    font-size: 13px;
    font-weight: normal;
    color: #888;
    padding: 1px 3px;
    margin: 0px;
    background: none repeat scroll 0px center transparent;
    height: 20px;
    position: relative;
    z-index: 2;
    box-shadow: none;
}


/* The css for the meta time stamp for discussion comments*/
#Discussion .Posts li .discussion-wrap .comments .meta, #OnDeck1.Posts li .discussion-wrap .comments .meta {
    color: #CCC;
    font-size: 11px;
    font-weight: normal;
    padding: 0px;
}


/* The css for the inner meta time stamp for discussion comments*/
#Discussion .Posts li .discussion-wrap .comments .meta, #OnDeck1.Posts li .discussion-wrap .comments .meta {
    color: #CCC;
    font-size: 11px;
    font-weight: normal;
}


/* The css for the post level shares (FB/Twitter), the on hover options that appear on the bottom right of posts*/
}
#Column1 #Discussion ul.Posts li ul.Actions {
    margin: 0px 5px 5px 0px;
    padding: 0px;
    list-style: outside none none;
    position: absolute;
    bottom: 0px;
    right: 0px;
}


/* Different post types: Polls*/
dl.Poll {
    margin: 0px;
    padding: 0px;
}

/* Polls answers css */
dl.Poll dd {
    margin: 0px 0px 5px;
    padding: 0px;
    display: block;
}

/* Different post types: Twitter/Tweets*/
#Discussion .Posts li.Tweet {
    position: relative;
}

/* Twitter/Tweets main css content area*/
#Discussion .Posts li.Tweet .content-area {
    margin-left: 70px;
}

/* Twitter/Tweets content of the posts*/
#Discussion .Posts li.Tweet .Content {
    float: none;
    margin: 5px 0px 10px;
    font-family: Georgia;
    font-size: 16px;
}

/* Twitter/Tweets: container: The date meta for the Twitter cards*/
#Discussion ul.Posts li.Tweet .Meta.Above.Tweet {
    padding: 0px 0px 7px !important;
    display: inline-block;
}

/* Twitter/Tweets: The date meta for the Twitter cards*/
.Tweet .content-area .Time a {
    font-weight: normal;
    text-decoration: none;
    color: #999;
    padding: 0px 1px;
}

/* Twitter/Tweets: The header meta, username and @name*/
#Discussion ul.Posts li.Tweet .Meta.Above.Tweet {
    padding: 0px 0px 7px !important;
    display: inline-block;
}
	
/* Twitter/Tweets: the bird logo on the top right*/
.Tweet .content-area .User em a.TwitterIntent.twitter-logo {
    position: absolute;
    top: 15px;
    right: 7px;
    background: none repeat scroll 0px center transparent;
}

/* Twitter/Tweets: The full name provided by their account*/
.Tweet .content-area .User a.TwitterIntent.username {
    display: block;
    padding: 4px 0px;
    font-size: 18px;
}

/* Twitter/Tweets: The screen name, ie @scribblelivedav*/
.Tweet .content-area .User a.TwitterIntent.screenname {
    display: block;
    font-size: 14px;
    color: #999;
}



/* Different post types: Slideshows*/
.SL_SlideShow {
    position: relative;
    text-align: center;
    text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.9);
    clear: both;
}


/* Different post types: Meta of the slideshow*/
.SL_SlideShow .MetaWrap {
    position: absolute;
    left: 0px;
    right: 0px;
    white-space: nowrap;
}







ANGUS PONY CLUB ANNUAL GYMKANNA – OVERALL RESULTS SUNDAY
ANNUAL REPORT FOR PLD 20092010 OVERALL GOALS AND RESPONSIBILITIES
APPENDIX A – ONE PAGE OVERALL SUMMARY CORBI PROJECT


Tags: notepad++ or, structure, overall, notepad++