De-cluttering
This commit is contained in:
Bill Niblock
parent
a0935e8cdf
commit
84ebe81cc4
25 changed files with 1 additions and 1001 deletions
|
|
@ -1,50 +0,0 @@
|
|||
<!-- FOR INSERT INTO MAIN ELEMENT OF INDEX PAGE -->
|
||||
<!-- The Internet Vagabond :: About -->
|
||||
|
||||
<!-- About Subheader area -->
|
||||
<div class="subheader">
|
||||
<div class="subheader_title">About the Wanderer and the Website</div>
|
||||
<div class="subheader_links">
|
||||
<div class="subheader_links_link" alt="Check out my Twitter." onclick="window.open('https://twitter.com/#!/Azulien');">@Azulien</div>
|
||||
<div class="subheader_links_link" alt="Find me on Google+" onclick="window.open('https://plus.google.com/108889767571068230161/posts');">Google+</div>
|
||||
<div class="subheader_links_link" alt="Game with me on Steam" onclick="window.open('http://steamcommunity.com/id/azulien');">Steam</div>
|
||||
<div class="subheader_links_link" alt="Access my online Resume" onclick="">Resume</div>
|
||||
<div class="clear"></div>
|
||||
</div>
|
||||
<div class="clear"></div>
|
||||
</div>
|
||||
<!-- End About Subheader area -->
|
||||
<br />
|
||||
<!-- About area -->
|
||||
<div class="about_section">
|
||||
<div>
|
||||
<p> I'm your typical nerd/geek: I love gaming, technology, terrible techno/trance music, and having fun.</p>
|
||||
<p> I make my home base in Buffalo, NY working for a local private college. I've been in Buffalo pretty much my entire life, save for college when I went to SUNY Geneseo. I've travelled a bit, but no where close to as much as I hope to. I enjoy designing things, and am often daydreaming about many projects that I would love to someday complete and release on the world.</p>
|
||||
<p> If you've somehow stumbled onto my little patch of the Internet and read this far, I hope what you've seen or read has at least been enjoyable. Thanks for visiting, and hopefully you'll come back!</p>
|
||||
</div>
|
||||
<hr class="about_hr" />
|
||||
<div>
|
||||
<p> This site is essentially a playground. It's an opportunity for me to gather all of my thoughts, experiments, journals, discoveries, interesting links, and many more things into one convenient place, and with my own personal approach to it. I am very much an amateur web designer, so often times the appearance of this site will be a bit strange. Don't worry, though! I promise not to leave this place in a permanent state of disarray, only an occasionally, temporary one.</p>
|
||||
<p> What I want from this site is more than a web presence. I'm hoping that this site will inspire and motivate me to really explore my surroundings. I yearn to travel the world, and my journies online are still in Chapter 1. This is why I chose 'vagabond.' A vagabond is, to me, a wanderer of whim and adventure; one who lives for the next experience, wherever it may take them. Hopefully, I can adventure both on- and off-line, share my voyages, and learn something in the process too.</p>
|
||||
</div>
|
||||
<hr class="about_hr" />
|
||||
<div>
|
||||
<p> Interested in joining me on my voyage? I'm not too hard to find online. Check out my profiles on Twitter, Google+ and Steam by clicking the links above; or chat me up in Kingdom of Loathing (Azulien [#1214857]) or League of Legends (Vagabond Azulien).</p>
|
||||
</div>
|
||||
<hr class="about_hr" />
|
||||
<div>
|
||||
<p> Interested in viewing my resume? Just click on the link above. From there you can view my online resume and download a PDF copy.</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Perhaps here I could put banners/links to the fun things I enjoy doing on a regular basis. Examples:
|
||||
- KoL Banner/Forum sig thing
|
||||
- LoL Banner/sig thing
|
||||
- Steam banner/sig thing
|
||||
- Links to other blogs I enjoy
|
||||
- Maybe links to all my social site profiles
|
||||
-->
|
||||
<!-- End About area -->
|
||||
|
||||
|
||||
<!-- END SECTION -->
|
||||
|
|
@ -1,48 +0,0 @@
|
|||
<!-- FOR INSERT INTO MAIN ELEMENT OF INDEX PAGE -->
|
||||
<!-- The Internet Vagabond :: Adventures -->
|
||||
|
||||
<!-- Adventures Scripts Area -->
|
||||
<script type="text/javascript">
|
||||
$(document).ready(function() {
|
||||
$(".adv_li_location").click(function() {
|
||||
$(".adv_li_links#" + this.id).css("display", "inline");
|
||||
});
|
||||
});
|
||||
</script>
|
||||
<!-- End Adventures Scripts -->
|
||||
|
||||
<!-- Adventure Subheader area -->
|
||||
<div class="subheader">
|
||||
<div class="subheader_title">Adventures in The Life of a Vagabond</div>
|
||||
<div class="subheader_links">
|
||||
<div class="subheader_links_link" alt="Click here to view all my photos." onclick="window.open('https://plus.google.com/108889767571068230161/photos');">Photos</div>
|
||||
<div class="subheader_links_link" alt="Click here to view all my videos on YouTube." onclick="window.open('http://www.youtube.com/user/TheInternetVagabond');">Videos</div>
|
||||
<div class="clear"></div>
|
||||
</div>
|
||||
<div class="clear"></div>
|
||||
</div>
|
||||
<!-- End Adventure Subheader area -->
|
||||
<br />
|
||||
<!-- Content Section -->
|
||||
<div class="adv_main">
|
||||
<!-- Adventure Log area -->
|
||||
<div class="adv_list">
|
||||
<div class="adv_list_item">
|
||||
<div class="adv_li_location" id="ireland">Ireland</div>
|
||||
<div class="adv_li_links" id="ireland">
|
||||
<div class="adv_li_links_link">TEXT</div>
|
||||
<div class="adv_li_links_link">PICS</div>
|
||||
<div class="adv_li_links_link">VIDS</div>
|
||||
</div>
|
||||
</div>
|
||||
<br />
|
||||
</div>
|
||||
<!-- End Adventure Log area -->
|
||||
|
||||
<!-- Adventure Content area -->
|
||||
<div class="adv_content">
|
||||
<p class="adv_info"> The purpose of this page is to provide me a place to share all my adventures I've had, both online and off, throughout the world and the web. It won't be terribly impressive to start, since my journey in both has really just begun, but hopefully this page will evolve to provide a true vagabond's tale.</p>
|
||||
</div>
|
||||
<!-- End Adventure Content area -->
|
||||
|
||||
<!-- End Content Section -->
|
||||
|
|
@ -1,63 +0,0 @@
|
|||
<!-- FOR INSERT INTO MAIN ELEMENT OF INDEX PAGE -->
|
||||
<!-- The Internet Vagabond :: Experiences -->
|
||||
|
||||
<!-- EXP Subheader area -->
|
||||
<div class="subheader">
|
||||
<div class="subheader_title">The Experiences of the Vagabond</div>
|
||||
<div class="subheader_links">
|
||||
<div class="subheader_links_link" alt="View my Twitter feed." id="exp_tweets_button" onclick="popupWindow('exp_tweets')">Twitter Feed</div>
|
||||
<div class="subheader_links_link" alt="View my Google+ feed." id="exp_gplus_button" onclick="popupWindow('exp_gplus')">Google+ Feed</div>
|
||||
<div class="subheader_links_link" alt="View my favorite links." id="exp_links_button" onclick="popupWindow('exp_links')">Links</div>
|
||||
<div class="clear"></div>
|
||||
</div>
|
||||
<div class="clear"></div>
|
||||
</div>
|
||||
<!-- End About Subheader area -->
|
||||
<br />
|
||||
|
||||
<!-- Experiences Pop-up Window: Tweets, G+, and Links-->
|
||||
<div class="exp_popup">
|
||||
<div class="exp_popup_tweets" id="exp_tweets">
|
||||
<p> THIS IS A GIANT TEST FOR TWITTER </p>
|
||||
<ul>
|
||||
<li> Cool Link #1 </li>
|
||||
<li> Cool Link #2 </li>
|
||||
<li> Cool Link #3 </li>
|
||||
<li> Cool Link #4 </li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="exp_popup_gplus" id="exp_gplus">
|
||||
<p> THIS IS A GIANT TEST FOR G+ </p>
|
||||
<ul>
|
||||
<li> Cool Link #1 </li>
|
||||
<li> Cool Link #2 </li>
|
||||
<li> Cool Link #3 </li>
|
||||
<li> Cool Link #4 </li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="exp_popup_links" id="exp_links">
|
||||
<p> THIS IS A GIANT TEST FOR LINKS </p>
|
||||
<ul>
|
||||
<li> Cool Link #1 </li>
|
||||
<li> Cool Link #2 </li>
|
||||
<li> Cool Link #3 </li>
|
||||
<li> Cool Link #4 </li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<!-- End Adventure Pop-up Window: Links-->
|
||||
|
||||
<!-- Content Section -->
|
||||
<div class="exp_main">
|
||||
<!-- Experience Log area -->
|
||||
<div class="exp_list">
|
||||
<a href="/ramblings/experiences" class="exp_logs_a"><div class="exp_logs_location">Characters</div></a>
|
||||
<br />
|
||||
<a href="#" class="exp_logs_a"><div class="exp_logs_location">Portland, OR <br />2011</div></a>
|
||||
<br />
|
||||
<a href="#" class="exp_logs_a"><div class="exp_logs_location">The Moon</div></a>
|
||||
<br />
|
||||
</div>
|
||||
<!-- End Adventure Log area -->
|
||||
|
||||
<!-- END SECTION -->
|
||||
|
|
@ -1,32 +0,0 @@
|
|||
/* Footer-specific CSS for external Vagabond sites
|
||||
Created by Bill Niblock
|
||||
http://www.theinternetvagabond.com
|
||||
*/
|
||||
|
||||
/* =============================
|
||||
New Footer Styles
|
||||
============================= */
|
||||
.footer{
|
||||
position: fixed; bottom: -20px; left: 10px; right: 10px; height: 17px; z-index: 10;
|
||||
border: 1px #666699 solid; border-top-left-radius: 5px; border-top-right-radius: 5px;
|
||||
background-color: #666699;
|
||||
-o-transition-property: bottom;
|
||||
-moz-transition-property: bottom;
|
||||
-webkit-transition-property: bottom;
|
||||
-o-transition-duration: 1s;
|
||||
-moz-transition-duration: 1s;
|
||||
-webkit-transition-duration: 1s;
|
||||
}
|
||||
.footer:hover{ bottom: 0px;}
|
||||
.footer_notice{
|
||||
position: absolute; left: 0px; right: 0px; margin-left: auto; margin-right: auto; width: 400px;
|
||||
text-align: center;
|
||||
}
|
||||
.footer_notice_text{
|
||||
font-weight: lighter; font-size: 10px; letter-spacing: 2px; color: #444444;
|
||||
padding: 1px 7px; margin: -6px 10px 0px;
|
||||
border: 3px #996666 solid; border-radius: 5px;
|
||||
background-color: #CC9999;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
4
doodads/jquery.js
vendored
4
doodads/jquery.js
vendored
File diff suppressed because one or more lines are too long
|
|
@ -1,106 +0,0 @@
|
|||
<!-- FOR INSERT INTO MAIN ELEMENT OF INDEX PAGE -->
|
||||
<!-- The Internet Vagabond :: News -->
|
||||
|
||||
<!-- Script for the Quick Info bar -->
|
||||
<script type="text/javascript">
|
||||
$(document).ready(function(){
|
||||
$("#quickinfo_button").click(function(){
|
||||
$("#quickinfo").slideToggle();
|
||||
});
|
||||
});
|
||||
</script>
|
||||
<script type="text/javascript" src="../projects/insults/ShakespeareInsults.js"></script>
|
||||
<!-- End Script area -->
|
||||
|
||||
<!-- News Subheader area -->
|
||||
<div class="subheader">
|
||||
<div class="subheader_title">Welcome to my little patch of the Internet.</div>
|
||||
<div class="subheader_links">
|
||||
<div id="quickinfo_button" class="subheader_links_link" alt="Some quick intro information.">Where am I?</div>
|
||||
</div>
|
||||
<div class="clear"></div>
|
||||
</div>
|
||||
<!-- End News Subheader area -->
|
||||
<br />
|
||||
<!-- Quick Info area -->
|
||||
<div class="news_quickinfo_container" id="quickinfo">
|
||||
<div class="news_quickinfo">
|
||||
<p> The Internet Vagabond (sometimes TIV) is the personal website of Bill Niblock. It has his personal blog, travel logs, links to his social sites, and some other random things on it.</p>
|
||||
<p>This page, the "News" tab, is the home page, and provides updates site-wide. Any new <span style="background-color:#9999CC">adventures</span> and <span style="background-color:#99CC99">experiences</span> will be summarized here, along with <span style="background-color:#DDDDDD">other updates</span>.</p>
|
||||
<p>The "Adventures" tab is primarily for travel logs, but sometimes has project updates and other things. It also has links to his photo albums and videos.</p>
|
||||
<p>The "Experiences" tab is primarily for the personal blog, but does have reviews or other items of personal interest on it.</p>
|
||||
<p> The "About" tab is just some information about Bill, the site, and links to some of his profiles on other sites.</p>
|
||||
<p> Thanks for visiting!</p>
|
||||
</div>
|
||||
<br />
|
||||
</div>
|
||||
<!-- End Quick Info area -->
|
||||
|
||||
<!-- Place for articles and news before it's shuffled off to it's appropriate section -->
|
||||
<!-- ******************************************************************************** -->
|
||||
<div class="post" id="news">
|
||||
<div class="post_title">Insult with Style: The Dynamic Shakespeare Insult Generator</div>
|
||||
<div class="post_author">Posted by: Vagabond Azulien</div>
|
||||
<div class="post_date"></div>
|
||||
<div class="clean"></div>
|
||||
<hr class="post_hr" />
|
||||
<p>Based on an image I saw on Reddit, I have created a very simple Shakespeare Insult Generator!<br /><div onClick="poeticBurn();">CLICK HERE FOR POETIC JUSTICE</div><br />Eventually, I'll modify the code to have a non-alert notification, and then create a bookmarklet for on-the-fly insults with style!</p>
|
||||
</div>
|
||||
<br />
|
||||
<!-- ******************************************************************************** -->
|
||||
|
||||
<!-- ******************************************************************************** -->
|
||||
<div class="post_adventure" id="news">
|
||||
<div class="post_title">New Adventure: Ireland Travel Logs</div>
|
||||
<div class="post_author">Posted by: Vagabond Azulien</div>
|
||||
<div class="post_date"></div>
|
||||
<div class="clean"></div>
|
||||
<hr class="post_hr" />
|
||||
<p>After a two-year delay, I've finally put up my Ireland travel logs. You can find them via the Adventures tab above.</p>
|
||||
</div>
|
||||
<br />
|
||||
<!-- ******************************************************************************** -->
|
||||
|
||||
<!-- ******************************************************************************** -->
|
||||
<div class="post" id="news">
|
||||
<div class="post_title">Hello, Welcome, and Upcoming Changes</div>
|
||||
<div class="post_author">Posted by: Vagabond Azulien</div>
|
||||
<div class="post_date"></div>
|
||||
<div class="clean"></div>
|
||||
<hr class="post_hr" />
|
||||
<p> Welcome to The Internet Vagabond dot com, my little patch of e-dirt. Thanks for stopping by, and I hope you find something here worth your while. The site is still in a "beta" stage, so I'll use this post to provide a catalog of (hopefully) upcoming changes.
|
||||
<br />
|
||||
<ul>
|
||||
<li> Main (News) Page </li>
|
||||
<ul>
|
||||
<li> Deploy a way to automatically post updates without modifing the original HTML document (probably tied to Experiences) </li>
|
||||
</ul>
|
||||
<li> Adventures Page </li>
|
||||
<ul>
|
||||
<li> <span style="text-decoration: line-through;">Content</span>, Content, Content </li>
|
||||
<li> Create the preview page, which will be loaded into the main section for each adventure </li>
|
||||
<li> Deploy a means for reading articles in a @paged media layout </li>
|
||||
<li> Deploy a means for perma-linking to articles; possibly using the current article-view </li>
|
||||
</ul>
|
||||
<li> Experiences Page </li>
|
||||
<ul>
|
||||
<li> Content, content, content </li>
|
||||
<li> Deploy a way to automatically post updates without modifing the original HTML document (probably tied to Main(News)) </li>
|
||||
<li> Deploy a means for reading articles in a @paged media layout </li>
|
||||
<li> Deploy a means for perma-linking to articles; possibly using the current article-view </li>
|
||||
<li> Create a "floating window" for my Twitter, Google+ and links buttons to display their content in </li>
|
||||
<li> Figure out a way to get my Twitter and Google+ timelines into above-mentioned window </li>
|
||||
</ul>
|
||||
<li> About Page </li>
|
||||
<ul>
|
||||
<li> Develop my resume page, and link it to the appropriate sub-header button </li>
|
||||
</ul>
|
||||
<li> Site Wide </li>
|
||||
<ul>
|
||||
<li> Learn more about canvas, and try to remove as many pictures as possible </li>
|
||||
</ul>
|
||||
</ul>
|
||||
</p>
|
||||
</div>
|
||||
<br />
|
||||
<!-- ******************************************************************************** -->
|
||||
|
|
@ -1,381 +0,0 @@
|
|||
/*
|
||||
CSS for www.theinternetvagabond.com
|
||||
Written by Bill Niblock
|
||||
*/
|
||||
|
||||
/* =============================
|
||||
Utility Styles
|
||||
============================= */
|
||||
/*Custom Font classes*/
|
||||
@font-face{
|
||||
font-family: "header title";
|
||||
src: url("") format("truetype");
|
||||
}
|
||||
/* Font used for sub title.
|
||||
Font found on http://www.fontspace.com
|
||||
Font created by Michael Tension (mtension AT gmail DOT com)
|
||||
*/
|
||||
@font-face{
|
||||
font-family: "header sub";
|
||||
src: url("../trinkets/Prophecy_Script.ttf") format("truetype");
|
||||
}
|
||||
.clean{ clear:both;}
|
||||
|
||||
html{
|
||||
background-color: #DDDDDD;
|
||||
}
|
||||
|
||||
/* =============================
|
||||
Header Styles
|
||||
============================= */
|
||||
.header{
|
||||
position:fixed; top:0px; left:5%; z-index:11; z-index: 2;
|
||||
height:120px; min-width: 1000px; max-width: 1000px;
|
||||
background: url("../trinkets/h_bg.png") no-repeat left top;
|
||||
}
|
||||
.header_title{
|
||||
margin-left: 200px;
|
||||
font: 2.5em "header title";
|
||||
}
|
||||
/*
|
||||
.header_title:first-letter{
|
||||
font: 2.65em "header title";
|
||||
vertical-align: -35px;
|
||||
}
|
||||
*/
|
||||
.header_sub{
|
||||
font: 1.4em "header sub";
|
||||
text-align: center; vertical-align: center;
|
||||
}
|
||||
.navbar{
|
||||
position: relative; left: 150px; bottom: 20px;
|
||||
width: 80%;
|
||||
}
|
||||
.navlink{
|
||||
float: left; width:25%; height: 28px;
|
||||
background-color: #666699;
|
||||
display: block; text-align: center; color: #CCCCCC;
|
||||
font-size: x-large; letter-spacing: 2px;
|
||||
cursor: pointer;
|
||||
}
|
||||
/* min-width: 240px; */
|
||||
.navat{
|
||||
float:left; width:25%; height: 28px;
|
||||
background-color: #CCCCCC;
|
||||
display: block; text-align: center; color: #666699;
|
||||
font-size: x-large; letter-spacing: 2px;
|
||||
cursor: crosshair;
|
||||
}
|
||||
/* =============================
|
||||
Sub-Header Styles
|
||||
============================= */
|
||||
.subheader{
|
||||
position: fixed; top: 120px; left: 5%; right: 5%; z-index: 2;
|
||||
border: 1px #666699 solid; border-radius: 10px;
|
||||
height: 35px;
|
||||
background-color: #666699;
|
||||
}
|
||||
.subheader_title{
|
||||
float: left;
|
||||
color: #CCCCCC; font-size: x-large; font-weight: bolder; letter-spacing: 2px;
|
||||
margin: 2px 15px; padding: 2px;
|
||||
}
|
||||
.subheader_links{
|
||||
float: left;
|
||||
position: absolute; right: 20px;
|
||||
}
|
||||
.subheader_links_link{
|
||||
float:left;
|
||||
font-weight: bold; letter-spacing: 2px; color: #444444;
|
||||
padding: 5px 15px; margin: 6px 10px;
|
||||
border: 3px #996666 solid; border-radius: 5px;
|
||||
background-color: #CC9999;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
/* =============================
|
||||
New Footer Styles
|
||||
============================= */
|
||||
.footer{
|
||||
position: fixed; bottom: -20px; left: 10px; right: 10px; height: 17px; z-index: 10;
|
||||
border: 1px #666699 solid; border-top-left-radius: 5px; border-top-right-radius: 5px;
|
||||
background-color: #666699;
|
||||
-o-transition-property: bottom;
|
||||
-moz-transition-property: bottom;
|
||||
-webkit-transition-property: bottom;
|
||||
-o-transition-duration: 1s;
|
||||
-moz-transition-duration: 1s;
|
||||
-webkit-transition-duration: 1s;
|
||||
}
|
||||
.footer:hover{ bottom: 0px;}
|
||||
.footer_notice{
|
||||
position: absolute; left: 0px; right: 0px; margin-left: auto; margin-right: auto; width: 400px;
|
||||
text-align: center;
|
||||
}
|
||||
.footer_notice_text{
|
||||
font-weight: lighter; font-size: 10px; letter-spacing: 2px; color: #444444;
|
||||
padding: 1px 7px; margin: -6px 10px 0px;
|
||||
border: 3px #996666 solid; border-radius: 5px;
|
||||
background-color: #CC9999;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
|
||||
/* =============================
|
||||
Old Footer Styles
|
||||
================================
|
||||
.footer{
|
||||
position:fixed; bottom:0px; left:0px; right:0px; z-index:10;
|
||||
margin-left:25%; margin-right:25%; padding-top:5px; padding-bottom:5px;
|
||||
height:25px; width: 760px; min-width: 760px;
|
||||
background-color:#111111; opacity:0.9;
|
||||
border-top-left-radius: 60px; border-top-right-radius: 60px;
|
||||
}
|
||||
.foot_left{
|
||||
float:left; width: 20%; min-width:200px; height:25px; padding-left:5px; padding-right: 25px;
|
||||
border-right: 1px solid #AAAAAA;
|
||||
}
|
||||
.foot_right{
|
||||
float:left; width: 35%; min-width:200px; height:25px;
|
||||
border-left: 1px solid #AAAAAA;
|
||||
}
|
||||
.footer_img{
|
||||
float:left;
|
||||
padding-left:25px;
|
||||
}
|
||||
.foot_center{
|
||||
float:left; width: 30%; min-width:250px; height:35px;
|
||||
vertical-align: middle; text-align:center;
|
||||
}
|
||||
.footer_info{
|
||||
font: italic 6px ariel, sans-serif;
|
||||
color: #CCCCCC; letter-spacing: 1px;
|
||||
}
|
||||
|
||||
==============================*/
|
||||
|
||||
/* =============================
|
||||
Left-bar Styles
|
||||
==============================*/
|
||||
.leftbar{
|
||||
position:fixed; left:0px; top:100px; bottom:0px; z-index:10;
|
||||
margin-top:10%; margin-bottom:10%; width:15px; min-height: 400px;
|
||||
padding-top: 30px; padding-bottom: 30px; padding-left:5px;
|
||||
border-top: 2px solid blue; border-right: 2px solid blue; border-bottom: 2px solid blue;
|
||||
border-bottom-right-radius: 120px; border-top-right-radius: 120px;
|
||||
background-color: #666699;
|
||||
overflow: hidden; white-space: nowrap;
|
||||
-o-transition-property: width, border-bottom-right-radius, border-top-right-radius;
|
||||
-o-transition-duration: 2s, 2s, 2s;
|
||||
}
|
||||
.leftbar:hover{ width:250px; border-bottom-right-radius: 20px; border-top-right-radius: 20px;}
|
||||
|
||||
/*.spacer{
|
||||
position:absolute; right:0px; top:0px; bottom:0px; width:15px;
|
||||
border-bottom-right-radius: 120px; border-top-right-radius: 120px;
|
||||
background-color: #6666DD; color: #DDDDDD; vertical-align: middle;
|
||||
}
|
||||
*/
|
||||
.leftlist{
|
||||
list-style: none;
|
||||
}
|
||||
.left_title{
|
||||
font: italic 14px ariel, sans-serif;
|
||||
color: #CCCCCC; letter-spacing: 1px;
|
||||
margin-left:20px;
|
||||
}
|
||||
.left_sep{
|
||||
margin-left:15px; margin-right:15px; width:220px;
|
||||
}
|
||||
|
||||
|
||||
/* =============================
|
||||
Main Styles
|
||||
============================= */
|
||||
.main{
|
||||
position: fixed; left: 7%; top: 120px; bottom: 5px; right: 7%;
|
||||
min-height: 400px; padding: 40px 20px 20px 20px; overflow: auto;
|
||||
/*border-top: 3px blue solid; border-left: 3px blue solid; border-top-left-radius: 20px; */
|
||||
}
|
||||
.h_left{
|
||||
position: absolute; left: 5px; top:5px; bottom:5px; right:5px; min-width:900px;
|
||||
}
|
||||
|
||||
/* =============================
|
||||
News Styles
|
||||
============================= */
|
||||
.news_quickinfo_container{
|
||||
display: none;
|
||||
}
|
||||
|
||||
.news_quickinfo{
|
||||
padding: 5px;
|
||||
border: 3px solid #996666; border-radius: 20px;
|
||||
background-color: #CC9999;
|
||||
}
|
||||
|
||||
.post{
|
||||
position: relative;
|
||||
padding: 5px;
|
||||
border: 3px solid #666699; border-radius: 20px;
|
||||
background-color: #DDDDDD;
|
||||
}
|
||||
|
||||
.post_adventure{
|
||||
position: relative;
|
||||
padding: 5px;
|
||||
border: 3px solid #666699; border-radius: 20px;
|
||||
background-color: #9999CC;
|
||||
}
|
||||
|
||||
.post_experience{
|
||||
position: relative;
|
||||
padding: 5px;
|
||||
border: 3px solid #666699; border-radius: 20px;
|
||||
background-color: #99CC99;
|
||||
}
|
||||
|
||||
.post_title{
|
||||
float:left; padding: 0px 10px;
|
||||
font-size: large; font-weight:bold;
|
||||
}
|
||||
.post_author{
|
||||
float:left;
|
||||
position: absolute; right: 20px;
|
||||
}
|
||||
.post_date{
|
||||
float:left;
|
||||
}
|
||||
.post_hr{ width:75%;}
|
||||
|
||||
/* =============================
|
||||
Adventure Styles
|
||||
============================= */
|
||||
|
||||
.adv_main{
|
||||
|
||||
}
|
||||
.adv_list{
|
||||
float: left;
|
||||
position: absolute; top: 50px; bottom: 20px; width: 20%; padding: 5px;
|
||||
border: 3px #CDCDCD solid; border-radius: 5px;
|
||||
background-color: #CBCBCB; box-shadow: 0px 0px 30px 10px #CBCBCB;
|
||||
}
|
||||
.adv_logs_title{
|
||||
font-weight: bolder; letter-spacing: 2px;
|
||||
text-align: center;
|
||||
color: #666699;
|
||||
}
|
||||
|
||||
.adv_list_item{
|
||||
border: 3px #666699 solid; border-radius: 5px;
|
||||
width: 80%; margin-left: auto; margin-right: auto;
|
||||
}
|
||||
|
||||
.adv_li_location{
|
||||
font-weight: bold; letter-spacing: 2px; color: #444444; text-align: center;
|
||||
background-color: #9999CC;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.adv_li_location:hover{
|
||||
background-color: #666699; color: #CCCCCC;
|
||||
}
|
||||
|
||||
.adv_li_links{
|
||||
display: none;
|
||||
}
|
||||
|
||||
.adv_li_links_link{
|
||||
float: left;
|
||||
}
|
||||
|
||||
.adv_hr{
|
||||
color: blue; background-color: blue;
|
||||
width: 65%;
|
||||
}
|
||||
|
||||
.adv_content{
|
||||
float:left; width: 68%; padding: 5px;
|
||||
position: absolute; top: 45px; bottom: 10px; right: 15px;
|
||||
border: 1px solid #DDDDDD; border-radius: 18px;
|
||||
background-color: #DDDDDD;
|
||||
}
|
||||
|
||||
.adv_popup_links{
|
||||
display: none; position: fixed; left: 10%; width: 400px; z-index: 10;
|
||||
border: 2px solid #333333; border-radius: 20px;
|
||||
background-color: #BBBBBB; color: red;
|
||||
}
|
||||
|
||||
/* =============================
|
||||
Experience Styles
|
||||
============================= */
|
||||
.exp_list{
|
||||
float: left;
|
||||
position: absolute; top: 50px; bottom: 20px; right: 20px; width: 20%; padding: 5px;
|
||||
border: 3px #CDCDCD solid; border-radius: 5px;
|
||||
background-color: #CBCBCB; box-shadow: 0px 0px 30px 10px #CBCBCB;
|
||||
}
|
||||
.exp_logs_title{
|
||||
font-weight: bolder; letter-spacing: 2px;
|
||||
text-align: center;
|
||||
color: #666699;
|
||||
}
|
||||
|
||||
.exp_logs_location{
|
||||
font-weight: bold; letter-spacing: 2px; color: #444444; text-align: center;
|
||||
padding: 5px; width: 80%; margin-left: auto; margin-right: auto;
|
||||
border: 3px #669966 solid; border-radius: 5px;
|
||||
background-color: #99CC99;
|
||||
cursor: pointer;
|
||||
}
|
||||
.exp_logs_location:hover{
|
||||
background-color: #669966; color: #CCCCCC;
|
||||
}
|
||||
.exp_logs_a{ text-decoration: none; color: #444444;}
|
||||
.exp_logs_a:link{ text-decoration: none; color: #444444;}
|
||||
.exp_logs_a:hover{ text-decoration: none; color: black;}
|
||||
.exp_logs_a:visited{ text-decoration: none; color: #444444;}
|
||||
.exp_logs_a:focus{ text-decoration: none; color: #444444;}
|
||||
.exp_hr{
|
||||
color: blue; background-color: blue;
|
||||
width: 65%;
|
||||
}
|
||||
|
||||
.exp_popup{
|
||||
position: fixed; left: 10%; top: 25%; z-index: 10;
|
||||
padding: 5px;
|
||||
}
|
||||
|
||||
.exp_popup_tweets{
|
||||
display: none; float: left; width: 250px; height: 60%; z-index: 10;
|
||||
padding: 5px; margin: 5px; border: 2px solid blue; border-radius: 20px;
|
||||
background-color: #BBBBBB; color: blue;
|
||||
}
|
||||
|
||||
.exp_popup_gplus{
|
||||
display: none; float: left; width: 250px; height: 500px; z-index: 11;
|
||||
padding: 5px; margin: 5px; border: 2px solid red; border-radius: 20px;
|
||||
background-color: #BBBBBB; color: red;
|
||||
}
|
||||
|
||||
.exp_popup_links{
|
||||
display: none; float: left; width: 250px; height: 500px; z-index: 12;
|
||||
padding: 5px; margin: 5px; border: 2px solid green; border-radius: 20px;
|
||||
background-color: #BBBBBB; color: green;
|
||||
}
|
||||
|
||||
/* =============================
|
||||
About Styles
|
||||
============================= */
|
||||
.about_section{
|
||||
padding: 5px;
|
||||
border: 2px solid #666699; border-radius: 20px;
|
||||
background-color: #DDDDDD;
|
||||
}
|
||||
|
||||
.about_hr{
|
||||
width:10%;
|
||||
color: #666699; background-color: #666699;
|
||||
}
|
||||
|
|
@ -1,44 +0,0 @@
|
|||
/* Scripts for The Internet Vagabond
|
||||
www.theinternetvagabond.com
|
||||
By Bill "Azulien" Niblock
|
||||
*/
|
||||
|
||||
//Main-Footer/Article-Header Information Array Functions
|
||||
var footer_x = 0;
|
||||
var footer_text = new Array("The Internet Vagabond © 2009-2012", "azulien@theinternetvagabond.com", "Optimized for Opera", "Built in Notepad++");
|
||||
function cycleArray(){
|
||||
footer_x+=1;
|
||||
if (footer_x > (footer_text.length - 1)){ footer_x = 0;}
|
||||
document.getElementById("vagabond_notice").innerHTML=footer_text[footer_x];
|
||||
}
|
||||
|
||||
//Main Header-Button Functions
|
||||
$(document).ready(function() {
|
||||
$(".navlink").click(function(){
|
||||
$("#main_screen").load("doodads/" + this.id + ".html", {},
|
||||
function(responseText, textStatus, XMLHttpRequest){
|
||||
if (textStatus==="error"){$("#bodystuff").load("doodads/wandering.php");}
|
||||
});
|
||||
$(".navat").removeClass("navat").addClass("navlink");
|
||||
$(this).removeClass("navlink").addClass("navat");
|
||||
});
|
||||
$("#news").removeClass("navlink").addClass("navat");
|
||||
});
|
||||
|
||||
//Pop-up boxes for Twitter/G+ feeds, links, and the change log
|
||||
function popupWindow(windowID){
|
||||
if (document.getElementById(windowID).style.display=="block"){
|
||||
document.getElementById(windowID).style.display="none";
|
||||
document.getElementById(windowID + "_button").style.backgroundColor="#CC9999";
|
||||
document.getElementById(windowID + "_button").style.color="#444444";}
|
||||
else {
|
||||
document.getElementById(windowID).style.display="block";
|
||||
document.getElementById(windowID + "_button").style.backgroundColor="#996666";
|
||||
document.getElementById(windowID + "_button").style.color="#CCCCCC";}
|
||||
}
|
||||
|
||||
/*jQuery Sub-header pop-up window function
|
||||
$(document).ready(function() {
|
||||
$(
|
||||
|
||||
*/
|
||||
|
|
@ -1,7 +0,0 @@
|
|||
<table align="center" width="100%" cellspacing="25">
|
||||
<tr><td class="body">
|
||||
<div class="title">Error</div>
|
||||
<div class="entry">
|
||||
Oops...looks like you've wandered off somewhere. Care to come back? <br /> (This page isn't implemented yet)
|
||||
</div>
|
||||
</td></tr></table>
|
||||
|
|
@ -7,7 +7,7 @@
|
|||
content="Rants of a wandering techy, in search of truth, knowledge, and a decent ping." />
|
||||
<meta name="author" content="Bill 'Vagabond Azulien' Nibz" />
|
||||
|
||||
<link rel="stylesheet" type="text/css" href="styles_wip.css" />
|
||||
<link rel="stylesheet" type="text/css" href="source/styles.css" />
|
||||
</head>
|
||||
<body>
|
||||
|
||||
|
|
|
|||
|
|
@ -1,32 +0,0 @@
|
|||
<!DOCTYPE HTML>
|
||||
<html>
|
||||
<head>
|
||||
<title>The Internet Vagabond :: Adventures</title>
|
||||
<meta name="description" content="The rants of the wandering computer scientist, constantly in search of truth, knowledge, and a decent ping." />
|
||||
<meta name="keywords" content="internet, vagabond" />
|
||||
<meta name="author" content="Bill 'Vagabond Azulien' Nibz" />
|
||||
|
||||
<link rel="stylesheet" type="text/css" href="../vagabondcamo_articles.css" />
|
||||
<script type="text/javascript" src="../../doodads/jquery.js"></script>
|
||||
<script type="text/javascript" src="../../doodads/vagabondsigns.js"></script>
|
||||
|
||||
</head>
|
||||
<body>
|
||||
<div class="header_articles">
|
||||
<div class="header_articles_links">
|
||||
<a href="#top" class="header_articles_a"><div class="header_articles_links_left">Back to the Article Home</div></a>
|
||||
<a href="http://www.theinternetvagabond.com" class="header_articles_a"><div class="header_articles_links_right">Back to The Internet Vagabond Home</div></a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="article" id="main_screen">
|
||||
<!-- The location of the article -->
|
||||
<?php require("articles/ireland_log.html"); ?>
|
||||
</div>
|
||||
<div class="footer_articles">
|
||||
<div class="footer_articles_notice">
|
||||
<div id="vagabond_notice" class="footer_articles_notice_text" onClick="cycleArray()">The Internet Vagabond © 2009-2012</div>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
|
|
@ -1,100 +0,0 @@
|
|||
Hrotger Abelard HP: 127/127[0]
|
||||
Lawful Neutral Dwarf Male
|
||||
>Fighter[Armor Master](d10): 9<
|
||||
|
||||
STR: 18 20 (+5) FORT: +14 AC: 32 [Touch: 19][FF: 28][Sentinel: +1][DR 6/-]
|
||||
DEX: 16 18 (+4) Attacks[Init: +2][BAB: +9/+4]
|
||||
CON: 20 22 (+6) REF: +9 Sentinel [+16/+11 -- 1d10+8,x3]
|
||||
INT: 9 9 (-1) Aegis [+15/+10 -- 1d8+6,x2]
|
||||
WIS: 12 12 (+1) WILL: +9 Sentinel + Aegis [+12/+7; +11 -- 1d10+8,x3; 1d8+6,x2]
|
||||
CHA: 6 6 (-4) Forge Spirit [+15/+10 -- 1d6+6,x2]
|
||||
|
||||
Languages: Common, Dwarven
|
||||
======================================================================================
|
||||
Skills[F-1]: Feats/Features:
|
||||
Acrobatics: 05 = 02 + 04 - 01 [T] Armor Expert {-1 Armor check penalty for suits of armor}
|
||||
Climb: 10 = 03 + 05 + 02 [T] Indomitable Faith {+1 Will}
|
||||
Perception: 13 = 09 + 01 + 03 [-] Slow and Steady {Movement Speed 20; Never modified by armor/encumbrance}
|
||||
Survival: 05 = 01 + 01 + 03 [-] Darkvision, 60ft.
|
||||
Swim: 10 = 03 + 05 + 02 [-] Defensive Training {+4 AC vs giant subtypes}
|
||||
[-] Greed {+2 Appraise for precious metals/gemstones}
|
||||
[-] Hatred {+1 to hit against humanoid orc/goblinoids}
|
||||
[-] Hardy {+2 Save vs. poison, spells and spell-like abilities}
|
||||
[-] Stability {+4 CMD vs bull rush/trip while on the ground}
|
||||
[-] Stonecunning {+2 Perception regarding stone; Automatic check when near stone features}
|
||||
[-] Weapon Familiarity {battleaxe, heavy pick, warhammer, any "dwarven" weapon}
|
||||
[1] Toughness {+9 HP}
|
||||
[F] Bonus Feat: Shield Focus {+1 AC with shields}
|
||||
[F] Deflective Shield {+3 touch AC}
|
||||
[F] Bonus Feat: Improved Shield Bash {Maintain shield AC during shield bash}
|
||||
[3] Two-Weapon Fighting
|
||||
[F] Armor Training {-3 Armor check penalty; +3 Maximum Dex bonus}
|
||||
[F] Bonus Feat: Shield Slam {Free bull rush after shield bash}
|
||||
[5] Weapon Focus: Dwarven Waraxe {+1 to hit with waraxe}
|
||||
[F] Armored Defense {DR 3/- while wearing heavy armor}
|
||||
[F] Bonus Feat: Weapon Specialization: Dwarven Waraxe {+2 damage with waraxe}
|
||||
[7] Missle Shield {Deflect one ranged attack per round}
|
||||
[F] Bonus Feat: Greater Shield Focus {Additional +1 AC with shields}
|
||||
[9] Iron Will {+2 Will}
|
||||
[F] Fortification {All armor I wear has light fortification (25% ignore critical hit/sneak attack)}
|
||||
|
||||
======================================================================================
|
||||
Equipment[4gp 18sp 20cp]
|
||||
16050gp 60lbs +1 Spiked Adamantine Full Plate [+10AC, +5DEX, -1ACP, DR 3/-]
|
||||
5010 10 "Aegis of the Stone Legion" (+1 Spiked Bashing Heavy Mithril Shield) [+5AC, 0ACP, +1 HIT, +1 DAM]
|
||||
8000 - Ring of Protection +2
|
||||
4000 1 Cloak of Resistance +2
|
||||
2000 - Amulet of Natural Armor +1
|
||||
5000 - Belt of Physical Might +2 [Crafted by Wendell]
|
||||
2500 1 Boots of the Winterlands
|
||||
4000 1 Sash of the War Champion {Effective Fighter Level +4}
|
||||
|
||||
8000 2 "Forge Spirit" (+1 Returning Throwing Axe)
|
||||
- 8 "Sentinel" (+1 Defending Dwarven Waraxe)
|
||||
|
||||
Backpack[122 |>(0-133)<||(134-266)||(267-400)|]
|
||||
2 5 Crowbar
|
||||
- 5 Bedroll
|
||||
- 3 Blanket, Winter
|
||||
10 2 Flask (Kaltenheim Scotch)
|
||||
- - Gaming Dice
|
||||
1 - Heimdall Holy Symbol, Wooden
|
||||
1 10 Hemp Rope, 50ft.
|
||||
1 1 Iron Tankard
|
||||
|
||||
2 8 Waterskin (Full), x2
|
||||
3 5 Trail Ration, x5
|
||||
|
||||
======================================================================================
|
||||
Backstory
|
||||
======================================================================================
|
||||
Name: Hrotger Abelard; Rank: Captain Sentinel; Legion: Stone. I was born, the youngest of my family, to my father, the General Jonas Abelard and his wife, the master artisan Helga Aeuland. Jonas Abelard was a legend in the Orc Wars, helping to defend Kaltenheim and the known world. His armor was gifted to me when he retired. Helga Abelard has crafted some of the finest tapestries that Kaltenheim has seen, many of which fly in the temples of the city and beyond. My brothers, Dietrich and Gotfried, both served in the military. Dietrich retired into a life of whale hunting, and Gotfried found his calling as a priest of Odin, the all-father. My sister, Alexandria, is apprentice to my mother, continuing a family trade to bring up great favor for centuries to come. Following closest in my father's footsteps, I have taken up the matle of protecting Kaltenheim and her surrounding lands as a member of the Stone Legion: a sect of the Kaltenheim army designated as guardsman, sentinels and defenders. I achieved my rank through hard work and dedication, not through entitlement. As a reward for my steadfast servitude, I have received many rewards. My shield was gifted to me upon achieving the rank of Captain, and has done much to aid in my continued progression. Forge Spirit was a gift from a hermit whom my squad of Legionaries were assigned to seek out and protect from an Orcish raiding party. He told me that it's true potential lies in fire, where the true spirit of the forge manifests. Sentinel, my waraxe, was a gift from Heimdall himself. After the nightmarish visions of Akavasha, the high priest of Heimdall arrived at my door bearing the axe and a message: it is time to protect the realm once again. Take up your father's legend, and use it to forge your own. When a group of adventures arrived later that day, I knew what Heimdall had meant, and I met up to journey with them. Together, we go to save the world once more.
|
||||
|
||||
======================================================================================
|
||||
Progression
|
||||
======================================================================================
|
||||
Level 10 Bonus Fighter Feat: Greater Weapon Focus: Dwarven Waraxe {+1 to hit with waraxe}
|
||||
Level 11 Feat: Shield Master
|
||||
Level 12 Bonus Fighter Feat: Greater Weapon Specialization: Dwarven Waraxe {+2 damage with waraxe}
|
||||
Level 12 Stat Boost: DEX
|
||||
Level 13 Feat: Improved Two-Weapon Fighting
|
||||
|
||||
Weaknesses
|
||||
Major:
|
||||
- Rely almost entirely on armor. Any armor will do, though.
|
||||
- Remedy: Perhaps a means for summoning armor?
|
||||
- No elemental resistances.
|
||||
- Resist Energy is a pretty solid solution. Having perhaps a use/day item could be worth seeking out, or potions.
|
||||
Minor:
|
||||
- Slow
|
||||
- Boots can speed me up, as can spells, if necessary.
|
||||
- Few/low skills
|
||||
- Probably not terribly important. I'm the meat shield, not the scholar.
|
||||
- CHA of 6
|
||||
- Well... get +CHA items? If it's really worth it. I guess if I'm rolling in money I can get a +4 CHA item...
|
||||
|
||||
Desired Items
|
||||
- Continually improved Amulet of Natural Armor, Ring of Protection, Cloak of Resistance, Belt of Physical Might, Armor, Shield, and Weapons
|
||||
- A use/day Resist Energy item -OR- +18000gp/element addition to armor (I envision a dwarven rune)
|
||||
- Mantle of Spell Resistance
|
||||
- Potions: Healing, Resist Energy, Movement Speed/Haste, +CON/STR
|
||||
|
|
@ -1,33 +0,0 @@
|
|||
<!DOCTYPE HTML>
|
||||
<html>
|
||||
<head>
|
||||
<title>The Internet Vagabond :: Experiences</title>
|
||||
<meta name="description" content="The rants of the wandering computer scientist, constantly in search of truth, knowledge, and a decent ping." />
|
||||
<meta name="keywords" content="internet, vagabond" />
|
||||
<meta name="author" content="Bill 'Vagabond Azulien' Nibz" />
|
||||
|
||||
<link rel="stylesheet" type="text/css" href="../vagabondcamo_articles.css" />
|
||||
<script type="text/javascript" src="../../doodads/jquery.js"></script>
|
||||
<script type="text/javascript" src="../../doodads/vagabondsigns.js"></script>
|
||||
<script type="text/javascript" src="ShakespeareInsults.js"></script>
|
||||
|
||||
</head>
|
||||
<body>
|
||||
<div class="header_articles">
|
||||
<div class="header_articles_links">
|
||||
<a href="#top" class="header_articles_a"><div class="header_articles_links_left">Back to the Experiences Home</div></a>
|
||||
<a href="http://www.theinternetvagabond.com" class="header_articles_a"><div class="header_articles_links_right">Back to The Internet Vagabond Home</div></a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="article" id="main_screen">
|
||||
<!-- The location of the article -->
|
||||
<div onClick="poeticBurn();"> CLICK FOR POETIC JUSTICE </div>
|
||||
</div>
|
||||
<div class="footer_articles">
|
||||
<div class="footer_articles_notice">
|
||||
<div id="vagabond_notice" class="footer_articles_notice_text" onClick="cycleArray()">The Internet Vagabond © 2009-2012</div>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
|
|
@ -1,19 +0,0 @@
|
|||
<!DOCTYPE HTML>
|
||||
<html>
|
||||
<head>
|
||||
<title>The Internet Vagabond :: Home</title>
|
||||
<meta name="description" content="The rants of the wandering computer scientist, constantly in search of truth, knowledge, and a decent ping." />
|
||||
<meta name="keywords" content="internet, vagabond" />
|
||||
<meta name="author" content="Bill 'Vagabond Azulien' Nibz" />
|
||||
|
||||
<link rel="stylesheet" type="text/css" href="doodads/vagabondcamo_articles.css" />
|
||||
<script type="text/javascript" src="../doodads/vagabondsigns.js"></script>
|
||||
|
||||
</head>
|
||||
<body>
|
||||
|
||||
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
||||
|
|
@ -1,81 +0,0 @@
|
|||
/*
|
||||
CSS for www.theinternetvagabond.com
|
||||
Written by Bill Niblock
|
||||
*/
|
||||
|
||||
html{
|
||||
background-color: #DDDDDD;
|
||||
}
|
||||
|
||||
/* =============================
|
||||
Header Styles
|
||||
============================= */
|
||||
.header_articles{
|
||||
position: fixed; top: 0px; left: 10px; right: 10px; z-index: 10;
|
||||
border: 1px #666699 solid; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px;
|
||||
height: 17px;
|
||||
background-color: #666699
|
||||
}
|
||||
.header_articles_links{
|
||||
position: absolute; left: 0px; right: 0px; margin-left: auto; margin-right: auto; width: 100%;
|
||||
text-align: center;
|
||||
}
|
||||
.header_articles_links_left{
|
||||
float: left; position: absolute; left: 10px;
|
||||
font-weight: lighter; font-size: 10px; letter-spacing: 2px; color: #444444;
|
||||
padding: 1px 7px; margin: 6px 10px 0px; width: 250px;
|
||||
border: 3px #996666 solid; border-radius: 5px;
|
||||
background-color: #CC9999;
|
||||
cursor: pointer;
|
||||
}
|
||||
.header_articles_links_center{
|
||||
float: left; position: absolute; left: 0px; right: 0px;
|
||||
font-weight: lighter; font-size: 10px; letter-spacing: 2px; color: #444444;
|
||||
padding: 1px 7px; margin: 6px auto 0px; width: 300px;
|
||||
border: 3px #996666 solid; border-radius: 5px;
|
||||
background-color: #CC9999;
|
||||
cursor: pointer;
|
||||
}
|
||||
.header_articles_links_right{
|
||||
float: left; position: absolute; right: 10px;
|
||||
font-weight: lighter; font-size: 10px; letter-spacing: 2px; color: #444444;
|
||||
padding: 1px 7px; margin: 6px 10px 0px; width: 250px;
|
||||
border: 3px #996666 solid; border-radius: 5px;
|
||||
background-color: #CC9999;
|
||||
cursor: pointer;
|
||||
}
|
||||
.header_articles_a{ text-decoration: none; color: #444444;}
|
||||
.header_articles_a:hover{ text-decoration: none; color: #444444;}
|
||||
.header_articles_a:visited{ text-decoration: none; color: #444444;}
|
||||
.header_articles_a:active{ text-decoration: none; color: #444444;}
|
||||
.header_articles_a:link{ text-decoration: none; color: #444444;}
|
||||
|
||||
/* =============================
|
||||
Footer Styles
|
||||
============================= */
|
||||
|
||||
.footer_articles{
|
||||
position: fixed; bottom: 0px; left: 10px; right: 10px; z-index: 10;
|
||||
border: 1px #666699 solid; border-top-left-radius: 5px; border-top-right-radius: 5px;
|
||||
height: 17px;
|
||||
background-color: #666699
|
||||
}
|
||||
.footer_articles_notice{
|
||||
position: absolute; left: 0px; right: 0px; margin-left: auto; margin-right: auto; width: 400px;
|
||||
text-align: center;
|
||||
}
|
||||
.footer_articles_notice_text{
|
||||
font-weight: lighter; font-size: 10px; letter-spacing: 2px; color: #444444;
|
||||
padding: 1px 7px; margin: -6px 10px 0px;
|
||||
border: 3px #996666 solid; border-radius: 5px;
|
||||
background-color: #CC9999;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
/* =============================
|
||||
Article Styles
|
||||
============================= */
|
||||
.article{
|
||||
position: fixed; left: 5px; top: 15px; bottom: 15px; right: 5px;
|
||||
padding: 10px; overflow: auto; white-space: pre-wrap;
|
||||
}
|
||||
|
Before Width: | Height: | Size: 110 KiB After Width: | Height: | Size: 110 KiB |
|
Before Width: | Height: | Size: 1.7 KiB After Width: | Height: | Size: 1.7 KiB |
|
Before Width: | Height: | Size: 1.5 KiB After Width: | Height: | Size: 1.5 KiB |
|
Before Width: | Height: | Size: 3.4 KiB After Width: | Height: | Size: 3.4 KiB |
|
Before Width: | Height: | Size: 6.8 KiB After Width: | Height: | Size: 6.8 KiB |
|
Before Width: | Height: | Size: 2.4 KiB After Width: | Height: | Size: 2.4 KiB |
|
Before Width: | Height: | Size: 21 KiB After Width: | Height: | Size: 21 KiB |
|
Before Width: | Height: | Size: 1.2 KiB After Width: | Height: | Size: 1.2 KiB |
Loading…
Reference in a new issue