test campaign 2

December 18th, 2010 – The Mayor’s Ball

It has been a long, cold December, with plenty of darkness. The sun has been retreating across the sky faster than ever before, and rarely has a day gone by with any sort of light sneaking through the cloud cover. As such, it is a freezing day when your phones chirp to life, your e-mail application dancing and chirping until you mash it silent. The Invitation illuminates your screen. Little time is left for you to acquire the appropriate attire, but you make due as best you can.

Persons of Interest: Westin, James, MarieRead the rest of the story…

The After Action Report

December 18th, 2010 – Blush

After a very eventful night at the ball thrown by the mayor, James, Marie and Westin all head over to the night club Blush. Westin gets the group in, and they are greeted promptly by the owner. After pleasantries are exchanged and a few secrets are revealed, Joe offers our party a job…

Persons of Interest: Westin, James, MarieRead the rest of the story…

0 comments

Dec 18th AAR

September 09, 2012 23:03

Dr. James Spence	Westin Snopes	Marie Brey
Participation: 1 Learning Curve: 1 Roleplaying: 1 Heroism: ? Total: 3	Participation: 1 Learning Curve: 1 Roleplaying: 1 Heroism: ? Total: 3	Participation: 1 Learning Curve: 1 Roleplaying: 1 Heroism: ? Total: 3

Read the rest of this entry »

0 comments

The Mayor's Ball

An Unsolicited Invitation

September 08, 2012 18:58

Persons of Interest: Content Not Found: westin-snopes, Content Not Found: james-spence, Content Not Found: marie-brey

Read the rest of this entry »

0 comments

css

September 03, 2012 21:19

/*sets the page font, size and color*/
body {
font-family: Amarante;
font-size: 14px;
color: #777777;
font-weight: normal;
background: url('http://i1246.photobucket.com/albums/gg610/dqotw/finalImages/backgroundSmoke.jpg') no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover; 
}

#campaign-quick-select{
margin-left:-7px;
}

/*the blank phone outline*/
.phoneOutline{
	position:relative;
	text-align:center;
	background-image:url(http://farm7.staticflickr.com/6106/6361837065_aa49934a31_o.png);
	background-position:center;
	background-repeat:no-repeat;
	width:730px;
	height:1145px;
}

/*the outerbox to hold the map*/
.phoneOutline .mapContainer {
	position:relative;
	text-align:center;
	top:227px;
	left:123px;
	width: 487px;
	height:725px;
	overflow:scroll;
}

/*the zoomed out map image*/
.mapContainer .map {
	background-image: url('http://i1246.photobucket.com/albums/gg610/dqotw/locationPage/chicagoMapSmall.jpg');
	width: 831px;
	height: 1023px;	
	z-index:1;
	position:absolute;
}

/*contains the image map to zoom in on the map*/
.mapContainer .zoomSelector{
	width: 840px;
	height: 1023px;	
	z-index:10;
	position:absolute;
	left:-45px;
}

/*the container for the zoomed in maps*/
.phoneOutline .mapZoomedContainer {
	position:relative;
	text-align:center;
	top:227px;
	left:123px;
	width: 487px;
	height:725px;
	overflow:scroll;
}

/*holds the map link to zoom back out*/
.mapZoomedContainer .mapZoomed {
	width: 730px;
	height: 1024px;	
	z-index:1;
	position:absolute;
	left:-45px;
}

/*the home button*/
.phoneOutline .backButton {
	position:relative;
	text-align:center;
	top:240px;
}

/*the business icon container*/
.businessIcon{
	background-image:url('http://i1246.photobucket.com/albums/gg610/dqotw/locationPage/businessIcon.png');
	width:40px;
	height:40px;
	background-size:cover;
	z-index:5;
	position:absolute;
	transition: .5s;
	-moz-transition: .5s; /* Firefox 4 */
	-webkit-transition: .5s; /* Safari and Chrome */
	-o-transition: .5s; /* Opera */
}

.mapZoomedContainer .businessIcon:hover{
	position:absolute;
	margin-top:-70px;
	margin-left:-70px;
	z-index:20;
	font-size:12px;
	width:220px;
	height:220px;
	border:4px solid black;
	background:#999;
	color: white;
	border-radius: 5px;
	padding:5px 0 5px 5px;
        opacity:.9;
}

/*the business icon container*/
.newsIcon{
	background-image:url('http://i1246.photobucket.com/albums/gg610/dqotw/locationPage/newsIcon.png');
	width:40px;
	height:40px;
	background-size:cover;
	z-index:6;
	position:absolute;
	transition: .5s;
	-moz-transition: .5s; /* Firefox 4 */
	-webkit-transition: .5s; /* Safari and Chrome */
	-o-transition: .5s; /* Opera */
}

/*displays information on hover in the zoomed in map*/
.mapZoomedContainer .newsIcon:hover{
	position:absolute;
	margin-top:-70px;
	margin-left:-70px;
	z-index:20;
	font-size:12px;
	width:220px;
	height:220px;
	border:4px solid black;
	background:#999;
	color: white;
	border-radius: 5px;
	padding:5px 0 5px 5px;
        opacity:.9;
}

/*the interest icon container*/
.interestIcon{
	background-image:url('http://i1246.photobucket.com/albums/gg610/dqotw/locationPage/interestIcon.png');
	width:40px;
	height:40px;
	background-size:cover;
	z-index:7;
	position:absolute;
	transition: .5s;
	-moz-transition: .5s; /* Firefox 4 */
	-webkit-transition: .5s; /* Safari and Chrome */
	-o-transition: .5s; /* Opera */
}

/*displays information on hover in the zoomed in map*/
.mapZoomedContainer .interestIcon:hover{
	position:absolute;
	margin-top:-70px;
	margin-left:-70px;
	z-index:20;
	font-size:12px;
	width:220px;
	height:220px;
	border:4px solid black;
	background:#999;
	color: white;
	border-radius: 5px;
	padding:5px 0 5px 5px;
        opacity:.9;
}

/*the landmark icon container*/
.landmarkIcon{
	background-image:url('http://i1246.photobucket.com/albums/gg610/dqotw/locationPage/landmarkIcon.png');
	width:40px;
	height:40px;
	background-size:cover;
	z-index:8;
	position:absolute;
	transition: .5s;
	-moz-transition: .5s; /* Firefox 4 */
	-webkit-transition: .5s; /* Safari and Chrome */
	-o-transition: .5s; /* Opera */
}

/*displays information on hover in the zoomed in map*/
.mapZoomedContainer .landmarkIcon:hover{
	position:absolute;
	margin-top:-70px;
	margin-left:-70px;
	z-index:20;
	font-size:12px;
	width:220px;
	height:220px;
	border:4px solid black;
	background:#999;
	color: white;
	border-radius: 5px;
	padding:5px 0 5px 5px;
        opacity:.9;
}

/*the conflict icon container*/
.conflictIcon{
	background-image:url('http://i1246.photobucket.com/albums/gg610/dqotw/locationPage/conflictIcon.png');
	width:40px;
	height:40px;
	background-size:cover;
	z-index:9;
	position:absolute;
	transition: .5s;
	-moz-transition: .5s; /* Firefox 4 */
	-webkit-transition: .5s; /* Safari and Chrome */
	-o-transition: .5s; /* Opera */
}

/*displays information on hover in the zoomed in map*/
.mapZoomedContainer .conflictIcon:hover{
	position:absolute;
	margin-top:-70px;
	margin-left:-70px;
	z-index:20;
	font-size:12px;
	width:220px;
	height:220px;
	border:4px solid black;
	background:#999;
	color: white;
	border-radius: 5px;
	padding:5px 0 5px 5px;
        opacity:.9;
}

/*the map legend icon that hovers in the top left corner*/
.mapLegend {
	position:absolute;
	top:255px;
	left:150px;
	background-image:url('http://i1246.photobucket.com/albums/gg610/dqotw/locationPage/mapLegendIcon.png');
	width:40px;
	height:40px;
	background-size:cover;
	z-index:45;
	transition: .5s;
	-moz-transition: .5s; /* Firefox 4 */
	-webkit-transition: .5s; /* Safari and Chrome */
	-o-transition: .5s; /* Opera */
}

/*expands the map legend*/
.mapLegend:hover {
	width:220px;
	height:370px;
	background:#999;
	background-image:none;
	border:4px dashed black;
	border-radius: 5px;
	padding:5px;
	z-index:50;
        opacity:.9;
}
	

/*hides the on hover information*/
.hideMe {
	display:none;
}

/*the right half of the information pop-up*/
.hideMe .popUpRight {
	position:absolute;
	right:0px;
	top:0px;
	width:100px; 
	height:210px; 
	padding-top:10%;
	margin:5px 5px 5px 2px;
}

/*the left half of the information pop-up*/
.hideMe .popUpLeft {
	position:absolute;
	top:0px;
	left:0px;
	width:100px; 
	height:210px;
	padding-top:10%; 
	margin:5px 2px 5px 5px;
}

/*give the text depth in the popup*/
.popUpRight p, .popUpLeft p {
	text-decoration:underline;
	text-shadow:2px 2px #666;
	
}

/*shows the map legend*/
.mapLegend:hover .hideMe{
	display:block;
}

/*changes the popup to visible*/
.interestIcon:hover .hideMe{
	display:block;
}

/*changes the popup to visible*/
.businessIcon:hover .hideMe{
	display:block;
}

/*changes the popup to visible*/
.newsIcon:hover .hideMe{
	display:block;
}

/*changes the popup to visible*/
.landmarkIcon:hover .hideMe{
	display:block;
}

/*changes the popup to visible*/
.conflictIcon:hover .hideMe{
	display:block;
}

/*image map for the main menu*/
.mainImageMap{
	position:relative;
	text-align:center;
	top:227px;
	left:127px;
	width: 482px;
	height:725px;
	background-image:url('http://i1246.photobucket.com/albums/gg610/dqotw/mainPageBGs/mainBG.jpg');
	background-size:100% 100%;
	z-index:10;
}

/*hides the popup divs on the main menu*/
.mainImageMap div {
	display:none;
}

/*displays the popup box on the main menu*/
a:hover + .background{
	background:#999;
	display:inline;
	position:absolute;
	top:330px;
	left:38px;
	width:390px;
	height:180px;
	line-height:100px;
	font-size:40px;
	color:#F90;
	z-index:20;
	border:4px solid black;
	text-shadow:2px 4px gray;
	border-radius:5px;
	text-outline: 2px 2px black;
}

.background p{
font-size:14px;
line-height:15px;
text-shadow:2px 2px gray;
padding: 0px 5px;
}

/*splash screen background*/
.splashScreen{
	text-align:center; 
	background-image:url(http://farm7.static.flickr.com/6240/6349138491_b9709e9874_o.png); 
	background-position:center; 
	background-repeat:no-repeat; 
	width:730px; 
	height:1145px;
	position:relative;
}

/*slide to unlock container*/
.slideToUnlock{
	position:absolute;
	top:836px;
	left:142px;
	text-slign:center;
	width:449px;
	height:101px;
	background-image:url('http://i1246.photobucket.com/albums/gg610/dqotw/splashSlideBGcopy.png');
	background-repeat:no-repeat;
	padding: 18px 0px 0 12px;
}

/*sets the position of the slide button*/
.slideButton{
	float:left;
	position:relative;
	height:74px;
	width:109px;
	transition: .5s;
	-moz-transition: .5s; /* Firefox 4 */
	-webkit-transition: .5s; /* Safari and Chrome */
	-o-transition: .5s; /* Opera */
}

/*changes the background on hover of the slide to unlock box*/
.slideToUnlock:hover{
	background-image:url('http://i1246.photobucket.com/albums/gg610/dqotw/splashBlankBGcopy.png');
}

/*slides the button over*/
.slideToUnlock:hover .slideButton{
	left:318px;
	position:relative;
}

/*changes the size of the top navigation bar*/
#navigation {
width: 560px;
margin-left: 37px;
}

/*indents the OP search bar*/
#header #search form {
margin-right: 15px;
}

/*sets the background of the OP nav bar at the top*/
div #header {
background-image: url('http://i1246.photobucket.com/albums/gg610/dqotw/finalImages/blockBackgroundTop.png'), url('http://i1246.photobucket.com/albums/gg610/dqotw/finalImages/blockBackgroundBottom.png'), url('http://i1246.photobucket.com/albums/gg610/dqotw/finalImages/blockBackgroundCenter.png');
background-position:center top, center bottom, center top;
background-repeat: no-repeat, no-repeat, repeat-y;
background-size: 1010px 14px,1010px 15px,1010px auto;
color: #777777;
padding: 10px;
margin: 10px 0;
}

a {
color: Brown;
font-variant:small-caps;
}

a:visited {
color: SaddleBrown;
}

a:active {
color: BurlyWood;
}

a:hover {
color:black;
}

/*replaces the OP logo with an inverted logo*/
div #header #logo h1 a {
background-image: url('http://i1246.photobucket.com/albums/gg610/dqotw/logo_transparent.png');
margin-left: 10px;
}

/*changes the color of the OP header text*/
div #header ul li a{
color: #777777
}

/*changes the text of the welcome box*/
#welcome {
color: #777777;
}

/*sets the background of the footer*/
div #footer {
background-image: url('http://i1246.photobucket.com/albums/gg610/dqotw/finalImages/blockBackgroundTop.png'), url('http://i1246.photobucket.com/albums/gg610/dqotw/finalImages/blockBackgroundBottom.png'), url('http://i1246.photobucket.com/albums/gg610/dqotw/finalImages/blockBackgroundCenter.png');
background-position:center top, center bottom, center top;
background-repeat: no-repeat, no-repeat, repeat-y;
color: #777777;
padding: 20px;
margin: 10px 0;
background-size: 100% 14px, 100% 15px, 100% auto;
}


/*removes the page title*/
.page-title {
display: none;
}

/*creates the adventure log backgrounds*/
div .adventure-log-page {
background-image: url('http://i1246.photobucket.com/albums/gg610/dqotw/finalImages/blockBackgroundTop.png'), url('http://i1246.photobucket.com/albums/gg610/dqotw/finalImages/blockBackgroundBottom.png'), url('http://i1246.photobucket.com/albums/gg610/dqotw/finalImages/blockBackgroundCenter.png');
background-position:center top, center bottom, center top;
background-repeat: no-repeat, no-repeat, repeat-y;
color: #777777;
padding: 20px;
margin-bottom: 10px;
}

/*creates the background for the campaign forums*/
div #campaign-forum {
background-image: url('http://i1246.photobucket.com/albums/gg610/dqotw/finalImages/blockBackgroundTop.png'), url('http://i1246.photobucket.com/albums/gg610/dqotw/finalImages/blockBackgroundBottom.png'), url('http://i1246.photobucket.com/albums/gg610/dqotw/finalImages/blockBackgroundCenter.png');
background-position:center top, center bottom, center top;
background-repeat: no-repeat, no-repeat, repeat-y;
color: #777777;
padding: 20px;
margin-bottom: 10px;
}

/*changes the "Forum" link location*/
.campaign-forum .forum-breadcrumbs {
font-size: 16px;
text-align: center;
margin: 0;
}

/*changes the forum table colors*/
.campaign-forum th {
background: none;
color: #777777;
}

/*changes the forum table colors*/
#campaign-forum tr.odd td {
background: none;
}

/*sets the background for the campaign forums*/
#campaign-content .campaign-forum-topic {
background-image: url('http://i1246.photobucket.com/albums/gg610/dqotw/finalImages/blockBackgroundTop.png'), url('http://i1246.photobucket.com/albums/gg610/dqotw/finalImages/blockBackgroundBottom.png'), url('http://i1246.photobucket.com/albums/gg610/dqotw/finalImages/blockBackgroundCenter.png');
background-position:center top, center bottom, center top;
background-repeat: no-repeat, no-repeat, repeat-y;
color: #777777;
padding: 20px;
margin-bottom: 10px;
}

/*shrinks the textarea for entering forum posts to fit*/
textarea.markitup {
width: 97.5%;
}

/*sets the background for campaign comments*/
div #campaign-comments {
background-image: url('http://i1246.photobucket.com/albums/gg610/dqotw/finalImages/blockBackgroundTop.png'), url('http://i1246.photobucket.com/albums/gg610/dqotw/finalImages/blockBackgroundBottom.png'), url('http://i1246.photobucket.com/albums/gg610/dqotw/finalImages/blockBackgroundCenter.png');
background-position:center top, center bottom, center top;
background-repeat: no-repeat, no-repeat, repeat-y;
color: #777777;
padding: 20px;
margin-bottom: 10px;
}

/*fits the size of the campaign comment textarea*/
#comment-textarea {
    height: 100px;
    width: 97.5%;
}


.comment-list h3 {
color: #d4f2ff;
margin-bottom: 40px;
}

/*sets the background for adventure log comments*/
.adventure-log-page .comment-list .comment {
background-image: url('http://i1246.photobucket.com/albums/gg610/dqotw/finalImages/blockBackgroundTop.png'), url('http://i1246.photobucket.com/albums/gg610/dqotw/finalImages/blockBackgroundBottom.png'), url('http://i1246.photobucket.com/albums/gg610/dqotw/finalImages/blockBackgroundCenter.png');
background-position:center top, center bottom, center top;
background-repeat: no-repeat, no-repeat, repeat-y;
color: #777777;
padding: 20px;
margin-bottom: 10px;
}

/*sets the adventure log comment form background*/
div #comment-form {
background-image: url('http://i1246.photobucket.com/albums/gg610/dqotw/finalImages/blockBackgroundTop.png'), url('http://i1246.photobucket.com/albums/gg610/dqotw/finalImages/blockBackgroundBottom.png'), url('http://i1246.photobucket.com/albums/gg610/dqotw/finalImages/blockBackgroundCenter.png');
background-position:center top, center bottom, center top;
background-repeat: no-repeat, no-repeat, repeat-y;
color: #777777;
padding: 20px;
margin-bottom: 10px;
}

/*removes the nested background from the campaign comments form*/
div #campaign-comments #comment-form {
background-image: none;
padding: 0;
}

/*removes the white background from all pages*/
#content {
background: none;
border: none;
}

/*arranges the top OP navigation buttons*/
#navigation ul li a {
width: 60px;
text-align: center;
border: none;
background: none;
}

/*changes the sidebar font*/
#secondary-column, #secondary-column h1, #secondary-column h2, #secondary-column h3, #secondary-column h4, #secondary-column h5, #secondary-column h6, #secondary-column p {
color: #777777;
}

/*changes the background color in pre tags*/
pre {
background-color: #cccccc;
}

/*creates the side bar backgrounds*/
#secondary-column .sidebar {
border:none;
background: none;
background-image: url('http://i1246.photobucket.com/albums/gg610/dqotw/finalImages/sidebarTopFinal.png'), url('http://i1246.photobucket.com/albums/gg610/dqotw/finalImages/sidebarBottomFinal.png'), url('http://i1246.photobucket.com/albums/gg610/dqotw/finalImages/sidebarCenterFinal.png');
background-position:center top, center bottom, center top;
background-repeat: no-repeat, no-repeat, repeat-y;
padding: 10px;
}

/*removes the background from the upper right search box*/
#header #search form {
background: none;
}

/*sets the size of the nav bar*/
div .tab-container {
width:728px;
height:74px;
Top: -10px;
Position: relative;
font-size: 10px;
}

/*removes some of the formatting for the nav bar*/
.tabnav{ 
display:inline-block; 
width:auto; 
margin:1px auto 34px auto; 
border-style:none; 
background:none;
}

/*removes the background and sets the size of the nav buttons*/
.tabnav a:link,.tabnav a:visited,.tabnav a:active,.tabnav a:hover{ 
background:none; 
border-style:none; 
margin-top: 20px;
font-weight: normal; 
width:70px;
font-size: 11pt;
text-align: center;
color: #fff9b1;
text-outline: 2px 0 black;
}

/*the hover color of the nav bar*/
.tabnav a:hover{ 
color: white;
}

/*the active page link color*/
.tabnav a.active:link,.tabnav a.active:visited,.tabnav a.active:active,.tabnav a.active:hover{ 
background:none; 
border-style:none; 
color: white; 
}

/*the background of the nav bar*/
div .tab-container {
height: 74px;
background-image: url('http://i1246.photobucket.com/albums/gg610/dqotw/finalImages/bannerBottomFinal.png');
background-repeat: no-repeat;
left: 17px;
}

/*hides unused navigation buttons*/
li.maps {display:none;}
li.characters {display:none;}
li.items {display:none;}
li.calendar {display:none;}

/*the following changes the gm only colors*/
.wiki-page .gm-only, .wiki-page .player-secret {
    border-top: 1px solid #D4F2FF;
}

.wiki-page .gm-only-header, .wiki-page .player-secret-header {
    color: #D4F2FF;
}


/*the following are all custom classes for the templates in Dark Queen of the West*/

.plainWhitePhone {
text-align:center; 
background-image:url('http://farm7.staticflickr.com/6106/6361837065_aa49934a31_o.png'); 
background-position:center; 
background-repeat:no-repeat; 
width:730px; 
height:1145px;
}

.plainWhitePhone .content {
position:relative;
text-align:center; 
top:240px; 
left:135px;
width: 460px; 
margin-right:295px; 
height:690px;
}

.plainWhitePhone .backButton {
position:relative; 
text-align:center; 
top:270px;
}

.characterPhone {
	font-size:13px;
	background-image:url('http://farm7.static.flickr.com/6233/6351508639_cee3851f23_o.png');
	background-position:center;
	background-repeat:no-repeat;
	width:730px;
	height:1145px;
}

.characterPhone .container {
	position:relative;
	top:280px;
	left:150px; 
	width: 430px; 
	margin-right:295px; 
	height:580px;
}

.characterPhone .header {
	position:relative; 
	top:10px; 
	right:10px; 
	float:right; 
	width:250px; 
	height:160px;
}

.characterPhone .portrait {
	position:relative; 
	top:10px; 
	left:10px; 
	width:160px; 
	height:160px;
}

.characterPhone .content {
	position:relative; 
	top:20px; 
	width:430px; 
	height:400px; 
	overflow-y:scroll; 
	overflow-x:hidden;
}

.characterPhone .navLinks {
    height: 70px;
    left: -22px;
    position: relative;
    top: 28px;
    width: 480px;
}

.characterPhone .backButton {
	text-align:center; 
	position:relative; 
	top:392px;
}

.plainWhitePhone .cabalChicago {
position:relative;
text-align:center; 
top:240px; 
left:135px;
width: 460px;  
height:690px;
background-image:url('http://i1246.photobucket.com/albums/gg610/dqotw/cabal%20pages/chicago.png');
}

.plainWhitePhone .cabalMysterium {
position:relative;
text-align:center; 
top:240px; 
left:135px;
width: 460px; 
height:690px;
background-image:url('http://i1246.photobucket.com/albums/gg610/dqotw/cabal%20pages/mysterium.png');
}

.plainWhitePhone .cabalVampires {
position:relative;
text-align:center; 
top:240px; 
left:135px;
width: 460px;  
height:690px;
background-image:url('http://i1246.photobucket.com/albums/gg610/dqotw/cabal%20pages/vampire.png');
}

.plainWhitePhone .cabalWerewolves {
position:relative;
text-align:center; 
top:240px; 
left:135px;
width: 460px; 
height:690px;
background-image:url('http://i1246.photobucket.com/albums/gg610/dqotw/cabal%20pages/werewolf.png');
}

.plainWhitePhone .cabalAtlantis {
position:relative;
text-align:center; 
top:240px; 
left:135px;
width: 460px; 
margin-right:295px; 
height:690px;
background-image:url('http://i1246.photobucket.com/albums/gg610/dqotw/cabal%20pages/atlantis.png');
}

.cabalBottomRight li {
text-align:left;
list-style-type:square;
margin-left:15px;
}

.cabalTopLeft{
	position:absolute;
	width:101px;
	height:83px;
	padding:5px;
}

.cabalTopRight{
	position:absolute;
	left:130px;
	width:320px;
	height:83px;
	padding:5px;
	text-align:center;
	font-size:36px;
	line-height:80px;
}

.cabalBottomLeft{
	position:absolute;
	top:114px;
	width:102px;
	height:576px;
	padding:20px 5px 0 0;
}


.cabalBottomRight{
	position:absolute;
	top:114px;
	left:131px;
	width:320px;
	height:576px;
	padding:20px 5px 0 5px;
        overflow-y:scroll;
}



.news_ticker body {
	font: 14px "Helvetica Neue", Helvetica, Arial, sans-serif;
	background: #003348;
}
.news_ticker {
        line-height:1;
        overflow:hidden;
	background: #002b3b;
	width: 300px;
	height: 27px;
	margin: 40px auto 0;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	padding: 3px;
	position: relative;
	-webkit-box-shadow: inset 0px 1px 2px rgba(0,0,0,0.5);
	-moz-box-shadow: inset 0px 1px 2px rgba(0,0,0,0.5);
	box-shadow: inset 0px 1px 2px rgba(0,0,0,0.5);
} 
.news_ticker span {
	float: left;
	color: white;
	background: #00425a; 
	padding: 6px;
	position: relative;
	border-radius: 4px;
	font-size: 12px;
	-webkit-box-shadow: inset 0px 1px 1px rgba(255, 255, 255, 0.2), 0px 1px 1px rgba(0,0,0,0.5);
	-moz-box-shadow: inset 0px 1px 1px rgba(255, 255, 255, 0.2), 0px 1px 1px rgba(0,0,0,0.5);
	box-shadow: inset 0px 1px 1px rgba(255, 255, 255, 0.2), 0px 1px 1px rgba(0,0,0,0.5);
	background: rgb(0,75,103);
	background: -moz-linear-gradient(top, rgba(0,75,103,1) 0%, rgba(0,53,72,1) 100%);
	background: -webkit-linear-gradient(top, rgba(0,75,103,1) 0%,rgba(0,53,72,1) 100%);
	background: -o-linear-gradient(top, rgba(0,75,103,1) 0%,rgba(0,53,72,1) 100%);
	background: -ms-linear-gradient(top, rgba(0,75,103,1) 0%,rgba(0,53,72,1) 100%);
	background: linear-gradient(top, rgba(0,75,103,1) 0%,rgba(0,53,72,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#004b67', endColorstr='#003548',GradientType=0 );
}

.news_ticker ul {
        list-style:none;
	float: left;
	padding-left: 20px;
        margin-left:75px;
	-webkit-animation: ticker 10s cubic-bezier(1, 0, .5, 0) infinite;
	-moz-animation: ticker 10s cubic-bezier(1, 0, .5, 0) infinite;
	-ms-animation: ticker 10s cubic-bezier(1, 0, .5, 0) infinite;
	animation: ticker 10s cubic-bezier(1, 0, .5, 0) infinite;
}
.news_ticker ul:hover {
	-webkit-animation-play-state: paused;
	-moz-animation-play-state: paused;
	-ms-animation-play-state: paused;
	animation-play-state: paused;
}
.news_ticker li {line-height: 12px;}
.news_ticker a {
	color: #fff;
	text-decoration: none;
	font-size: 13px;
}

@-webkit-keyframes ticker {
	0%   {margin-top: -32px;}
	25%  {margin-top: -58px;}
	50%  {margin-top: -84px;}
	75%  {margin-top: -110px;}
	100% {margin-top: -32px;}
}
@-moz-keyframes ticker {
	0%   {margin-top: -32px;}
	25%  {margin-top: -58px;}
	50%  {margin-top: -84px;}
	75%  {margin-top: -110px;}
	100% {margin-top: -32px;}
}
@-ms-keyframes ticker {
	0%   {margin-top: -32px;}
	25%  {margin-top: -58px;}
	50%  {margin-top: -84px;}
	75%  {margin-top: -110px;}
	100% {margin-top: -32px;}
}
@keyframes ticker {
	0%   {margin-top: -32px;}
	25%  {margin-top: -58px;}
	50%  {margin-top: -84px;}
	75%  {margin-top: -110px;}
	100% {margin-top: -32px;}
}

0 comments

Welcome to your Adventure Log!

A blog for your campaign

September 01, 2012 03:38

Shadows Into Light Two

Test Link
Nam fermentum eros eget est vehicula at accumsan nisi sollicitudin. Suspendisse potenti. Maecenas eu dolor nec libero accumsan dignissim. Morbi non volutpat metus. Nulla ut ipsum egestas nunc mattis egestas. Quisque imperdiet rutrum lorem at bibendum. Praesent pharetra pellentesque dolor, hendrerit egestas elit pulvinar eget. Mauris vel quam eget metus cursus volutpat. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Integer consequat sollicitudin velit, nec suscipit purus dictum vel. Praesent nisi velit, sodales eu consequat sit amet, auctor et purus. Fusce in faucibus velit. Pellentesque tempus varius quam. Maecenas sed sapien odio, pulvinar ullamcorper eros. Fusce velit purus, placerat in feugiat et, venenatis placerat augue. Quisque sit amet tortor et ligula gravida fermentum quis et ipsum.

Russo One

Test Link
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec ullamcorper posuere massa at tristique. Donec pellentesque malesuada pharetra. Vestibulum sed leo sed nunc blandit rhoncus quis et lacus. Cras iaculis malesuada nibh quis adipiscing. Curabitur congue cursus tellus, vel dignissim odio pulvinar quis. Quisque at turpis eros, sed lobortis mi. Vestibulum sem dui, varius sed suscipit ac, porta in nulla. Suspendisse eu tortor justo.

Skranji

Test Link
Pellentesque tempor enim vel diam pharetra feugiat. Nulla sit amet massa vitae risus fermentum molestie. Vestibulum varius tellus at odio faucibus dictum. Sed laoreet nulla id diam imperdiet eu vulputate velit bibendum. Morbi id sapien non purus egestas placerat. In nec sapien id nisl scelerisque euismod eu ac est. Integer ipsum tortor, tempor eget aliquet vel, blandit non tortor. Proin nibh dui, aliquam sed porta non, lacinia non dolor. Aliquam erat volutpat. Pellentesque sed felis lorem, sed pharetra nisi. Praesent interdum rutrum mi, vel varius arcu adipiscing id. Sed id ante in tellus faucibus bibendum ut vitae mi. Aenean at pharetra nibh. Vivamus vel lacus tellus, a adipiscing sem.

Amarante

Test Link
Etiam lacinia interdum justo, a malesuada tortor imperdiet ut. Donec ac nunc felis, eget scelerisque orci. Quisque eget nisi eget mi convallis commodo. Nullam rhoncus bibendum leo, ut luctus urna malesuada vestibulum. In sit amet massa et augue sodales accumsan ac id dolor. Fusce ultrices mauris quis massa aliquet eget tincidunt justo pellentesque. Suspendisse cursus pulvinar sollicitudin. Suspendisse luctus feugiat adipiscing. Sed lacinia consectetur sapien ut commodo. Aliquam adipiscing enim feugiat eros mollis consequat. Curabitur ut diam erat, at pulvinar turpis. Morbi id vehicula nibh. Fusce velit magna, cursus a ultrices nec, volutpat ac elit.

Electrolize

Test Link
Nam tincidunt consequat neque vel ullamcorper. Mauris pulvinar velit auctor metus accumsan at varius dui pulvinar. Vivamus ut risus nisi, auctor tincidunt velit. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nullam accumsan, nisi eget pulvinar semper, nisl mi pretium tortor, vitae dictum elit tortor nec risus. Integer sed porta nisl. Curabitur vel ante mi. Suspendisse potenti. In hac habitasse platea dictumst. Suspendisse lacinia nisi eget velit ultricies vulputate. Aenean sollicitudin pellentesque leo, sed gravida diam aliquam eu. Donec vehicula accumsan sem at rhoncus. Pellentesque vel tortor sapien.

Coda Caption

Test Link
Nam tincidunt consequat neque vel ullamcorper. Mauris pulvinar velit auctor metus accumsan at varius dui pulvinar. Vivamus ut risus nisi, auctor tincidunt velit. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nullam accumsan, nisi eget pulvinar semper, nisl mi pretium tortor, vitae dictum elit tortor nec risus. Integer sed porta nisl. Curabitur vel ante mi. Suspendisse potenti. In hac habitasse platea dictumst. Suspendisse lacinia nisi eget velit ultricies vulputate. Aenean sollicitudin pellentesque leo, sed gravida diam aliquam eu. Donec vehicula accumsan sem at rhoncus. Pellentesque vel tortor sapien.

Amethysta

Test Link
Nam tincidunt consequat neque vel ullamcorper. Mauris pulvinar velit auctor metus accumsan at varius dui pulvinar. Vivamus ut risus nisi, auctor tincidunt velit. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nullam accumsan, nisi eget pulvinar semper, nisl mi pretium tortor, vitae dictum elit tortor nec risus. Integer sed porta nisl. Curabitur vel ante mi. Suspendisse potenti. In hac habitasse platea dictumst. Suspendisse lacinia nisi eget velit ultricies vulputate. Aenean sollicitudin pellentesque leo, sed gravida diam aliquam eu. Donec vehicula accumsan sem at rhoncus. Pellentesque vel tortor sapien.

Alegreya SC

Test Link
Nam tincidunt consequat neque vel ullamcorper. Mauris pulvinar velit auctor metus accumsan at varius dui pulvinar. Vivamus ut risus nisi, auctor tincidunt velit. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nullam accumsan, nisi eget pulvinar semper, nisl mi pretium tortor, vitae dictum elit tortor nec risus. Integer sed porta nisl. Curabitur vel ante mi. Suspendisse potenti. In hac habitasse platea dictumst. Suspendisse lacinia nisi eget velit ultricies vulputate. Aenean sollicitudin pellentesque leo, sed gravida diam aliquam eu. Donec vehicula accumsan sem at rhoncus. Pellentesque vel tortor sapien.

Homenaje

Test Link
Nam tincidunt consequat neque vel ullamcorper. Mauris pulvinar velit auctor metus accumsan at varius dui pulvinar. Vivamus ut risus nisi, auctor tincidunt velit. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nullam accumsan, nisi eget pulvinar semper, nisl mi pretium tortor, vitae dictum elit tortor nec risus. Integer sed porta nisl. Curabitur vel ante mi. Suspendisse potenti. In hac habitasse platea dictumst. Suspendisse lacinia nisi eget velit ultricies vulputate. Aenean sollicitudin pellentesque leo, sed gravida diam aliquam eu. Donec vehicula accumsan sem at rhoncus. Pellentesque vel tortor sapien.

Dr. James Spence	Westin Snopes	Marie Brey	Red Feather	Det. Simon Cruz	Yonus Fitzsimons
Journal Entry #1 Enter Catalina Date Night The New Phone Four Strikes? Detective Cruz A Couple Days Later The Adventure Begins Lessons	First Day of Work The Mayor’s Ball Magic is Real!	Journal Entry #1 Journal Entry #2		Journal Entry #1 Journal Entry #2	Journal Entry #1 Journal Entry #2

ObsidianPortal

Login

Party

Search This Campaign

Latest Updates

Quick Stats

Fans

World of Darkness

these are our stories

September 08, 2013 05:11

recap

December 08, 2012 08:09

December 18th, 2010 – The Mayor’s Ball

December 18th, 2010 – Blush

Dec 18th AAR

September 09, 2012 23:03

The Mayor's Ball

An Unsolicited Invitation

September 08, 2012 18:58

css

September 03, 2012 21:19

Welcome to your Adventure Log!

A blog for your campaign

September 01, 2012 03:38

Shadows Into Light Two

Russo One

Skranji

Amarante

Electrolize

Coda Caption

Amethysta

Alegreya SC

Homenaje

Login

Party

Search This Campaign

Latest Updates

Quick Stats

Fans

World of Darkness

September 08, 2013 05:11

December 08, 2012 08:09

December 18th, 2010 – The Mayor’s Ball

December 18th, 2010 – Blush

September 09, 2012 23:03

An Unsolicited Invitation

September 08, 2012 18:58

September 03, 2012 21:19

A blog for your campaign

September 01, 2012 03:38

Shadows Into Light Two

Russo One

Skranji

Amarante

Electrolize

Coda Caption

Amethysta

Alegreya SC

Homenaje

Obsidian Portal Around the Web