Textarea color
I am building a chat. Is it possible to have different rows in different colors in a textarea? Is there any solution, like adding colored labels into a textarea?
I am java newbie!
Thanks / Henrik
I am java newbie!Okay, next time try searching before you ask. If you search this forum for "chat" I predict you will find hundreds of links, many asking this question. And the answer usually given is:
If you are using Swing, then use a JTextPane or some such complex object. If not, then you can use a Canvas and draw the text on it yourself.
Similar Messages
-
White background or Black background suited for long term watching ?
Hello,
I saw many desktop themes with white or light grey background a few years ago, but now, many of them turn into black background with white or blue or cyan or others color of fonts.
As a programmer, I am just curious about the theme: which type is suited for long term use of computer?
I have tried both, and found grey background is easy to read because it is similiar to read on paper, but it looks like a lighting-bulb!; black background with blue font is cool, along with less luminosity, seems free my eyes.
But another problem is the color choosing. With light grey background, it seems any color is right. But with black background, colors should be carefully selected, since some colors are not suit black background at all.
Grayscale is another one. With light grey background, I can easily tune my font in grayscale, like Japanese cartoon paper (I like it very much!), gracifully to distinct keywords. But with black background, it is ugly to use grayscale to distinct keywords.
How about your ideas?
Last edited by ShinChyn (2010-05-29 08:20:50)Dont mean to duplicate your effort Ogion, but Hrwa's Dark Forum userstyle worked well for me, and I only made a few changes. Here's what I use:
@namespace url(http://www.w3.org/1999/xhtml);
@-moz-document domain("bbs.archlinux.org") {
/*#brdheader .box, #punredirect.pun{
background-image: url(http://stashbox.org/485258/2.png) !important;
body{
background: /*url(http://stashbox.org/485257/1.png)repeat-x top left */#111111 !important;}
td.tcl, td.tcr, #idx1>.box, #idx2>.box, #idx3>.box, #idx4>.box,
#brdstats.block>.box, #brdfooter.block>.box, #vf.blocktable>.box, .box>form,
.rowodd>.box>.inbox, .roweven>.box>.inbox, .roweven>.box, .rowodd>.box, h2,
.fakeform, #searchform.blockform>.box, .pun>.blockform>.box,
#users1.blocktable>.box,.block2col >.blockmenu >.box, .rowodd, .roweven,
#postpreview.blockpost>.box, #punredirect.pun>.block>.box>.inbox,
#punredirect.pun>.block>.box, #helpfile>.box{
background-color: #222222 !important;
border-color: #111111 !important}
th.tcl, th.tcr, .tc2, .tc3, blockquote, .codebox, .infldset>dl>dd{
background-color: #333333 !important;
border-color: #111111 !important;}
.tcl, .tc3, .tc2, .tcr, dd, dd>a:hover, .tcr>a:hover, h3>a:hover,
.conr>li>a:hover, .conl>li, .linkst>.inbox>ul>li>a:hover, .pagelink>a:hover,
.tclcon>a:hover, .tclcon>strong>a:hover, .postlink>a:hover, .conr>li>a:hover,
.subscribelink>a:hover, .postmsg>p, .postsignature, .incqbox, dt>strong>a:hover,
.postmsg>p>a:hover, .postsignature>strong>a:hover, .postsignature>a:hover,
.postquote>a:hover, .bblinks>li>a:hover, .incqbox>p>a:hover, .infldset>dl>dt,
.clearb, .conl, #profile1>p, .isactive>a, .postleft>dl>dt>strong,.infldset,
.linkst>.inbox>ul>li, .pun select, .postlinksb>.inbox>ul>li, .postfootleft>p,
#punredirect.pun>.block>.box>.inbox>p,
#punredirect.pun>.block>.box>.inbox>p>a:hover, .newtext>a:hover, .tc2>a:hover,
.postlinksb>.inbox>ul>li>a:hover, #helpfile>.box, .postedit>a:hover{
color: #999999 !important}
/* textbox */
.inform>fieldset>legend { color:#999999 !important;}
.infldset>label>textarea { color:#111111 !important; }
.postleft, .postfootleft, .blockpost label, .pun select{
background-color: #303030 !important}
.postright, .postfootright{
background-color: #222222 !important;
border-color: #303030 !important}
.icon{border-color: #999999 !important;}
.inew{border-color: #0771a6 !important;}
I commented out the external logo calls (since the new logo area fits really nicely with this style), The sections I commented out can probably be removed safely, and I made the textbox post area more readable. Now I love the new webpage layout!
Here's the dark home page style I'm using, also based on Hrwa's archlinx homepage userstyle, but I havent made too many changes there, other than the package search box needed a little tweeking. I havent really checked the other pages, I do know the wiki pages have some issues with this style, if anyone else wants to help out
@namespace url(http://www.w3.org/1999/xhtml);
@-moz-document domain("www.archlinux.org"),
url-prefix("http://archlinux.org"),
domain("wiki.archlinux.org"),
domain("planet.archlinux.org"),
domain("bugs.archlinux.org"),
domain("repos.archlinux.org"),
domain("aur.archlinux.org"),
domain("projects.archlinux.org"){
/*#archtitle>a, #logo{
background-image: url(http://stashbox.org/485258/2.png) !important;
width: 341px !important;
height: 103px !important;
body{
background:/* url(http://stashbox.org/485257/1.png)repeat-x top left */#111111 !important;}
#content, .foot,code,#pkgsearch{background-color: #111111 !important;}
.searchButton, .historysubmit, input#searchInput, #wpMailmypassword,
#wpLoginattempt, .loginText, .loginPassword, #wpCreateaccount, #wpRealName,
#wpUserEmail, #wpNick, #wpUserLanguage, #wpOldpass, #wpNewpass, #wpRetypePass,
#prefcontrol>div>input, #wpHourDiff, #guesstimezonebutton, #wpCols, #wpRows,
#wpRecentDays, #wpRecent, #wpWatchlistEdits, #wpWatchlistDays, #wpSearch,
#wpSearchLines, #wpSearchChars, #wpStubs, #wpNewTitle, #wpReason,
#movepage>table>tbody>tr>td>input, #bodyContent>form>input, #wpSummary,
#wpPreview, #wpSave, #wpDiff
{color:#111111 !important}
#related.tab, #p-navigation>.pBody, #p-tb>.pBody, #searchBody, .box, #updates, #footer, .toc, #catlinks, .greybox,
#ca-nstab-main>a,#ca-talk>a, #ca-edit.istalk>a, #ca-edit>a, #ca-addsection>a,
#ca-history>a, #ca-viewsource>a, #pagehistory>li, #ca-nstab-project>a,
#ca-nstab-special>a, #ca-nstab-category>a, #mw-pages>table, #bodyContent>table,
#bodyContent>table>tbody>tr>td, .post2, .post-title>a, .post-contents,
.post-footer>p>a, .person-info, #gitbody, .page_header, .page_footer, input,
.light, #menu, #pm-menu, select, #tasklist_table > tbody > tr>td,
#taskdetails, #comments, #commentstab>a, #relatedtab>a, .vc_diff_header>th,
.vc_diff_chunk_header>td, .pgbox, .data2, #content>#search, #userloginForm>form,
#userloginForm>form>table, #userlogin2, #userlogin2>table, #ca-watch>a,
#ca-nstab-user>a, #preferences.jsprefs, #prefsection-0.prefsection>table,
#prefsection-0.prefsection>fieldset>table, #preftoc>li,
#prefsection-3.prefsection>fieldset>table,
#prefsection-5.prefsection>table, #prefsection-7.prefsection>table,
#ca-move>a, #movepage>table, #ca-unwatch>a, .redirectmessage,
#comments.tab>fieldset, #historytaba, #events, #ca-nstab-help>a, .notice,
.notice>tbody>tr>td>a>img, .notice>tbody>tr>td{
border-color: #111111 !important;
background-color: #222222 !important;}
.news, div>span, p, h3, td, h2, input, #lastmod, #viewcount,
#copyright, th>b, ul>li, ol>li, dl>dd, .results>tbody>tr>th>a,
.listing>tbody>tr>th,.results>tbody>tr>th, tr>th>b, pre, #bodyContent>div,
.pkgr2, #id_q, #id_last_update, td>input, #id_repo, #id_arch, #id_limit, .title,
#intromessage, #tasklist_table>thead>tr>th>a, #menu, select, #comments,
#fineprint, .vc_diff_header>th, .f3, .f4, .f2, .blue, .firstHeading,
.mw-headline,p>a:hover, td>a:hover, .news>a:hover, .foot>a:hover, span>a:hover,
.links>li>a:hover, b>a:hover, dd>a:hover, .listing>ul>li>a:hover,
.post-title>a:hover, #devlist>a:hover, #gitbody>.page_header>a:hover,
#gitbody>.page_nav>a:hover, #n-mainpage>a:hover, #n-portal>a:hover,
#n-currentevents>a:hover, #n-recentchanges>a:hover, #n-randompage>a:hover,
#n-help>a:hover, #n-sitesupport>a:hover, #t-whatlinkshere>a:hover,
#t-recentchangeslinked>a:hover, #t-upload>a:hover, #t-specialpages>a:hover,
#t-print>a:hover, #t-permalink>a:hover, #bodyContent>ul>li>a:hover,
.rcoptions>a:hover, #mw-pages>table>tbody>tr>td>ul>li>a:hover,
.external:hover, .toctext:hover, .tocnumber:hover, #toplevellink:hover,
#homelink:hover, #roadmaplink:hover, #intromessage>a:hover, #fineprint>a:hover,
#taskdetailstext>a:hover,#comments>em>a:hover,
#comments>div.attachments>a:hover, .comment_changes>li>a:hover,
.commenttext>a:hover, #preftoc>li>a, #comment_text, #bodyContent{
color: #999999 !important;}
b>a, p>a, dd>a, h5, #n-mainpage>a, #n-portal>a, #n-currentevents>a,
#n-recentchanges>a, #n-randompage>a, #n-help>a, #n-sitesupport>a,
#t-whatlinkshere>a, #t-recentchangeslinked>a, #t-upload>a, #t-specialpages>a,
#t-print>a, #t-permalink>a, .toctext, .tocnumber, .toctoggle, td>a, span>a,
#bodyContent>ul>li>a, #bodyContent>ul>li>ul>li>a, #ca-nstab-main>a, #ca-talk>a,
#ca-edit.istalk>a, #ca-addsection>a, #ca-history>a, #ca-viewsource>a,
#ca-edit>a, #ca-nstab-project>a, #ca-nstab-special>a, #ca-nstab-category>a,
#mw-pages>table>tbody>tr>td>ul>li>a, .page_header,
.page_header>a, .page_nav>a, #intromessage>a, #toplevellink, #homelink,
#roadmaplink, #fineprint>a, #taskdetailstext>a, #comments>em>a,
#comments>div.attachments>a, .comment_changes>li>a, .commenttext>a, .black,
.rcoptions>a, #ca-watch>a, #ca-move>a, #ca-unwatch>a, #bodyContent>ol>li>a,
#bodyContent>ul>li>ul>li>ul>li>a{
color: #0771a6 !important;}
.comment-header, .pkgr2, #id_q, #id_last_update, td>input, #id_repo, #id_arch, #id_limit,
#bodyContent>table>tbody>tr>th,
.dark, .title, #lbl_user_name,
#lbl_password, #searchtext, #taskid, #taskrange, #numbers, .summary,
#comments>div.attachments, #taskdetailsfull>.attachments,.vc_diff_change,
.boxSoft, .pgboxtitle, .boxSoftTitle, .data1, legend, #preftoc>li.selected,
#comment_text{
background-color: #333333 !important;}
.post-title>a, .post2, .post-footer>p>a, .person-info{
background-image: none !important;}
.vc_diff_add{background-color: #397f37 !important;}
.vc_diff_remove, .outofdate{background-color: #bf6b6b !important;}
.vc_diff_empty{background-color: #999999 !important;}
tr>th{background-color: #0771a6 !important;}
pre, #bodyContent>div{background-color: #222222 !important;}
.pgboxtitle, .boxSoftTitle{border-color: #222222 !important;}
#pkgsearch{width: 275px!important;}
this is how I like my archlinux.org to look -
Hello everyone.
For a custom project I've created a PhotoViewer, that simply shows images and fades them in and out along with a title and some text. I wanted to create a dashed border to put around these images and created my own implementation of a UIComponent. I found a fantastic example here:
http://cookbooks.adobe.com/post_Creating_a_dashed_line_custom_border_with_dash_and-13286.h tml
I modified it a bit, as I only wanted the border to be on top and bottom sides.
(see at the bottom of this post for source code)
The problem first shows itself when I put the variables "dashLen" and "dashGap" to 1. I only want the dashes to be one pixel wide and one pixel apart from each other. The border at the top of the images shows up exactly as I expected. The border at the bottom does not. The dashes seem 'fatter' somehow, almost as if a couple of lines are drawn right on each other. I want the bottom border to be exactly the same as the top border, of course.
The code for drawing these lines seems to be exactly the same, so I don't know what's causing this problem.
Can any of you give me a hand?
Thanks in advance
Full source code is here:
<mx:Canvas>
<mx:Dissolve alphaFrom="1" alphaTo="0" id="fadeOut" duration="1000" targets="{[imageToShow, title, text]}" />
<mx:Dissolve alphaFrom="0" alphaTo="1" id="fadeIn" duration="1000" targets="{[imageToShow, title, text]}" />
<mx:HBox borderSkin="photoViewer.Dashborder" styleName="tightDashBorder" paddingTop="1" paddingBottom="1" borderColor="#6666CC" borderThickness="1" id="container" width="95%">
<mx:VBox verticalAlign="middle" verticalGap="0" height="90%" width="255">
<mx:TextArea color="#6666CC" paddingTop="35" height="20%" width="255" id="title"/>
<mx:TextArea color="#333333" height="80%" width="255" id="text"/>
</mx:VBox>
<mx:Image width="510" height="299" id="imageToShow" maintainAspectRatio="true" />
</mx:HBox>
</mx:Canvas>
The dashBorder class:
import flash.display.LineScaleMode;
import mx.core.UIComponent;
public class Dashborder extends UIComponent {
private var dashlen:Number = 5;
private var gaplen:Number = 5;
public function Dashborder(){
super();
override protected function updateDisplayList (unscaledWidth:Number, unscaledHeight:Number):void{
super.updateDisplayList(unscaledWidth, unscaledHeight);
var borderThickness:int = getStyle("borderThickness");
var borderColor:int = getStyle("borderColor");
graphics.clear();
graphics.lineStyle(borderThickness, borderColor, 1, false, LineScaleMode.NONE)
if (getStyle("dashlen")) {
this.dashlen = getStyle("dashlen");
if (getStyle("gaplen")) {
this.gaplen = getStyle("gaplen");
drawBorder(this.x, this.y, unscaledWidth, unscaledHeight, this.dashlen, this.gaplen);
public function drawLine(x1:Number, y1:Number, x2:Number, y2:Number, dashlen:Number, gaplen:Number): void {
if((x1 != x2) || (y1 != y2)){
var incrlen:Number = dashlen + gaplen;
var len:Number = Math.sqrt((x1 - x2) * (x1 - x2) + (y1 - y2) * (y1 - y2));
var angle:Number = Math.atan((y2 - y1) / (x2 - x1));
var steps:uint = len / (dashlen + gaplen);
var dashstepx:Number = dashlen * Math.cos(angle);
if (x2 < x1) dashstepx *= -1;
var dashstepy:Number = dashlen * Math.sin(angle);
var gapstepx:Number = gaplen * Math.cos(angle);
if (x2 < x1) gapstepx *= -1;
var gapstepy:Number = gaplen * Math.sin(angle);
var stepcount:uint = 0;
while ((stepcount++) < steps) {
var dashstartx:Number;
var dashstarty:Number;
var dashendx:Number;
var dashendy:Number;
if(x1 == x2 && y1 != y2){
dashstartx = dashendx = x1;
if(y2 > y1){
dashstarty = y1 + ((stepcount-1) * (dashlen + gaplen));
dashendy = dashstarty + dashlen;
}else{
dashstarty = y1 - ((stepcount-1) * (dashlen + gaplen));
dashendy = dashstarty - dashlen;
}else if(y1 == y2 && x1 != x2){
dashstarty = dashendy = y1;
if(x2 > x1){
dashstartx = x1 + ((stepcount-1) * (dashlen + gaplen));
dashendx = dashstartx + dashlen;
}else{
dashstartx = x1 - ((stepcount-1) * (dashlen + gaplen));
dashendx = dashstartx - dashlen;
graphics.moveTo(dashstartx, dashstarty);
graphics.lineTo(dashendx, dashendy);
private function drawBorder(x1:Number, y1:Number, width:Number, height:Number, dashlen:Number, gaplen:Number) : void {
drawLine(x1, y1, x1 + width, y1, dashlen, gaplen); //top border
drawLine(x1 + width, y1 + height, x1, y1 + height, dashlen, gaplen); //bottom borderSorry for the bump, but does anyone have an idea for how to solve this issue? I'm really stuck with this.
Thanks -
Need help modifying third-party "template" in DW! 3 questions [subject edited by moderator]
This is re:398 nature template
I'm using CC, if that matters.
I'm amateur, please be kind If you will kindly reference the template, I will compensate with appreciation.
Problem A.) I have tried for HOURS--cannot make this image fill the page (I plan to have a different background image on different pages). I read around and pasted in it's exact size, etc. It doesn't move and it's cut off top & bottom. Left & right are perfect. Here is where I am so far:
<div class="image-section">
<div class="image-container">
<img src="images/cover_A.jpg" id="home-img" class="main-img inactive" alt="Home" height="2700" width="3946" >
<img src="images/main_modified.jpg" id="about-img" class="inactive" alt="About">
<img src="images/main_modified.jpg" id="news-img" class="inactive" alt="news">
<img src="images/main_modified.jpg" id="excerpt-img" class="inactive" alt="excerpt">
<img src="images/main_modified.jpg" id="purchase-img" class="inactive" alt="Contact">
</div>
</div>
.image-section {
position: fixed;
.image-container {
position: relative;
max-height:2700px;
max-width:3946px;
padding: 100px 5px 2px;
.image-container img {
position:relative;
height:2700px;
width:3946px;
padding: 100px 5px 2px;
Problem B.) This somewhat transparent block..I need to move it. I can't figure out what it's called and Dreamweaver hardly lets me select it.
<div class="row">
<div class="col-lg-6 col-md-6 col-sm-12 col-xs-12 col-lg-offset-6 col-md-offset-6 templatemo-content-wrapper">
<div class="templatemo-content">
<section id="home-text" class="active templatemo-content-section">
I'm not even sure if this applies to it:
.templatemo-site-title a, .templatemo-site-title a:hover {
color: #fff;
text-decoration: none;
font-family: raleway;
font-weight: 500;
font-size: 37pt;
font-style: normal;
img.slide {
width: 100%;
z-index: -9999999;
position: absolute;
.active {
display: block;
.inactive {
left: 703px;
display: none;
Problem C.) Probably simple: I was able to get the menu horizontal (actually through this forum's help) how can I get it to center on the top of the page?
.menu {
position: fixed;
width:auto;
z-index: 1;
top: 28px;
#menu-list {
background-color: rgba(0, 0, 0,0.5);
font-size:18px;
padding: 0;
float: left;
list-style: none;
width: 100%;
#menu-list > li {
float:left;
#menu-list > li > a {
font-family: 'Raleway', sans-serif;
padding: 10px 50px 10px 50px;
text-decoration: none;
display: block;
color: #fff;
font-weight:bold;
If this is totally messed up (possibly a great chance of this..), don't be shy to politely ask or see the template! I am desperate and will reply immediately. THANKS SO MUCH! The floating white square (I want to use it on some pages, but in a different place) and the image being cut off are particularly painful. I am sure I'll run into other things, but I have exhausted my time on the problems above and am stuckHi! Oh I am so glad someone replied!
Unfortunately, it's not on a server yet. I can paste the full code here, if that's ok.
<!DOCTYPE html>
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]> <html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
<head>
<meta charset="utf-8">
<!--[if IE]><meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"><![endif]-->
<title>AdobeForumHelpPlaceholder</title>
<meta name="keywords" content="" />
<meta name="description" content="" />
<!--
Nature Template
http://www.templatemo.com/preview/templatemo_398_nature
-->
<meta name="viewport" content="width=device-width">
<!-- Google Web Font Embed -->
<link href='http://fonts.googleapis.com/css?family=Raleway:400,600,500,300,700' rel='stylesheet' type='text/css'>
<link rel="stylesheet" href="css/bootstrap.min.css">
<link rel="stylesheet" href="css/templatemo_main.css">
<!--The following script tag downloads a font from the Adobe Edge Web Fonts server for use within the web page. We recommend that you do not modify it.--><script>var __adobewebfontsappname__="dreamweaver"</script><script src="http://use.edgefonts.net/raleway:n1,n5:default.js" type="text/javascript"></script>
</head>
<body>
<div id="main-wrapper">
<!--[if lt IE 7]>
<p class="chromeframe">You are using an <strong>outdated</strong> browser. Please <a rel="nofollow" href="http://browsehappy.com">upgrade your browser</a> or <a rel="nofollow" href="http://www.google.com/chromeframe/?redirect=true">activate Google Chrome Frame</a> to improve your experience.</p>
<![endif]-->
<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 affix text-center" style="z-index: 1;">
<ul id="responsive" style="display:none" class="hidden-lg hidden-md"></ul><!-- /.responsive -->
</div>
<div class="menu visible-md visible-lg">
<ul id="menu-list">
<li class="active home-menu"><a href="#home">Home</a></li>
<li class="about-menu"><a href="#about">The Author</a></li>
<li class="news-menu"><a href="#news">News Release</a></li>
<li class="excerpt-menu"><a href="#excerpt">Excerpt</a></li>
<li class="purchase-menu"><a href="#purchase">Buy the Book!</a></li>
</ul>
</div><!-- /.menu -->
<div class="image-section">
<div class="image-container">
<img src="images/cover_A.jpg" id="home-img" class="main-img inactive" alt="Home" height="2700" width="3946" >
<img src="images/main_modified.jpg" id="about-img" class="inactive" alt="About">
<img src="images/main_modified.jpg" id="news-img" class="inactive" alt="news">
<img src="images/main_modified.jpg" id="excerpt-img" class="inactive" alt="excerpt">
<img src="images/main_modified.jpg" id="purchase-img" class="inactive" alt="Contact">
</div>
</div>
<div class="row">
<div class="col-lg-6 col-md-6 col-sm-12 col-xs-12 col-lg-offset-6 col-md-offset-6 templatemo-content-wrapper">
<div class="templatemo-content">
<section id="home-text" class="active templatemo-content-section">
<h1 class="text-center">Welcome</h1>
<div class="col-sm-12 col-md-12 col-lg-12">
<p>Quisque non tempus lacus, non placerat arcu. Donec nibh ipsum, pharetra nec pellentesque at, mattis ut lorem. Fusce dapibus tristique neque, eget ultricies lorem tincidunt vitae. Aliquam erat volutpat. Integer vulputate ultricies nisl, sed vehicula justo accumsan non.</p>
</div>
</section><!-- /.home-text -->
<section id="about-text" class="inactive">
<h2 class="text-center">About Us</h2>
<div class="col-sm-6 col-md-6">
<p>Nullam sit amet enim vitae magna malesuada pharetra. Etiam sodales consequat purus non vulputate. Aliquam erat volutpat. Pellentesque rutrum, ligula vel fermentum imperdiet, lectus eros volutpat urna, id mollis dolor justo vulputate justo ut sit amet ante luctus metus.</p>
</div>
<div class="col-sm-6 col-md-6">
<p>Vestibulum sodales nulla eu tortor condimentum venenatis. In tellus ipsum, ullamcorper vitae justo sit amet, mattis consequat tortor. Suspendisse risus urna, posuere id orci ut, facilisis accumsan ipsum. Sed vehicula lacinia porta. Vivamus faucibus dui nulla, a aliquet nunc porta in.</p>
</div>
</section><!-- /.about-text -->
<section id="news-text" class="inactive">
<h2 class="text-center">News Release</h2>
<div class="col-sm-4 col-md-4">
<h3>Web Design</h3>
<p>Integer posuere quam a orci tempor, ut eleifend est vulputate. Nullam vitae lectus dui. Donec vulputate ac tortor id convallis. Sed nisi mauris, laoreet vitae lacus at, viverra viverra neque. Curabitur nec aliquam lacus.</p>
</div>
<div class="col-sm-4 col-md-4">
<h3>Mobile Ready</h3>
<p>This is a <a href="#">mobile website template</a> that can be viewed in mobile phones. Maecenas aliquam vitae urna sit amet elementum. Cras consequat libero nisi, vel condimentum nibh eleifend ut. Donec consequat arcu id diam viverra.</p>
</div>
<div class="col-sm-4 col-md-4">
<h3>Pixel Perfect</h3>
<p>Vestibulum sodales nulla eu tortor condimentum venenatis. In tellus ipsum, ullamcorper vitae justo sit amet, mattis consequat tortor. Suspendisse risus urna, posuere id orci ut, facilisis accumsan ipsum. Sed vehicula lacinia porta.</p>
</div>
</section><!-- /.news-text -->
<section id="excerpt-text" class="inactive">
<div class="col-sm-12 col-md-12">
<h2>Excerpt</h2>
<p>Aenean quis semper metus. Maecenas adipiscing, leo a facilisis tempor, mi quam feugiat eros, ullamcorper porttitor elit turpis ac risus. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse non sem a leo mattis dapibus. Duis vel ornare arcu. Quisque at malesuada tortor.</p>
<p>Quisque non tempus lacus, non placerat arcu. Donec nibh ipsum, pharetra nec pellentesque at, mattis ut lorem. Fusce dapibus tristique neque, eget ultricies lorem tincidunt vitae. Aliquam erat volutpat. Integer vulputate ultricies nisl, sed vehicula justo accumsan non.</p>
</div>
</section><!-- /.excerpt-text -->
<section id="purchase-text" class="inactive">
<div class="col-sm-12 col-md-12">
<div class="row">
<div class="col-sm-12 col-md-12"><h2>Contact</h2></div>
<div class="clearfix"></div>
</div>
<div class="row">
<div class="col-sm-6 col-md-6">
<div id="map-canvas"></div>
<p>120 Aenean quis semper. Maecenas adipiscing, facilisis tempor, mi quam feugiat 10450</p>
</div>
<div class="col-sm-6 col-md-6">
<form action="#" method="post">
<div class="form-group">
<!--<label for="contact_name">Name:</label>-->
<input type="text" id="contact_name" class="form-control" placeholder="Name" />
</div>
<div class="form-group">
<!--<label for="contact_email">Email:</label>-->
<input type="text" id="contact_email" class="form-control" placeholder="Email Address" />
</div>
<div class="form-group">
<!--<label for="contact_message">Message:</label>-->
<textarea id="contact_message" class="form-control" rows="9" placeholder="Write a message"></textarea>
</div>
<button type="submit" class="btn btn-primary">Send</button>
</form>
</div>
<div class="clearfix"></div>
</div>
</div>
</section><!-- /.purchase-text -->
</div><!-- /.templatemo-content -->
</div><!-- /.templatemo-content-wrapper -->
</div>
<!-- /.row -->
<div class="row">
<div class="image-container">
<p class="footer-text">Copyright © 2015</p>
</div><!-- /.footer -->
</div>
</div><!-- /#main-wrapper -->
<div id="preloader">
<div id="status"> </div>
</div><!-- /#preloader -->
<script src="js/jquery.min.js"></script>
<script src="js/jquery.backstretch.min.js"></script>
<script src="js/templatemo_script.js"></script>
<!-- templatemo 398 nature -->
</body>
</html>
Nature Template
http://www.templatemo.com/preview/templatemo_398_nature
body, html { overflow-x: hidden; }
body {
font-size: 1em;
line-height: 1.4;
font-family: 'Raleway', sans-serif;
font-style: normal;
-webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
-webkit-text-size-adjust: 100%;
h1, h2, h3, h4, h5, h6, span, p { font-family: 'Raleway', sans-serif; }
hr {
display: block;
height: 1px;
border: 0;
border-top: 1px solid #ccc;
margin: 1em 0;
padding: 0;
img {
vertical-align: middle;
/* Preloader */
#preloader {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: #fff; /* change if the mask should have another color then white */
z-index: 99; /* makes sure it stays on top */
#status {
width: 200px;
height: 200px;
position: absolute;
left: 50%; /* centers the loading animation horizontally one the screen */
top: 50%; /* centers the loading animation vertically one the screen */
background-image: url(../images/status.gif); /* path to your loading animation */
background-repeat: no-repeat;
background-position: center;
margin: -100px 0 0 -100px; /* is width and height divided by two */
/* General */
#main-wrapper {
overflow: hidden;
.templatemo-site-title {
color: #fff !important;
text-shadow: 0px 2px 3px rgba(0, 0, 0, 1);
font-size: 48px;
.templatemo-site-title a, .templatemo-site-title a:hover {
color: #fff;
text-decoration: none;
font-family: raleway;
font-weight: 500;
font-size: 37pt;
font-style: normal;
img.slide {
width: 100%;
z-index: -9999999;
position: absolute;
.active {
display: block;
.inactive {
left: 703px;
display: none;
.image-section {
position: fixed;
.image-container {
position: relative;
max-height:2700px;
max-width:3946px;
padding: 100px 5px 2px;
.image-container img {
position:relative;
height:2700px;
width:3946px;
padding: 100px 5px 2px;
.templatemo-content {
position: static;
overflow: hidden;
margin-top: 36%;
.templatemo-content section {
font-family: 'Raleway', sans-serif;
position: relative;
overflow: hidden;
top: 0;
background-color: rgba(255,255,255,0.75);
padding-bottom: 20px;
.templatemo-content-wrapper {
overflow: hidden;
.templatemo-content h2 {
color: #000;
font-family: 'Raleway', sans-serif;
.templatemo-content p {
font-family: 'Raleway', sans-serif;
color: #000;
font-size: 16px;
.menu {
position: fixed;
width:auto;
z-index: 1;
top: 28px;
#menu-list {
background-color: rgba(0, 0, 0,0.5);
font-size:18px;
padding: 0;
float: left;
list-style: none;
width: 100%;
#menu-list > li {
float:left;
#menu-list > li > a {
font-family: 'Raleway', sans-serif;
padding: 10px 50px 10px 50px;
text-decoration: none;
display: block;
color: #fff;
font-weight:bold;
#menu-list > .active > a,
#menu-list > li > a:hover {
background-color: rgba(255,255,255,0.25);
#responsive {
font-size: 16px;
padding: 0;
background-color: rgba(0,0,0,0.5);
#responsive li {
display: block;
#responsive li a {
font-family: 'Raleway', sans-serif;
color: #fff;
text-decoration: none;
padding: 10px 0;
display: block;
#responsive > .active > a,
#responsive li a:hover {
background-color: rgba(0,0,0,0.5);
#map-canvas {
height: 256px;
margin-bottom: 10px;
.templatemo-content {
padding-bottom: 6%;
.footer {
overflow: hidden;
position: fixed;
bottom: 10px;
.footer-text {
font-family: 'Raleway', sans-serif;
color: #fff;
text-shadow: 0px 2px 3px rgba(0, 0, 0, 1);
margin-left: 30px;
font-size: 14px;
.footer-text a, .footer-text a:hover {
color: #fff;
text-decoration: none;
#menu-list .about-menu a {
@media (max-width: 992px) {
.footer {
overflow:hidden;
position:static;
text-align: center;
.footer-text {
margin-left: 0;
bootstrap
* Bootstrap v3.1.1 (http://getbootstrap.com)
* Copyright 2011-2014 Twitter, Inc.
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
/*! normalize.css v3.0.0 | MIT License | git.io/normalize */html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}bod y{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,s ummary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:basel ine}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{backgroun d:0 0}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0 ;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}sv g:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}cod e,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select, textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-tr ansform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor: pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0; padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:borde r-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit- outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;-moz-box-siz ing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]:: -webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appeara nce:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:700}table{bor der-collapse:collapse;border-spacing:0}td,th{padding:0}@media print{*{text-shadow:none!important;color:#000!important;background:transparent!important; box-shadow:none!important}a,a:visited{text-decoration:underline}a[href]:after{content:" (" attr(href) ")"}abbr[title]:after{content:" (" attr(title) ")"}a[href^="javascript:"]:after,a[href^="#"]:after{content:""}pre,blockquote{border:1px solid #999;page-break-inside:avoid}thead{display:table-header-group}tr,img{page-break-inside:av oid}img{max-width:100%!important}p,h2,h3{orphans:3;widows:3}h2,h3{page-break-after:avoid}s elect{background:#fff!important}.navbar{display:none}.table td,.table th{background-color:#fff!important}.btn>.caret,.dropup>.btn>.caret{border-top-color:#000! important}.label{border:1px solid #000}.table{border-collapse:collapse!important}.table-bordered th,.table-bordered td{border:1px solid #ddd!important}}*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:bor der-box}:before,:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing :border-box}html{font-size:62.5%;-webkit-tap-highlight-color:rgba(0,0,0,0)}body{font-famil y:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:14px;line-height:1.42857143;color:#333;backgro und-color:#fff}input,button,select,textarea{font-family:inherit;font-size:inherit;line-hei ght:inherit}a{color:#428bca;text-decoration:none}a:hover,a:focus{color:#2a6496;text-decora tion:underline}a:focus{outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}figure{margin:0}img{vertical-align:middle}.i mg-responsive,.thumbnail>img,.thumbnail a>img,.carousel-inner>.item>img,.carousel-inner>.item>a>img{display:block;max-width:100%; height:auto}.img-rounded{border-radius:6px}.img-thumbnail{padding:4px;line-height:1.428571 43;background-color:#fff;border:1px solid #ddd;border-radius:4px;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out;display:inline-block;max-width:100%;height:auto}.img-circle{border-radius:50% }hr{margin-top:20px;margin-bottom:20px;border:0;border-top:1px solid #eee}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidde n;clip:rect(0,0,0,0);border:0}h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{font-family:inheri t;font-weight:500;line-height:1.1;color:inherit}h1 small,h2 small,h3 small,h4 small,h5 small,h6 small,.h1 small,.h2 small,.h3 small,.h4 small,.h5 small,.h6 small,h1 .small,h2 .small,h3 .small,h4 .small,h5 .small,h6 .small,.h1 .small,.h2 .small,.h3 .small,.h4 .small,.h5 .small,.h6 .small{font-weight:400;line-height:1;color:#999}h1,.h1,h2,.h2,h3,.h3{margin-top:20px;marg in-bottom:10px}h1 small,.h1 small,h2 small,.h2 small,h3 small,.h3 small,h1 .small,.h1 .small,h2 .small,.h2 .small,h3 .small,.h3 .small{font-size:65%}h4,.h4,h5,.h5,h6,.h6{margin-top:10px;margin-bottom:10px}h4 small,.h4 small,h5 small,.h5 small,h6 small,.h6 small,h4 .small,.h4 .small,h5 .small,.h5 .small,h6 .small,.h6 .small{font-size:75%}h1,.h1{font-size:36px}h2,.h2{font-size:30px}h3,.h3{font-size:24px}h4 ,.h4{font-size:18px}h5,.h5{font-size:14px}h6,.h6{font-size:12px}p{margin:0 0 10px}.lead{margin-bottom:20px;font-size:16px;font-weight:200;line-height:1.4}@media (min-width:768px){.lead{font-size:21px}}small,.small{font-size:85%}cite{font-style:normal }.text-left{text-align:left}.text-right{text-align:right}.text-center{text-align:center}.t ext-justify{text-align:justify}.text-muted{color:#999}.text-primary{color:#428bca}a.text-p rimary:hover{color:#3071a9}.text-success{color:#3c763d}a.text-success:hover{color:#2b542c} .text-info{color:#31708f}a.text-info:hover{color:#245269}.text-warning{color:#8a6d3b}a.tex t-warning:hover{color:#66512c}.text-danger{color:#a94442}a.text-danger:hover{color:#843534 }.bg-primary{color:#fff;background-color:#428bca}a.bg-primary:hover{background-color:#3071 a9}.bg-success{background-color:#dff0d8}a.bg-success:hover{background-color:#c1e2b3}.bg-in fo{background-color:#d9edf7}a.bg-info:hover{background-color:#afd9ee}.bg-warning{backgroun d-color:#fcf8e3}a.bg-warning:hover{background-color:#f7ecb5}.bg-danger{background-color:#f 2dede}a.bg-danger:hover{background-color:#e4b9b9}.page-header{padding-bottom:9px;margin:40 px 0 20px;border-bottom:1px solid #eee}ul,ol{margin-top:0;margin-bottom:10px}ul ul,ol ul,ul ol,ol ol{margin-bottom:0}.list-unstyled{padding-left:0;list-style:none}.list-inline{padding-lef t:0;list-style:none;margin-left:-5px}.list-inline>li{display:inline-block;padding-left:5px ;padding-right:5px}dl{margin-top:0;margin-bottom:20px}dt,dd{line-height:1.42857143}dt{font -weight:700}dd{margin-left:0}@media (min-width:768px){.dl-horizontal dt{float:left;width:160px;clear:left;text-align:right;overflow:hidden;text-overflow:ellip sis;white-space:nowrap}.dl-horizontal dd{margin-left:180px}}abbr[title],abbr[data-original-title]{cursor:help;border-bottom:1px dotted #999}.initialism{font-size:90%;text-transform:uppercase}blockquote{padding:10px 20px;margin:0 0 20px;font-size:17.5px;border-left:5px solid #eee}blockquote p:last-child,blockquote ul:last-child,blockquote ol:last-child{margin-bottom:0}blockquote footer,blockquote small,blockquote .small{display:block;font-size:80%;line-height:1.42857143;color:#999}blockquote footer:before,blockquote small:before,blockquote .small:before{content:'\2014 \00A0'}.blockquote-reverse,blockquote.pull-right{padding-right:15px;padding-left:0;border -right:5px solid #eee;border-left:0;text-align:right}.blockquote-reverse footer:before,blockquote.pull-right footer:before,.blockquote-reverse small:before,blockquote.pull-right small:before,.blockquote-reverse .small:before,blockquote.pull-right .small:before{content:''}.blockquote-reverse footer:after,blockquote.pull-right footer:after,.blockquote-reverse small:after,blockquote.pull-right small:after,.blockquote-reverse .small:after,blockquote.pull-right .small:after{content:'\00A0 \2014'}blockquote:before,blockquote:after{content:""}address{margin-bottom:20px;font-styl e:normal;line-height:1.42857143}code,kbd,pre,samp{font-family:Menlo,Monaco,Consolas,"Couri er New",monospace}code{padding:2px 4px;font-size:90%;color:#c7254e;background-color:#f9f2f4;white-space:nowrap;border-radius :4px}kbd{padding:2px 4px;font-size:90%;color:#fff;background-color:#333;border-radius:3px;box-shadow:inset 0 -1px 0 rgba(0,0,0,.25)}pre{display:block;padding:9.5px;margin:0 0 10px;font-size:13px;line-height:1.42857143;word-break:break-all;word-wrap:break-word;colo r:#333;background-color:#f5f5f5;border:1px solid #ccc;border-radius:4px}pre code{padding:0;font-size:inherit;color:inherit;white-space:pre-wrap;background-color:tran sparent;border-radius:0}.pre-scrollable{max-height:340px;overflow-y:scroll}.container{marg in-right:auto;margin-left:auto;padding-left:15px;padding-right:15px}@media (min-width:768px){.container{width:750px}}@media (min-width:992px){.container{width:970px}}@media (min-width:1200px){.container{width:1170px}}.container-fluid{margin-right:auto;margin-lef t:auto;padding-left:15px;padding-right:15px}.row{margin-left:-15px;margin-right:-15px}.col -xs-1,.col-sm-1,.col-md-1,.col-lg-1,.col-xs-2,.col-sm-2,.col-md-2,.col-lg-2,.col-xs-3,.col -sm-3,.col-md-3,.col-lg-3,.col-xs-4,.col-sm-4,.col-md-4,.col-lg-4,.col-xs-5,.col-sm-5,.col -md-5,.col-lg-5,.col-xs-6,.col-sm-6,.col-md-6,.col-lg-6,.col-xs-7,.col-sm-7,.col-md-7,.col -lg-7,.col-xs-8,.col-sm-8,.col-md-8,.col-lg-8,.col-xs-9,.col-sm-9,.col-md-9,.col-lg-9,.col -xs-10,.col-sm-10,.col-md-10,.col-lg-10,.col-xs-11,.col-sm-11,.col-md-11,.col-lg-11,.col-x s-12,.col-sm-12,.col-md-12,.col-lg-12{position:relative;min-height:1px;padding-left:15px;p adding-right:15px}.col-xs-1,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.c ol-xs-8,.col-xs-9,.col-xs-10,.col-xs-11,.col-xs-12{float:left}.col-xs-12{width:100%}.col-x s-11{width:92.66666667%}.col-xs-10{width:83.33333333%}.col-xs-9{width:75%}.col-xs-8{width: 66.66666667%}.col-xs-7{width:58.33333333%}.col-xs-6{width:50%}.col-xs-5{width:41.66666667% }.col-xs-4{width:33.33333333%}.col-xs-3{width:25%}.col-xs-2{width:16.66666667%}.col-xs-1{w idth:8.33333333%}.col-xs-pull-12{right:100%}.col-xs-pull-11{right:92.66666667%}.col-xs-pul l-10{right:83.33333333%}.col-xs-pull-9{right:75%}.col-xs-pull-8{right:66.66666667%}.col-xs -pull-7{right:58.33333333%}.col-xs-pull-6{right:50%}.col-xs-pull-5{right:41.66666667%}.col -xs-pull-4{right:33.33333333%}.col-xs-pull-3{right:25%}.col-xs-pull-2{right:16.66666667%}. col-xs-pull-1{right:8.33333333%}.col-xs-pull-0{right:0}.col-xs-push-12{left:100%}.col-xs-p ush-11{left:92.66666667%}.col-xs-push-10{left:83.33333333%}.col-xs-push-9{left:75%}.col-xs -push-8{left:66.66666667%}.col-xs-push-7{left:58.33333333%}.col-xs-push-6{left:50%}.col-xs -push-5{left:41.66666667%}.col-xs-push-4{left:33.33333333%}.col-xs-push-3{left:25%}.col-xs -push-2{left:16.66666667%}.col-xs-push-1{left:8.33333333%}.col-xs-push-0{left:0}.col-xs-of fset-12{margin-left:100%}.col-xs-offset-11{margin-left:92.66666667%}.col-xs-offset-10{marg in-left:83.33333333%}.col-xs-offset-9{margin-left:75%}.col-xs-offset-8{margin-left:66.6666 6667%}.col-xs-offset-7{margin-left:58.33333333%}.col-xs-offset-6{margin-left:50%}.col-xs-o ffset-5{margin-left:41.66666667%}.col-xs-offset-4{margin-left:33.33333333%}.col-xs-offset- 3{margin-left:25%}.col-xs-offset-2{margin-left:16.66666667%}.col-xs-offset-1{margin-left:8 .33333333%}.col-xs-offset-0{margin-left:0}@media (min-width:768px){.col-sm-1,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,. col-sm-8,.col-sm-9,.col-sm-10,.col-sm-11,.col-sm-12{float:left}.col-sm-12{width:100%}.col- sm-11{width:92.66666667%}.col-sm-10{width:83.33333333%}.col-sm-9{width:75%}.col-sm-8{width :66.66666667%}.col-sm-7{width:58.33333333%}.col-sm-6{width:50%}.col-sm-5{width:41.66666667 %}.col-sm-4{width:33.33333333%}.col-sm-3{width:25%}.col-sm-2{width:16.66666667%}.col-sm-1{ width:8.33333333%}.col-sm-pull-12{right:100%}.col-sm-pull-11{right:92.66666667%}.col-sm-pu ll-10{right:83.33333333%}.col-sm-pull-9{right:75%}.col-sm-pull-8{right:66.66666667%}.col-s m-pull-7{right:58.33333333%}.col-sm-pull-6{right:50%}.col-sm-pull-5{right:41.66666667%}.co l-sm-pull-4{right:33.33333333%}.col-sm-pull-3{right:25%}.col-sm-pull-2{right:16.66666667%} .col-sm-pull-1{right:8.33333333%}.col-sm-pull-0{right:0}.col-sm-push-12{left:100%}.col-sm- push-11{left:92.66666667%}.col-sm-push-10{left:83.33333333%}.col-sm-push-9{left:75%}.col-s m-push-8{left:66.66666667%}.col-sm-push-7{left:58.33333333%}.col-sm-push-6{left:50%}.col-s m-push-5{left:41.66666667%}.col-sm-push-4{left:33.33333333%}.col-sm-push-3{left:25%}.col-s m-push-2{left:16.66666667%}.col-sm-push-1{left:8.33333333%}.col-sm-push-0{left:0}.col-sm-o ffset-12{margin-left:100%}.col-sm-offset-11{margin-left:92.66666667%}.col-sm-offset-10{mar gin-left:83.33333333%}.col-sm-offset-9{margin-left:75%}.col-sm-offset-8{margin-left:66.666 66667%}.col-sm-offset-7{margin-left:58.33333333%}.col-sm-offset-6{margin-left:50%}.col-sm- offset-5{margin-left:41.66666667%}.col-sm-offset-4{margin-left:33.33333333%}.col-sm-offset -3{margin-left:25%}.col-sm-offset-2{margin-left:16.66666667%}.col-sm-offset-1{margin-left: 8.33333333%}.col-sm-offset-0{margin-left:0}}@media (min-width:992px){.col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,. col-md-8,.col-md-9,.col-md-10,.col-md-11,.col-md-12{float:left}.col-md-12{width:100%}.col- md-11{width:92.66666667%}.col-md-10{width:83.33333333%}.col-md-9{width:75%}.col-md-8{width :66.66666667%}.col-md-7{width:58.33333333%}.col-md-6{width:50%}.col-md-5{width:41.66666667 %}.col-md-4{width:33.33333333%}.col-md-3{width:25%}.col-md-2{width:16.66666667%}.col-md-1{ width:8.33333333%}.col-md-pull-12{right:100%}.col-md-pull-11{right:92.66666667%}.col-md-pu ll-10{right:83.33333333%}.col-md-pull-9{right:75%}.col-md-pull-8{right:66.66666667%}.col-m d-pull-7{right:58.33333333%}.col-md-pull-6{right:50%}.col-md-pull-5{right:41.66666667%}.co l-md-pull-4{right:33.33333333%}.col-md-pull-3{right:25%}.col-md-pull-2{right:16.66666667%} .col-md-pull-1{right:8.33333333%}.col-md-pull-0{right:0}.col-md-push-12{left:100%}.col-md- push-11{left:92.66666667%}.col-md-push-10{left:83.33333333%}.col-md-push-9{left:75%}.col-m d-push-8{left:66.66666667%}.col-md-push-7{left:58.33333333%}.col-md-push-6{left:50%}.col-m d-push-5{left:41.66666667%}.col-md-push-4{left:33.33333333%}.col-md-push-3{left:25%}.col-m d-push-2{left:16.66666667%}.col-md-push-1{left:8.33333333%}.col-md-push-0{left:0}.col-md-o ffset-12{margin-left:100%}.col-md-offset-11{margin-left:92.66666667%}.col-md-offset-10{mar gin-left:83.33333333%}.col-md-offset-9{margin-left:75%}.col-md-offset-8{margin-left:66.666 66667%}.col-md-offset-7{margin-left:58.33333333%}.col-md-offset-6{margin-left:50%}.col-md- offset-5{margin-left:41.66666667%}.col-md-offset-4{margin-left:33.33333333%}.col-md-offset -3{margin-left:25%}.col-md-offset-2{margin-left:16.66666667%}.col-md-offset-1{margin-left: 8.33333333%}.col-md-offset-0{margin-left:0}}@media (min-width:1200px){.col-lg-1,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7, .col-lg-8,.col-lg-9,.col-lg-10,.col-lg-11,.col-lg-12{float:left}.col-lg-12{width:100%}.col -lg-11{width:92.66666667%}.col-lg-10{width:83.33333333%}.col-lg-9{width:75%}.col-lg-8{widt h:66.66666667%}.col-lg-7{width:58.33333333%}.col-lg-6{width:50%}.col-lg-5{width:41.6666666 7%}.col-lg-4{width:33.33333333%}.col-lg-3{width:25%}.col-lg-2{width:16.66666667%}.col-lg-1 {width:8.33333333%}.col-lg-pull-12{right:100%}.col-lg-pull-11{right:92.66666667%}.col-lg-p ull-10{right:83.33333333%}.col-lg-pull-9{right:75%}.col-lg-pull-8{right:66.66666667%}.col- lg-pull-7{right:58.33333333%}.col-lg-pull-6{right:50%}.col-lg-pull-5{right:41.66666667%}.c ol-lg-pull-4{right:33.33333333%}.col-lg-pull-3{right:25%}.col-lg-pull-2{right:16.66666667% }.col-lg-pull-1{right:8.33333333%}.col-lg-pull-0{right:0}.col-lg-push-12{left:100%}.col-lg -push-11{left:92.66666667%}.col-lg-push-10{left:83.33333333%}.col-lg-push-9{left:75%}.col- lg-push-8{left:66.66666667%}.col-lg-push-7{left:58.33333333%}.col-lg-push-6{left:50%}.col- lg-push-5{left:41.66666667%}.col-lg-push-4{left:33.33333333%}.col-lg-push-3{left:25%}.col- lg-push-2{left:16.66666667%}.col-lg-push-1{left:8.33333333%}.col-lg-push-0{left:0}.col-lg- offset-12{margin-left:100%}.col-lg-offset-11{margin-left:92.66666667%}.col-lg-offset-10{ma rgin-left:83.33333333%}.col-lg-offset-9{margin-left:75%}.col-lg-offset-8{margin-left:66.66 666667%}.col-lg-offset-7{margin-left:58.33333333%}.col-lg-offset-6{margin-left:50%}.col-lg -offset-5{margin-left:41.66666667%}.col-lg-offset-4{margin-left:33.33333333%}.col-lg-offse t-3{margin-left:25%}.col-lg-offset-2{margin-left:16.66666667%}.col-lg-offset-1{margin-left :8.33333333%}.col-lg-offset-0{margin-left:0}}table{max-width:100%;background-color:transpa rent}th{text-align:left}.table{width:100%;margin-bottom:20px}.table>thead>tr>th,.table>tbo dy>tr>th,.table>tfoot>tr>th,.table>thead>tr>td,.table>tbody>tr>td,.table>tfoot>tr>td{paddi ng:8px;line-height:1.42857143;vertical-align:top;border-top:1px solid #ddd}.table>thead>tr>th{vertical-align:bottom;border-bottom:2px solid #ddd}.table>caption+thead>tr:first-child>th,.table>colgroup+thead>tr:first-child>th,.tabl e>thead:first-child>tr:first-child>th,.table>caption+thead>tr:first-child>td,.table>colgro up+thead>tr:first-child>td,.table>thead:first-child>tr:first-child>td{border-top:0}.table> tbody+tbody{border-top:2px solid #ddd}.table .table{background-color:#fff}.table-condensed>thead>tr>th,.table-condensed>tbody>tr>th,.t able-condensed>tfoot>tr>th,.table-condensed>thead>tr>td,.table-condensed>tbody>tr>td,.tabl e-condensed>tfoot>tr>td{padding:5px}.table-bordered{border:1px solid #ddd}.table-bordered>thead>tr>th,.table-bordered>tbody>tr>th,.table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td,.table-bordered>tbody>tr>td,.table-bordered>tfoot>tr>td{border :1px solid #ddd}.table-bordered>thead>tr>th,.table-bordered>thead>tr>td{border-bottom-width:2px}.tab le-striped>tbody>tr:nth-child(odd)>td,.table-striped>tbody>tr:nth-child(odd)>th{background -color:#f9f9f9}.table-hover>tbody>tr:hover>td,.table-hover>tbody>tr:hover>th{background-co lor:#f5f5f5}table col[class*=col-]{position:static;float:none;display:table-column}table td[class*=col-],table th[class*=col-]{position:static;float:none;display:table-cell}.table>thead>tr>td.active,. table>tbody>tr>td.active,.table>tfoot>tr>td.active,.table>thead>tr>th.active,.table>tbody> tr>th.active,.table>tfoot>tr>th.active,.table>thead>tr.active>td,.table>tbody>tr.active>td ,.table>tfoot>tr.active>td,.table>thead>tr.active>th,.table>tbody>tr.active>th,.table>tfoo t>tr.active>th{background-color:#f5f5f5}.table-hover>tbody>tr>td.active:hover,.table-hover >tbody>tr>th.active:hover,.table-hover>tbody>tr.active:hover>td,.table-hover>tbody>tr.acti ve:hover>th{background-color:#e8e8e8}.table>thead>tr>td.success,.table>tbody>tr>td.success ,.table>tfoot>tr>td.success,.table>thead>tr>th.success,.table>tbody>tr>th.success,.table>t foot>tr>th.success,.table>thead>tr.success>td,.table>tbody>tr.success>td,.table>tfoot>tr.s uccess>td,.table>thead>tr.success>th,.table>tbody>tr.success>th,.table>tfoot>tr.success>th {background-color:#dff0d8}.table-hover>tbody>tr>td.success:hover,.table-hover>tbody>tr>th. success:hover,.table-hover>tbody>tr.success:hover>td,.table-hover>tbody>tr.success:hover>t h{background-color:#d0e9c6}.table>thead>tr>td.info,.table>tbody>tr>td.info,.table>tfoot>tr >td.info,.table>thead>tr>th.info,.table>tbody>tr>th.info,.table>tfoot>tr>th.info,.table>th ead>tr.info>td,.table>tbody>tr.info>td,.table>tfoot>tr.info>td,.table>thead>tr.info>th,.ta ble>tbody>tr.info>th,.table>tfoot>tr.info>th{background-color:#d9edf7}.table-hover>tbody>t r>td.info:hover,.table-hover>tbody>tr>th.info:hover,.table-hover>tbody>tr.info:hover>td,.t able-hover>tbody>tr.info:hover>th{background-color:#c4e3f3}.table>thead>tr>td.warning,.tab le>tbody>tr>td.warning,.table>tfoot>tr>td.warning,.table>thead>tr>th.warning,.table>tbody> tr>th.warning,.table>tfoot>tr>th.warning,.table>thead>tr.warning>td,.table>tbody>tr.warnin g>td,.table>tfoot>tr.warning>td,.table>thead>tr.warning>th,.table>tbody>tr.warning>th,.tab le>tfoot>tr.warning>th{background-color:#fcf8e3}.table-hover>tbody>tr>td.warning:hover,.ta ble-hover>tbody>tr>th.warning:hover,.table-hover>tbody>tr.warning:hover>td,.table-hover>tb ody>tr.warning:hover>th{background-color:#faf2cc}.table>thead>tr>td.danger,.table>tbody>tr >td.danger,.table>tfoot>tr>td.danger,.table>thead>tr>th.danger,.table>tbody>tr>th.danger,. table>tfoot>tr>th.danger,.table>thead>tr.danger>td,.table>tbody>tr.danger>td,.table>tfoot> tr.danger>td,.table>thead>tr.danger>th,.table>tbody>tr.danger>th,.table>tfoot>tr.danger>th {background-color:#f2dede}.table-hover>tbody>tr>td.danger:hover,.table-hover>tbody>tr>th.d anger:hover,.table-hover>tbody>tr.danger:hover>td,.table-hover>tbody>tr.danger:hover>th{ba ckground-color:#ebcccc}@media (max-width:767px){.table-responsive{width:100%;margin-bottom:15px;overflow-y:hidden;overf low-x:scroll;-ms-overflow-style:-ms-autohiding-scrollbar;border:1px solid #ddd;-webkit-overflow-scrolling:touch}.table-responsive>.table{margin-bottom:0}.table-res ponsive>.table>thead>tr>th,.table-responsive>.table>tbody>tr>th,.table-responsive>.table>t foot>tr>th,.table-responsive>.table>thead>tr>td,.table-responsive>.table>tbody>tr>td,.tabl e-responsive>.table>tfoot>tr>td{white-space:nowrap}.table-responsive>.table-bordered{borde r:0}.table-responsive>.table-bordered>thead>tr>th:first-child,.table-responsive>.table-bor dered>tbody>tr>th:first-child,.table-responsive>.table-bordered>tfoot>tr>th:first-child,.t able-responsive>.table-bordered>thead>tr>td:first-child,.table-responsive>.table-bordered> tbody>tr>td:first-child,.table-responsive>.table-bordered>tfoot>tr>td:first-child{border-l eft:0}.table-responsive>.table-bordered>thead>tr>th:last-child,.table-responsive>.table-bo rdered>tbody>tr>th:last-child,.table-responsive>.table-bordered>tfoot>tr>th:last-child,.ta ble-responsive>.table-bordered>thead>tr>td:last-child,.table-responsive>.table-bordered>tb ody>tr>td:last-child,.table-responsive>.table-bordered>tfoot>tr>td:last-child{border-right :0}.table-responsive>.table-bordered>tbody>tr:last-child>th,.table-responsive>.table-borde red>tfoot>tr:last-child>th,.table-responsive>.table-bordered>tbody>tr:last-child>td,.table -responsive>.table-bordered>tfoot>tr:last-child>td{border-bottom:0}}fieldset{padding:0;mar gin:0;border:0;min-width:0}legend{display:block;width:100%;padding:0;margin-bottom:20px;fo nt-size:21px;line-height:inherit;color:#333;border:0;border-bottom:1px solid #e5e5e5}label{display:inline-block;margin-bottom:5px;font-weight:700}input[type=search]{- webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}input[type=r adio],input[type=checkbox]{margin:4px 0 0;margin-top:1px \9;line-height:normal}input[type=file]{display:block}input[type=range]{display:block;widt h:100%}select[multiple],select[size]{height:auto}input[type=file]:focus,input[type=radio]: focus,input[type=checkbox]:focus{outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}output{display:block;padding-top:7px;font-si ze:14px;line-height:1.42857143;color:#555}.form-control{display:block;width:100%;height:34 px;padding:6px 12px;font-size:14px;line-height:1.42857143;color:#555;background-color:#fff;background-im age:none;border:1px solid #ccc;border-radius:4px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075);-webkit-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s}.form-control:focus{border-color:#66afe9;outline:0;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6)}.form-control::-moz-placeholder{color:#999;opacity:1}.form-control:- ms-input-placeholder{color:#999}.form-control::-webkit-input-placeholder{color:#999}.form- control[disabled],.form-control[readonly],fieldset[disabled] .form-control{cursor:not-allowed;background-color:#eee;opacity:1}textarea.form-control{he ight:auto}input[type=search]{-webkit-appearance:none}input[type=date]{line-height:34px}.fo rm-group{margin-bottom:15px}.radio,.checkbox{display:block;min-height:20px;margin-top:10px ;margin-bottom:10px;padding-left:20px}.radio label,.checkbox label{display:inline;font-weight:400;cursor:pointer}.radio input[type=radio],.radio-inline input[type=radio],.checkbox input[type=checkbox],.checkbox-inline input[type=checkbox]{float:left;margin-left:-20px}.radio+.radio,.checkbox+.checkbox{margi n-top:-5px}.radio-inline,.checkbox-inline{display:inline-block;padding-left:20px;margin-bo ttom:0;vertical-align:middle;font-weight:400;cursor:pointer}.radio-inline+.radio-inline,.c heckbox-inline+.checkbox-inline{margin-top:0;margin-left:10px}input[type=radio][disabled], input[type=checkbox][disabled],.radio[disabled],.radio-inline[disabled],.checkbox[disabled ],.checkbox-inline[disabled],fieldset[disabled] input[type=radio],fieldset[disabled] input[type=checkbox],fieldset[disabled] .radio,fieldset[disabled] .radio-inline,fieldset[disabled] .checkbox,fieldset[disabled] .checkbox-inline{cursor:not-allowed}.input-sm{height:30px;padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}select.input-sm{height:30px;line-he ight:30px}textarea.input-sm,select[multiple].input-sm{height:auto}.input-lg{height:46px;pa dding:10px 16px;font-size:18px;line-height:1.33;border-radius:6px}select.input-lg{height:46px;line-h eight:46px}textarea.input-lg,select[multiple].input-lg{height:auto}.has-feedback{position: relative}.has-feedback .form-control{padding-right:42.5px}.has-feedback .form-control-feedback{position:absolute;top:25px;right:0;display:block;width:34px;height :34px;line-height:34px;text-align:center}.has-success .help-block,.has-success .control-label,.has-success .radio,.has-success .checkbox,.has-success .radio-inline,.has-success .checkbox-inline{color:#3c763d}.has-success .form-control{border-color:#3c763d;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075)}.has-success .form-control:focus{border-color:#2b542c;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #67b168;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #67b168}.has-success .input-group-addon{color:#3c763d;border-color:#3c763d;background-color:#dff0d8}.has-succe ss .form-control-feedback{color:#3c763d}.has-warning .help-block,.has-warning .control-label,.has-warning .radio,.has-warning .checkbox,.has-warning .radio-inline,.has-warning .checkbox-inline{color:#8a6d3b}.has-warning .form-control{border-color:#8a6d3b;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075)}.has-warning .form-control:focus{border-color:#66512c;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #c0a16b;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #c0a16b}.has-warning .input-group-addon{color:#8a6d3b;border-color:#8a6d3b;background-color:#fcf8e3}.has-warni ng .form-control-feedback{color:#8a6d3b}.has-error .help-block,.has-error .control-label,.has-error .radio,.has-error .checkbox,.has-error .radio-inline,.has-error .checkbox-inline{color:#a94442}.has-error .form-control{border-color:#a94442;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075)}.has-error .form-control:focus{border-color:#843534;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #ce8483;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #ce8483}.has-error .input-group-addon{color:#a94442;border-color:#a94442;background-color:#f2dede}.has-error .form-control-feedback{color:#a94442}.form-control-static{margin-bottom:0}.help-block{dis play:block;margin-top:5px;margin-bottom:10px;color:#737373}@media (min-width:768px){.form-inline .form-group{display:inline-block;margin-bottom:0;vertical-align:middle}.form-inline .form-control{display:inline-block;width:auto;vertical-align:middle}.form-inline .input-group>.form-control{width:100%}.form-inline .control-label{margin-bottom:0;vertical-align:middle}.form-inline .radio,.form-inline .checkbox{display:inline-block;margin-top:0;margin-bottom:0;padding-left:0;vertical-align :middle}.form-inline .radio input[type=radio],.form-inline .checkbox input[type=checkbox]{float:none;margin-left:0}.form-inline .has-feedback .form-control-feedback{top:0}}.form-horizontal .control-label,.form-horizontal .radio,.form-horizontal .checkbox,.form-horizontal .radio-inline,.form-horizontal .checkbox-inline{margin-top:0;margin-bottom:0;padding-top:7px}.form-horizontal .radio,.form-horizontal .checkbox{min-height:27px}.form-horizontal .form-group{margin-left:-15px;margin-right:-15px}.form-horizontal .form-control-static{padding-top:7px}@media (min-width:768px){.form-horizontal .control-label{text-align:right}}.form-horizontal .has-feedback .form-control-feedback{top:0;right:15px}.btn{display:inline-block;margin-bottom:0;font-we ight:400;text-align:center;vertical-align:middle;cursor:pointer;background-image:none;bord er:1px solid transparent;white-space:nowrap;padding:6px 12px;font-size:14px;line-height:1.42857143;border-radius:4px;-webkit-user-select:none;-mo z-user-select:none;-ms-user-select:none;user-select:none}.btn:focus,.btn:active:focus,.btn .active:focus{outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}.btn:hover,.btn:focus{color:#333;text-decora tion:none}.btn:active,.btn.active{outline:0;background-image:none;-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,.125);box-shadow:inset 0 3px 5px rgba(0,0,0,.125)}.btn.disabled,.btn[disabled],fieldset[disabled] .btn{cursor:not-allowed;pointer-events:none;opacity:.65;filter:alpha(opacity=65);-webkit- box-shadow:none;box-shadow:none}.btn-default{color:#333;background-color:#fff;border-color :#ccc}.btn-default:hover,.btn-default:focus,.btn-default:active,.btn-default.active,.open .dropdown-toggle.btn-default{color:#333;background-color:#ebebeb;border-color:#adadad}.bt n-default:active,.btn-default.active,.open .dropdown-toggle.btn-default{background-image:none}.btn-default.disabled,.btn-default[dis abled],fieldset[disabled] .btn-default,.btn-default.disabled:hover,.btn-default[disabled]:hover,fieldset[disabled] .btn-default:hover,.btn-default.disabled:focus,.btn-default[disabled]:focus,fieldset[disa bled] .btn-default:focus,.btn-default.disabled:active,.btn-default[disabled]:active,fieldset[di sabled] .btn-default:active,.btn-default.disabled.active,.btn-default[disabled].active,fieldset[d isabled] .btn-default.active{background-color:#fff;border-color:#ccc}.btn-default .badge{color:#fff;background-color:#333}.btn-primary{color:#fff;background-color:#428bca; border-color:#357ebd}.btn-primary:hover,.btn-primary:focus,.btn-primary:active,.btn-primar y.active,.open .dropdown-toggle.btn-primary{color:#fff;background-color:#3276b1;border-color:#285e8e}.bt n-primary:active,.btn-primary.active,.open .dropdown-toggle.btn-primary{background-image:none}.btn-primary.disabled,.btn-primary[dis abled],fieldset[disabled] .btn-primary,.btn-primary.disabled:hover,.btn-primary[disabled]:hover,fieldset[disabled] .btn-primary:hover,.btn-primary.disabled:focus,.btn-primary[disabled]:focus,fieldset[disa bled] .btn-primary:focus,.btn-primary.disabled:active,.btn-primary[disabled]:active,fieldset[di sabled] .btn-primary:active,.btn-primary.disabled.active,.btn-primary[disabled].active,fieldset[d isabled] .btn-primary.active{background-color:#428bca;border-color:#357ebd}.btn-primary .badge{color:#428bca;background-color:#fff}.btn-success{color:#fff;background-color:#5cb8 5c;border-color:#4cae4c}.btn-success:hover,.btn-success:focus,.btn-success:active,.btn-suc cess.active,.open .dropdown-toggle.btn-success{color:#fff;background-color:#47a447;border-color:#398439}.bt n-success:active,.btn-success.active,.open .dropdown-toggle.btn-success{background-image:none}.btn-success.disabled,.btn-success[dis abled],fieldset[disabled] .btn-success,.btn-success.disabled:hover,.btn-success[disabled]:hover,fieldset[disabled] .btn-success:hover,.btn-success.disabled:focus,.btn-success[disabled]:focus,fieldset[disa bled] .btn-success:focus,.btn-success.disabled:active,.btn-success[disabled]:active,fieldset[di sabled] .btn-success:active,.btn-success.disabled.active,.btn-success[disabled].active,fieldset[d isabled] .btn-success.active{background-color:#5cb85c;border-color:#4cae4c}.btn-success .badge{color:#5cb85c;background-color:#fff}.btn-info{color:#fff;background-color:#5bc0de; border-color:#46b8da}.btn-info:hover,.btn-info:focus,.btn-info:active,.btn-info.active,.op en .dropdown-toggle.btn-info{color:#fff;background-color:#39b3d7;border-color:#269abc}.btn-i nfo:active,.btn-info.active,.open .dropdown-toggle.btn-info{background-image:none}.btn-info.disabled,.btn-info[disabled],fi eldset[disabled] .btn-info,.btn-info.disabled:hover,.btn-info[disabled]:hover,fieldset[disabled] .btn-info:hover,.btn-info.disabled:focus,.btn-info[disabled]:focus,fieldset[disabled] .btn-info:focus,.btn-info.disabled:active,.btn-info[disabled]:active,fieldset[disabled] .btn-info:active,.btn-info.disabled.active,.btn-info[disabled].active,fieldset[disabled] .btn-info.active{background-color:#5bc0de;border-color:#46b8da}.btn-info .badge{color:#5bc0de;background-color:#fff}.btn-warning{color:#fff;background-color:#f0ad 4e;border-color:#eea236}.btn-warning:hover,.btn-warning:focus,.btn-warning:active,.btn-war ning.active,.open .dropdown-toggle.btn-warning{color:#fff;background-color:#ed9c28;border-color:#d58512}.bt n-warning:active,.btn-warning.active,.open .dropdown-toggle.btn-warning{background-image:none}.btn-warning.disabled,.btn-warning[dis abled],fieldset[disabled] .btn-warning,.btn-warning.disabled:hover,.btn-warning[disabled]:hover,fieldset[disabled] .btn-warning:hover,.btn-warning.disabled:focus,.btn-warning[disabled]:focus,fieldset[disa bled] .btn-warning:focus,.btn-warning.disabled:active,.btn-warning[disabled]:active,fieldset[di sabled] .btn-warning:active,.btn-warning.disabled.active,.btn-warning[disabled].active,fieldset[d isabled] .btn-warning.active{background-color:#f0ad4e;border-color:#eea236}.btn-warning .badge{color:#f0ad4e;background-color:#fff}.btn-danger{color:#fff;background-color:#d9534 f;border-color:#d43f3a}.btn-danger:hover,.btn-danger:focus,.btn-danger:active,.btn-danger. active,.open .dropdown-toggle.btn-danger{color:#fff;background-color:#d2322d;border-color:#ac2925}.btn -danger:active,.btn-danger.active,.open .dropdown-toggle.btn-danger{background-image:none}.btn-danger.disabled,.btn-danger[disabl ed],fieldset[disabled] .btn-danger,.btn-danger.disabled:hover,.btn-danger[disabled]:hover,fieldset[disabled] .btn-danger:hover,.btn-danger.disabled:focus,.btn-danger[disabled]:focus,fieldset[disable d] .btn-danger:focus,.btn-danger.disabled:active,.btn-danger[disabled]:active,fieldset[disab led] .btn-danger:active,.btn-danger.disabled.active,.btn-danger[disabled].active,fieldset[disa bled] .btn-danger.active{background-color:#d9534f;border-color:#d43f3a}.btn-danger .badge{color:#d9534f;background-color:#fff}.btn-link{color:#428bca;font-weight:400;cursor :pointer;border-radius:0}.btn-link,.btn-link:active,.btn-link[disabled],fieldset[disabled] .btn-link{background-color:transparent;-webkit-box-shadow:none;box-shadow:none}.btn-link, .btn-link:hover,.btn-link:focus,.btn-link:active{border-color:transparent}.btn-link:hover, .btn-link:focus{color:#2a6496;text-decoration:underline;background-color:transparent}.btn- link[disabled]:hover,fieldset[disabled] .btn-link:hover,.btn-link[disabled]:focus,fieldset[disabled] .btn-link:focus{color:#999;text-decoration:none}.btn-lg,.btn-group-lg>.btn{padding:10px 16px;font-size:18px;line-height:1.33;border-radius:6px}.btn-sm,.btn-group-sm>.btn{padding :5px 10px;font-size:12px;line-height:1.5;border-radius:3px}.btn-xs,.btn-group-xs>.btn{padding: 1px 5px;font-size:12px;line-height:1.5;border-radius:3px}.btn-block{display:block;width:100%; padding-left:0;padding-right:0}.btn-block+.btn-block{margin-top:5px}input[type=submit].btn -block,input[type=reset].btn-block,input[type=button].btn-block{width:100%}.fade{opacity:0 ;-webkit-transition:opacity .15s linear;transition:opacity .15s linear}.fade.in{opacity:1}.collapse{display:none}.collapse.in{display:block}.collapsing{p osition:relative;height:0;overflow:hidden;-webkit-transition:height .35s ease;transition:height .35s ease}@font-face{font-family:'Glyphicons Halflings';src:url(../fonts/glyphicons-halflings-regular.eot);src:url(../fonts/glyphicons -halflings-regular.eot?#iefix) format('embedded-opentype'),url(../fonts/glyphicons-halflings-regular.woff) format('woff'),url(../fonts/glyphicons-halflings-regular.ttf) format('truetype'),url(../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregu lar) format('svg')}.glyphicon{position:relative;top:1px;display:inline-block;font-family:'Glyp hicons Halflings';font-style:normal;font-weight:400;line-height:1;-webkit-font-smoothing:antiali ased;-moz-osx-font-smoothing:grayscale}.glyphicon-asterisk:before{content:"\2a"}.glyphicon -plus:before{content:"\2b"}.glyphicon-euro:before{content:"\20ac"}.glyphicon-minus:before{ content:"\2212"}.glyphicon-cloud:before{content:"\2601"}.glyphicon-envelope:before{content :"\2709"}.glyphicon-pencil:before{content:"\270f"}.glyphicon-glass:before{content:"\e001"} .glyphicon-music:before{content:"\e002"}.glyphicon-search:before{content:"\e003"}.glyphico n-heart:before{content:"\e005"}.glyphicon-star:before{content:"\e006"}.glyphicon-star-empt y:before{content:"\e007"}.glyphicon-user:before{content:"\e008"}.glyphicon-film:before{con tent:"\e009"}.glyphicon-th-large:before{content:"\e010"}.glyphicon-th:before{content:"\e01 1"}.glyphicon-th-list:before{content:"\e012"}.glyphicon-ok:before{con -
Need help getting Main method to work...
Hello everyone, I have a problem, I have a GUI that I need to run (it compiles fine, but will not run.) I am very new to Java and programing in general so go easy on me. I think I am just missing something simple here. I am going to post the basic code and see if you all can help...the issue is in written in red to help you identify my problem...
public class LagersGUI extends JFrame implements ActionListener,Serializable
{color:#0000ff}private {color}JTextArea {color:#339966}textArea{color};
{color:#0000ff}private {color}JButton {color:#339966}start,
next,
previous,
last;{color}
JLabel {color:#339966}imageLabel{color};
{color:#0000ff}private static{color} LagersAddInfo {color:#339966}inv{color} = {color:#0000ff}new {color}LagersAddInfo();
{color:#808080} /**
* @param arg0
* @throws HeadlessException
*/{color}
{color:#0000ff}public {color}LagersGUI( String arg0 ) {color:#0000ff}throws {color}HeadlessException
{color:#0000ff}super{color}( {color:#ff9900}"Inventory GUI" {color});
{color:#339966}textArea{color} = {color:#0000ff}new {color}JTextArea( 800,800 );
JScrollPane scrollPane = new JScrollPane( {color:#339966}textArea{color} );
textArea.setEditable( {color:#0000ff}false {color});
scrollPane.setVerticalScrollBarPolicy( JScrollPane.VERTICAL_SCROLLBAR_ALWAYS );
scrollPane.setPreferredSize( new Dimension( 600, 100 ) );
JPanel cp = new JPanel();
cp.setSize( 400, 100 );
cp.setLayout( new BorderLayout() );
cp.add( scrollPane,BorderLayout.{color:#339966}CENTER{color} );
JPanel buttonPanel = new JPanel();
JPanel buttonPanel1 = new JPanel();
{color:#339966}start{color} = new JButton( {color:#ff9900}"Start"{color} );
{color:#339966}start{color}.addActionListener( {color:#0000ff}this {color});
{color:#339966} next{color} = new JButton( {color:#ff9900}"Next" {color});
{color:#339966} next{color}.addActionListener( {color:#0000ff}this {color});
{color:#339966}previous{color} = new JButton( {color:#ff9900}"Previous"{color} );
{color:#339966} previous{color}.addActionListener( {color:#0000ff}this {color});
{color:#339966} last{color} = new JButton({color:#ff9900} "Last"{color} );
{color:#339966} last{color}.addActionListener( {color:#0000ff}this {color});
buttonPanel.add( {color:#339966}start {color});
buttonPanel.add( {color:#339966}next {color});
buttonPanel.add( {color:#339966}previous {color});
buttonPanel.add( {color:#339966}last {color});
cp.add( buttonPanel,BorderLayout.{color:#339966}SOUTH {color});
cp.add( buttonPanel1,BorderLayout.{color:#339966}NORTH {color});{color:#999999}///NewInventory_Test/logo.gif{color}
java.net.URL u = {color:#0000ff}this{color}.getClass().getClassLoader().getResource({color:#ff9900}"\\NewInventory_Test\\logo.gif"{color});
ImageIcon icon = {color:#0000ff}new {color}ImageIcon(u);
{color:#339966}imageLabel{color} = new JLabel( {color:#ff9900}"Inventory View"{color}, icon, JLabel.{color:#339966}CENTER {color});
cp.add({color:#339966} imageLabel{color},BorderLayout.{color:#339966}WEST{color} );
{color:#0000ff}this{color}.setContentPane( cp );
{color:#0000ff}this{color}.setContentPane( cp );
{color:#0000ff}this{color}.setTitle( "Inventory Program IT 215" );
{color:#0000ff}this{color}.setDefaultCloseOperation( JFrame.{color:#339966}EXIT_ON_CLOSE{color} );
{color:#0000ff} this{color}.{color:#339966}textArea{color}.setText({color:#339966}inv{color}.getStart());
{color:#0000ff} this{color}.setSize(200, 200);
{color:#0000ff}this{color}.pack();
{color:#0000ff}this{color}.setVisible( {color:#0000ff}true {color});
@Override
{color:#0000ff}public void{color} actionPerformed( ActionEvent e )
// TODO Auto-generated method stub
{color:#0000ff} if {color}( e.getActionCommand().equals({color:#ff9900} "Start"{color} ) )
textArea.setText( {color:#339966}inv{color}.getStart() );
{color:#0000ff}if {color}( e.getActionCommand().equals( {color:#ff9900}"Next" {color}) )
textArea.setText({color:#339966}inv{color}.getNext());
{color:#0000ff}if{color} ( e.getActionCommand().equals( {color:#ff9900}"Previous" {color}) )
textArea.setText( {color:#339966}inv{color}.getPrevious() );
{color:#0000ff} if{color} ( e.getActionCommand().equals( {color:#ff9900}"Last"{color} ) )
textArea.setText({color:#339966}inv{color}.getLast());
{color:#0000ff}public static {color}LagersAddInfo getInv()
{color:#0000ff}return{color:#339966} {color}{color}{color:#339966}inv{color};
{color:#0000ff}public static void{color} setInv( LagersAddInfo inv )
LagersGUI.{color:#339966}inv {color}= inv;
{color:#808080} /**
* @param args
*/{color}
{color:#0000ff}public static void {color}main( String[] args )
LagersGUI {color:#ff0000}_inventory_ {color}= {color:#0000ff}new {color}LagersGUI( {color:#ff9900}"Inventory"{color} );{color:#ff0000}//** here's the part I'm having trouble with...inventory is an * unused variable. What other way could I get {color:#000000}main{color} */ method to work?{color}
}This forum can format your code for you and make it easier to read. Simply click the CODE button and two tags will appear. Then paste your code in between the tags. Important, copy code form your source not first post.
-
Adjust Arch forum text with dark theme
I have written 2 greasemonkey scripts (these are usually helpful for people with dark themes):
- One that changes the subject box and buttons to white text
// ==UserScript==
// @name Arch Linux Dark Text Fix
// @description Displays dark text on an Arch Linux page.
// @include http://bbs.archlinux.org/post.php*
// @include http://bbs.archlinux.org/edit.php*
// ==/UserScript==
function addGlobalStyle(css) {
var head, style;
head = document.getElementsByTagName('head')[0];
if (!head) { return; }
style = document.createElement('style');
style.type = 'text/css';
style.innerHTML = css;
head.appendChild(style);
addGlobalStyle('input { color:white; }');
- One that changes the message box to black text
// ==UserScript==
// @name Arch Linux Light Text Fix
// @description Displays light text on an Arch Linux page.
// @include http://bbs.archlinux.org/post.php*
// @include http://bbs.archlinux.org/edit.php*
// ==/UserScript==
function addGlobalStyle(css) {
var head, style;
head = document.getElementsByTagName('head')[0];
if (!head) { return; }
style = document.createElement('style');
style.type = 'text/css';
style.innerHTML = css;
head.appendChild(style);
addGlobalStyle('textarea { color:black; }');
Save those into a text file with a .user.js extension and import them into greasemonkey.
Last edited by itsbrad212 (2010-07-02 03:49:00)toxygen wrote:can you show a screenshot of what it does (with and w/o the script preferably)? currently i use a variant of tjw's dark script, and i'm not seeing issues...
Well, a screenshot wouldn't be of use, because the text is a very dim white, and you wouldn't even be able to see it. Just imagine what it looks like
But here it is anyway. If you look really closely you can see the text "This is white text".
http://img35.imageshack.us/img35/3728/2 … 0x1080.png
As for the dark text fix, you can look at this thread:
http://bbs.archlinux.org/viewtopic.php?id=100296
Last edited by itsbrad212 (2010-07-02 17:22:53) -
When viewing the same index file I see significant differences between the design views of Dreamweaver CS4 and Dreamweaver CS6. The index file was created in CS5. My CS4 displays it correctly while CS6 design view is not even close. The live views are correct with both.
Here is the original .php doc. (Does not contain any php because that was the exercise to insert it).
<!DOCTYPE html>
<html dir="ltr" lang="en-US">
<head>
<meta charset="UTF-8">
<title>Explore California</title>
<link rel="profile" href="http://gmpg.org/xfn/11">
<link rel="stylesheet" type="text/css" media="all" href="style.css">
</head>
<body class="home blog">
<div id="wrapper" class="hfeed">
<div id="header">
<div id="masthead"> <a href="http://localhost/explore_ca/index.htm"><img src="images/logo.gif" width="192" height="237" alt="Explore California Home"></a></div>
<!-- #masthead -->
</div>
<!-- #header -->
<div id="main">
<div id="container">
<div id="content" role="main">
<div id="templateID" >
<h1>Heading</h1>
</div>
</div>
<!-- #content -->
</div>
<!-- #container -->
<div id="primary" class="widget-area" role="complementary">
<ul id="baseNav">
<li><a href="http://www.explorecalifornia.org/tours.htm" title="Explore our tours" class="tours">Tours</a></li>
<li><a href="http://www.exlorecalifornia.org/mission.htm" title="What we think" class="mission">Mission</a></li>
<li><a href="http://www.explorecalifornia.org/contact.htm" title="Contact and support" class="contact">Contact</a></li>
<li><a href="http://www.explorecalifornia.org/resources.htm" title="Guidance and planning" class="resources">Resources</a></li>
<li><a href="http://www.explorecalifornia.org/explorers.htm" title="Join our community" class="explorers current">Explorers</a></li>
</ul>
<!--<ul class="xoxo">
<li id="search-2" class="widget-container widget_search"><form role="search" method="get" id="searchform" action="http://localhost/explore_ca/">
<div><label class="screen-reader-text" for="s">Search for:</label>
<input type="text" value="" name="s" id="s">
<input type="submit" id="searchsubmit" value="Search">
</div>
</form></li> <li id="recent-posts-2" class="widget-container widget_recent_entries"> <h3 class="widget-title">Recent Posts</h3> <ul>
<li><a href="http://localhost/explore_ca/?p=4" title="Mountain Biking Rules">Mountain Biking Rules</a></li>
<li><a href="http://localhost/explore_ca/?p=1" title="Hello world!">Hello world!</a></li>
</ul>
</li><li id="archives-2" class="widget-container widget_archive"><h3 class="widget-title">Archives</h3> <select name="archive-dropdown" onchange="document.location.href=this.options[this.selectedIndex].value;"> <option value="">Select Month</option> <option value="http://localhost/explore_ca/?m=201008"> August 2010 </option>
</select>
</li><li id="categories-2" class="widget-container widget_categories"><h3 class="widget-title">Categories</h3> <ul>
<li class="cat-item cat-item-1"><a href="http://localhost/explore_ca/?cat=1" title="View all posts filed under Uncategorized">Uncategorized</a>
</li>
</ul>
</li> </ul>-->
</div>
<!-- #primary .widget-area -->
</div>
<!-- #main -->
<div id="footer" role="contentinfo">
<div id="footerContent">
<div id="footerMenu">
<h3>Quick Nav</h3>
<ul id="quickNav">
<li><a href="../tours.htm" title="Explore our tours">Tours</a></li>
<li><a href="../mission.htm" title="What we think">Mission</a></li>
<li><a href="../contact.htm" title="Contact and support">Contact</a></li>
<li><a href="../resources.htm" title="Guidance and planning">Resources</a></li>
<li><a href="../explorers.htm" title="Join our community">Explorers</a></li>
</ul>
</div>
<div id="footerBody">
<div id="footerMidCol">
<h3><a href="../resources/faq.htm">FAQ</a></h3>
<p>Find out more about our tours</p>
<h3><a href="../contact/support.htm">Support</a></h3>
<p>Need help? It's just a click away!</p>
<h3><a href="../resources/legal.htm">Legal Disclaimer</a></h3>
</div>
<div id="footerRightCol">
<h1>Explore California</h1>
<p>5605 Nota Street<br />
Ventura, CA 93003</p>
<p class="phone">866.555.4310</p>
</div>
</div>
</div>
<p class="support clearBoth">Explore California © 2010 All Rights Reserved
</p>
</div>
<!-- #footer -->
</div>
<!-- #wrapper -->
</body>
</html>
And here is the related css with reset code
Theme Name: Explore California
Theme URI: http://explorecalifornia.org/
Description: A new theme.
Author: Joe Lowery for Lynda.com
Version: 1.0
Tags: Western
/* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
background: transparent;
border: 0;
margin: 0;
padding: 0;
vertical-align: baseline;
body {
line-height: 1;
h1, h2, h3, h4, h5, h6 {
clear: both;
font-weight: normal;
ol, ul {
list-style: none;
blockquote {
quotes: none;
blockquote:before, blockquote:after {
content: '';
content: none;
del {
text-decoration: line-through;
/* tables still need 'cellspacing="0"' in the markup */
table {
border-collapse: collapse;
border-spacing: 0;
a img {
border: none;
/* =Layout
LAYOUT: Two columns
DESCRIPTION: Two-column fixed layout with one sidebar right of content
#container {
float: right;
margin: 0 -260px 0 0;
width: 100%;
#content {
margin: 0 280px 0 20px;
#primary,
#secondary {
float: left;
overflow: hidden;
width: 250px;
#secondary {
clear: right;
#footer {
clear: both;
width: 100%;
LAYOUT: One column, no sidebar
DESCRIPTION: One centered column with no sidebar
.one-column #content {
margin: 0 auto;
width: 640px;
LAYOUT: Full width, no sidebar
DESCRIPTION: Full width content with no sidebar; used for attachment pages
.single-attachment #content {
margin: 0 auto;
width: 900px;
/* =Fonts
body,
input,
textarea,
.page-title span,
.pingback a.url {
font-family: Georgia, "Bitstream Charter", serif;
h3#comments-title,
h3#reply-title,
#access .menu,
#access div.menu ul,
#cancel-comment-reply-link,
.form-allowed-tags,
#site-info,
#site-title,
#wp-calendar,
.comment-meta,
.comment-body tr th,
.comment-body thead th,
.entry-content label,
.entry-content tr th,
.entry-content thead th,
.entry-meta,
.entry-title,
.entry-utility,
#respond label,
.navigation,
.page-title,
.pingback p,
.reply,
.widget-title,
.wp-caption-text,
input[type=submit] {
font-family: "Helvetica Neue", Arial, Helvetica, "Nimbus Sans L", sans-serif;
pre {
font-family: "Courier 10 Pitch", Courier, monospace;
code {
font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
/* =Structure
/* The main theme structure */
#access .menu-header,
div.menu,
#colophon,
#branding,
#main,
#wrapper {
margin: 0 auto;
width: 930px;
#wrapper {
background: #fff;
margin-top: 25px;
padding: 0;
/* Structure the footer area */
#footer-widget-area {
overflow: hidden;
#footer-widget-area .widget-area {
float: left;
margin-right: 20px;
width: 220px;
#footer-widget-area #fourth {
margin-right: 0;
#site-info {
float: left;
font-size: 14px;
font-weight: bold;
width: 700px;
#site-generator {
float: right;
width: 220px;
/* =Global Elements
/* Main global 'theme' and typographic styles */
body {
background: #e1d8b9 url(images/page_background.jpg) repeat-x left top;
body,
input,
textarea {
color: #666;
font-size: 12px;
line-height: 18px;
hr {
background-color: #e7e7e7;
border: 0;
clear: both;
height: 1px;
margin-bottom: 18px;
/* Text elements */
p {
margin-bottom: 18px;
ul {
list-style: square;
margin: 0 0 18px 1.5em;
ol {
list-style: decimal;
margin: 0 0 18px 1.5em;
ol ol {
list-style: upper-alpha;
ol ol ol {
list-style: lower-roman;
ol ol ol ol {
list-style: lower-alpha;
ul ul,
ol ol,
ul ol,
ol ul {
margin-bottom: 0;
dl {
margin: 0 0 24px 0;
dt {
font-weight: bold;
dd {
margin-bottom: 18px;
strong {
font-weight: bold;
cite,
em,
i {
font-style: italic;
big {
font-size: 131.25%;
ins {
background: #ffc;
text-decoration: none;
blockquote {
font-style: italic;
padding: 0 3em;
blockquote cite,
blockquote em,
blockquote i {
font-style: normal;
pre {
background: #f7f7f7;
color: #222;
line-height: 18px;
margin-bottom: 18px;
padding: 1.5em;
abbr,
acronym {
border-bottom: 1px dotted #666;
cursor: help;
sup,
sub {
height: 0;
line-height: 1;
position: relative;
vertical-align: baseline;
sup {
bottom: 1ex;
sub {
top: .5ex;
input[type="text"],
textarea {
background: #f9f9f9;
border: 1px solid #ccc;
box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1);
-moz-box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1);
-webkit-box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1);
padding: 2px;
a:link {
color: #0066cc;
a:visited {
color: #743399;
a:active,
a:hover {
color: #ff4b33;
/* Text meant only for screen readers */
.screen-reader-text {
position: absolute;
left: -9000px;
/* =Header
#header {
padding: 30px 0 0;
background: url(images/blog_banner.jpg) no-repeat;
height: 187px;
position: relative;
#masthead {
position: absolute;
left: 42px;
top: -20px;
#site-title {
float: left;
font-size: 30px;
line-height: 36px;
margin: 0 0 18px 0;
width: 700px;
#site-title a {
color: #000;
font-weight: bold;
text-decoration: none;
#site-description {
clear: right;
float: right;
font-style: italic;
margin: 14px 0 18px 0;
width: 220px;
/* This is the custom header image */
#branding img {
border-top: 4px solid #000;
border-bottom: 1px solid #000;
clear: both;
display: block;
/* =Menu
#access {
background: #000;
display: block;
float: left;
margin: 0 auto;
width: 940px;
#access .menu-header,
div.menu {
font-size: 13px;
margin-left: 12px;
width: 928px;
#access .menu-header ul,
div.menu ul {
list-style: none;
margin: 0;
#access .menu-header li,
div.menu li {
float: left;
position: relative;
#access a {
color: #aaa;
display: block;
line-height: 38px;
padding: 0 10px;
text-decoration: none;
#access ul ul {
box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
-webkit-box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
display: none;
position: absolute;
top: 38px;
left: 0;
float: left;
width: 180px;
z-index: 99999;
#access ul ul li {
min-width: 180px;
#access ul ul ul {
left: 100%;
top: 0;
#access ul ul a {
background: #333;
line-height: 1em;
padding: 10px;
width: 160px;
height: auto;
#access li:hover > a,
#access ul ul :hover > a {
background: #333;
color: #fff;
#access ul li:hover > ul {
display: block;
#access ul li.current_page_item > a,
#access ul li.current-menu-ancestor > a,
#access ul li.current-menu-item > a,
#access ul li.current-menu-parent > a {
color: #fff;
* html #access ul li.current_page_item a,
* html #access ul li.current-menu-ancestor a,
* html #access ul li.current-menu-item a,
* html #access ul li.current-menu-parent a,
* html #access ul li a:hover {
color: #fff;
/* =Content
#main {
clear: both;
overflow: hidden;
padding: 40px 0 0 0;
#content {
margin-bottom: 36px;
#content,
#content input,
#content textarea {
color: #333;
font-size: 16px;
line-height: 24px;
#content p,
#content ul,
#content ol,
#content dd,
#content pre,
#content hr {
margin-bottom: 24px;
#content ul ul,
#content ol ol,
#content ul ol,
#content ol ul {
margin-bottom: 0;
#content pre,
#content kbd,
#content tt,
#content var {
font-size: 15px;
line-height: 21px;
#content code {
font-size: 13px;
#content dt,
#content th {
color: #000;
#content h1,
#content h2,
#content h3,
#content h4,
#content h5,
#content h6 {
color: #000;
line-height: 1.5em;
margin: 0 0 20px 0;
#content table {
border: 1px solid #e7e7e7;
margin: 0 -1px 24px 0;
text-align: left;
width: 100%;
#content tr th,
#content thead th {
color: #888;
font-size: 12px;
font-weight: bold;
line-height: 18px;
padding: 9px 24px;
#content tr td {
border-top: 1px solid #e7e7e7;
padding: 6px 24px;
#content tr.odd td {
background: #f2f7fc;
.hentry {
margin: 0 0 48px 0;
.home .sticky {
background: #f2f7fc;
border-top: 4px solid #000;
margin-left: -20px;
margin-right: -20px;
padding: 18px 20px;
.single .hentry {
margin: 0 0 36px 0;
.page-title {
color: #000;
font-size: 14px;
font-weight: bold;
margin: 0 0 36px 0;
.page-title span {
color: #333;
font-size: 16px;
font-style: italic;
font-weight: normal;
.page-title a:link,
.page-title a:visited {
color: #888;
text-decoration: none;
.page-title a:active,
.page-title a:hover {
color: #ff4b33;
#content .entry-title {
color: #000;
font-size: 21px;
font-weight: bold;
line-height: 1.3em;
margin-bottom: 0;
.entry-title a:link,
.entry-title a:visited {
color: #000;
text-decoration: none;
.entry-title a:active,
.entry-title a:hover {
color: #ff4b33;
.entry-meta {
color: #888;
font-size: 12px;
.entry-meta abbr,
.entry-utility abbr {
border: none;
.entry-meta abbr:hover,
.entry-utility abbr:hover {
border-bottom: 1px dotted #666;
.entry-content,
.entry-summary {
clear: both;
padding: 12px 0 0 0;
#content .entry-summary p:last-child {
margin-bottom: 12px;
.entry-content fieldset {
border: 1px solid #e7e7e7;
margin: 0 0 24px 0;
padding: 24px;
.entry-content fieldset legend {
background: #fff;
color: #000;
font-weight: bold;
padding: 0 24px;
.entry-content input {
margin: 0 0 24px 0;
.entry-content input.file,
.entry-content input.button {
margin-right: 24px;
.entry-content label {
color: #888;
font-size: 12px;
.entry-content select {
margin: 0 0 24px 0;
.entry-content sup,
.entry-content sub {
font-size: 10px;
.entry-content blockquote.left {
float: left;
margin-left: 0;
margin-right: 24px;
text-align: right;
width: 33%;
.entry-content blockquote.right {
float: right;
margin-left: 24px;
margin-right: 0;
text-align: left;
width: 33%;
.page-link {
color: #000;
font-weight: bold;
margin: 0 0 22px 0;
word-spacing: 0.5em;
.page-link a:link,
.page-link a:visited {
background: #f1f1f1;
color: #333;
font-weight: normal;
padding: 0.5em 0.75em;
text-decoration: none;
.home .sticky .page-link a {
background: #d9e8f7;
.page-link a:active,
.page-link a:hover {
color: #ff4b33;
body.page .edit-link {
clear: both;
display: block;
#entry-author-info {
background: #f2f7fc;
border-top: 4px solid #000;
clear: both;
font-size: 14px;
line-height: 20px;
margin: 24px 0;
overflow: hidden;
padding: 18px 20px;
#entry-author-info #author-avatar {
background: #fff;
border: 1px solid #e7e7e7;
float: left;
height: 60px;
margin: 0 -104px 0 0;
padding: 11px;
#entry-author-info #author-description {
float: left;
margin: 0 0 0 104px;
#entry-author-info h2 {
color: #000;
font-size: 100%;
font-weight: bold;
margin-bottom: 0;
.entry-utility {
clear: both;
color: #888;
font-size: 12px;
line-height: 18px;
.entry-meta a,
.entry-utility a {
color: #888;
.entry-meta a:hover,
.entry-utility a:hover {
color: #ff4b33;
#content .video-player {
padding: 0;
/* =Asides
.home #content .category-asides p {
font-size: 14px;
line-height: 20px;
margin-bottom: 10px;
margin-top: 0;
.home .hentry.category-asides {
padding: 0;
.home #content .category-asides .entry-content {
padding-top: 0;
/* =Gallery listing
.category-gallery .size-thumbnail img {
border: 10px solid #f1f1f1;
margin-bottom: 0;
.category-gallery .gallery-thumb {
float: left;
margin-right: 20px;
margin-top: -4px;
.home #content .category-gallery .entry-utility {
padding-top: 4px;
/* =Attachment pages
.attachment .entry-content .entry-caption {
font-size: 140%;
margin-top: 24px;
.attachment .entry-content .nav-previous a:before {
content: '\2190\00a0';
.attachment .entry-content .nav-next a:after {
content: '\00a0\2192';
/* =Images
#content img {
margin: 0;
height: auto;
max-width: 640px;
width: auto;
#content .attachment img {
max-width: 900px;
#content .alignleft,
#content img.alignleft {
display: inline;
float: left;
margin-right: 24px;
margin-top: 4px;
#content .alignright,
#content img.alignright {
display: inline;
float: right;
margin-left: 24px;
margin-top: 4px;
#content .aligncenter,
#content img.aligncenter {
clear: both;
display: block;
margin-left: auto;
margin-right: auto;
#content img.alignleft,
#content img.alignright,
#content img.aligncenter {
margin-bottom: 12px;
#content .wp-caption {
background: #f1f1f1;
line-height: 18px;
margin-bottom: 20px;
padding: 4px;
text-align: center;
#content .wp-caption img {
margin: 5px 5px 0;
#content .wp-caption p.wp-caption-text {
color: #888;
font-size: 12px;
margin: 5px;
#content .wp-smiley {
margin: 0;
#content .gallery {
margin: 0 auto 18px;
#content .gallery .gallery-item {
float: left;
margin-top: 0;
text-align: center;
width: 33%;
#content .gallery img {
border: 2px solid #cfcfcf;
#content .gallery .gallery-caption {
color: #888;
font-size: 12px;
margin: 0 0 12px;
#content .gallery dl {
margin: 0;
#content .gallery img {
border: 10px solid #f1f1f1;
#content .gallery br+br {
display: none;
#content .attachment img { /* single attachment images should be centered */
display: block;
margin: 0 auto;
/* =Navigation
.navigation {
color: #888;
font-size: 12px;
line-height: 18px;
overflow: hidden;
.navigation a:link,
.navigation a:visited {
color: #888;
text-decoration: none;
.navigation a:active,
.navigation a:hover {
color: #ff4b33;
.nav-previous {
float: left;
width: 50%;
.nav-next {
float: right;
text-align: right;
width: 50%;
#nav-above {
margin: 0 0 18px 0;
#nav-above {
display: none;
.paged #nav-above,
.single #nav-above {
display: block;
#nav-below {
margin: -18px 0 0 0;
/* =Comments
#comments {
clear: both;
#comments .navigation {
padding: 0 0 18px 0;
h3#comments-title,
h3#reply-title {
color: #000;
font-size: 20px;
font-weight: bold;
margin-bottom: 0;
h3#comments-title {
padding: 24px 0;
.commentlist {
list-style: none;
margin: 0;
.commentlist li.comment {
border-bottom: 1px solid #e7e7e7;
line-height: 24px;
margin: 0 0 24px 0;
padding: 0 0 0 56px;
position: relative;
.commentlist li:last-child {
border-bottom: none;
margin-bottom: 0;
#comments .comment-body ul,
#comments .comment-body ol {
margin-bottom: 18px;
#comments .comment-body p:last-child {
margin-bottom: 6px;
#comments .comment-body blockquote p:last-child {
margin-bottom: 24px;
.commentlist ol {
list-style: decimal;
.commentlist .avatar {
position: absolute;
top: 4px;
left: 0;
.comment-author {
.comment-author cite {
color: #000;
font-style: normal;
font-weight: bold;
.comment-author .says {
font-style: italic;
.comment-meta {
font-size: 12px;
margin: 0 0 18px 0;
.comment-meta a:link,
.comment-meta a:visited {
color: #888;
text-decoration: none;
.comment-meta a:active,
.comment-meta a:hover {
color: #ff4b33;
.commentlist .even {
.commentlist .bypostauthor {
.reply {
font-size: 12px;
padding: 0 0 24px 0;
.reply a,
a.comment-edit-link {
color: #888;
.reply a:hover,
a.comment-edit-link:hover {
color: #ff4b33;
.commentlist .children {
list-style: none;
margin: 0;
.commentlist .children li {
border: none;
margin: 0;
.nopassword,
.nocomments {
display: none;
#comments .pingback {
border-bottom: 1px solid #e7e7e7;
margin-bottom: 18px;
padding-bottom: 18px;
.commentlist li.comment+li.pingback {
margin-top: -6px;
#comments .pingback p {
color: #888;
display: block;
font-size: 12px;
line-height: 18px;
margin: 0;
#comments .pingback .url {
font-size: 13px;
font-style: italic;
/* Comments form */
input[type=submit] {
color: #333;
#respond {
border-top: 1px solid #e7e7e7;
margin: 24px 0;
overflow: hidden;
position: relative;
#respond p {
margin: 0;
#respond .comment-notes {
margin-bottom: 1em;
.form-allowed-tags {
line-height: 1em;
.children #respond {
margin: 0 48px 0 0;
h3#reply-title {
margin: 18px 0;
#comments-list #respond {
margin: 0 0 18px 0;
#comments-list ul #respond {
margin: 0;
#cancel-comment-reply-link {
font-size: 12px;
font-weight: normal;
line-height: 18px;
#respond .required {
color: #ff4b33;
font-weight: bold;
#respond label {
color: #888;
font-size: 12px;
#respond input {
margin: 0 0 9px;
width: 98%;
#respond textarea {
width: 98%;
#respond .form-allowed-tags {
color: #888;
font-size: 12px;
line-height: 18px;
#respond .form-allowed-tags code {
font-size: 11px;
#respond .form-submit {
margin: 12px 0;
#respond .form-submit input {
font-size: 14px;
width: auto;
/* =Widget Areas
.widget-area ul {
list-style: none;
margin-left: 0;
.widget-area ul ul {
list-style: square;
margin-left: 1.3em;
.widget_search #s {/* This keeps the search inputs in line */
width: 60%;
.widget_search label {
display: none;
.widget-container {
margin: 0 0 18px 45px;
.widget-title {
color: #3B6B91;
font-weight: bold;
.widget-area a:link,
.widget-area a:visited {
text-decoration: none;
.widget-area a:active,
.widget-area a:hover {
text-decoration: underline;
.widget-area .entry-meta {
font-size: 11px;
#wp_tag_cloud div {
line-height: 1.6em;
#wp-calendar {
width: 100%;
#wp-calendar caption {
color: #222;
font-size: 14px;
font-weight: bold;
padding-bottom: 4px;
text-align: left;
#wp-calendar thead {
font-size: 11px;
#wp-calendar thead th {
#wp-calendar tbody {
color: #aaa;
#wp-calendar tbody td {
background: #f5f5f5;
border: 1px solid #fff;
padding: 3px 0 2px;
text-align: center;
#wp-calendar tbody .pad {
background: none;
#wp-calendar tfoot #next {
text-align: right;
.widget_rss a.rsswidget {
color: #000;
.widget_rss a.rsswidget:hover {
color: #ff4b33;
.widget_rss .widget-title img {
width: 11px;
height: 11px;
/* Main sidebars */
#main .widget-area ul {
margin-left: 0;
padding: 0 20px 0 0;
#main .widget-area ul ul {
border: none;
margin-left: 1.3em;
padding: 0;
#primary {
#secondary {
/* Footer widget areas */
#footer-widget-area {
/* =Footer
#footer {
margin-bottom: 20px;
background: url(images/footer_back.gif) no-repeat center top;
height: 600px;
#colophon {
overflow: hidden;
padding: 45px 0;
font-weight: bold;
color: #FFF;
text-align: center;
#site-info {
font-weight: bold;
#site-info a {
color: #000;
text-decoration: none;
#site-generator {
font-style: italic;
position: relative;
#site-generator a {
background: url(images/wordpress.png) center left no-repeat;
color: #666;
display: inline-block;
line-height: 16px;
padding-left: 20px;
text-decoration: none;
#site-generator a:hover {
text-decoration: underline;
img#wpstats {
display: block;
margin: 0 auto 10px;
/* =Mobile Safari ( iPad, iPhone and iPod Touch )
pre {
-webkit-text-size-adjust: 140%;
code {
-webkit-text-size-adjust: 160%;
#access,
.entry-meta,
.entry-utility,
.navigation,
.widget-area {
-webkit-text-size-adjust: 120%;
#site-description {
-webkit-text-size-adjust: none;
/* =Print Style
@media print {
body {
background: none !important;
#wrapper {
clear: both !important;
display: block !important;
float: none !important;
position: relative !important;
#header {
border-bottom: 2pt solid #000;
padding-bottom: 18pt;
#colophon {
border-top: 2pt solid #000;
#site-title,
#site-description {
float: none;
line-height: 1.4em;
margin: 0;
padding: 0;
#site-title {
font-size: 13pt;
.entry-content {
font-size: 14pt;
line-height: 1.6em;
.entry-title {
font-size: 21pt;
#access,
#branding img,
#respond,
.comment-edit-link,
.edit-link,
.navigation,
.page-link,
.widget-area {
display: none !important;
#container,
#header,
#footer {
margin: 0;
width: 100%;
#content,
.one-column #content {
margin: 24pt 0 0;
width: 100%;
.wp-caption p {
font-size: 11pt;
#site-info,
#site-generator {
float: none;
width: auto;
#colophon {
width: auto;
img#wpstats {
display: none;
#site-generator a {
margin: 0;
padding: 0;
#entry-author-info {
border: 1px solid #e7e7e7;
#main {
display: inline;
.home .sticky {
border: none;
/* -------- sidebar region --------*/
#sidebar .sidebarContent {
padding-left: 45px;
/* base navigation */
ul#baseNav {
float: left;
list-style: none;
margin:0;
padding:0;
margin-bottom: 30px;
ul#baseNav li {
margin: 0;
padding: 0;
ul#baseNav li a{
display: block;
width: 272px;
height: 70px;
text-indent: -1000em;
ul#baseNav li a.tours {
background: url(images/tours_main.gif) no-repeat left top;
ul#baseNav li a.mission{
background: url(images/mission_main.gif) no-repeat left top;
ul#baseNav li a.contact {
background: url(images/contact_main.gif) no-repeat left top;
ul#baseNav li a.resources {
background: url(images/resource_main.gif) no-repeat left top;
ul#baseNav li a.explorers {
background: url(images/explorers_main.gif) no-repeat left top;
ul#baseNav li a.current, ul#baseNav li a.current:hover {
background-position: right top;
border: none;
cursor: default;
ul#baseNav li a:hover {
background-position: -272px 0;
border: none;
/* ------- footer region ------- */
#footer h1 {
padding: 0;
#footer h3 {
font: normal 1.3em Arial, Helvetica, sans-serif;
color: #fff;
margin-bottom: 0.5em;
letter-spacing: 0.1em;
margin-top: 0px;
#footer p{
font: normal 1em Georgia, "Times New Roman", Times, serif;
color: #fff;
#footer p.support {
font-size: 0.8em;
text-align: center;
padding-top: 250px;
#footer p.support a{
color: #147;
#footer p.support a:hover{
color: #147;
border-bottom: 1px dashed #147;
text-decoration:none;
#footer ul#quickNav {
list-style: none;
margin: 0;
padding: 0;
#footer ul#quickNav li {
margin: 0 0 .5em 0;
padding: 0 ;
#footer ul#quickNav li a{
text-decoration: none;
color: #fff;
font-size: 1em;
font-family: Georgia, "Times New Roman", Times, serif;
#footer ul#quickNav li a:hover {
color: #193742;
border-bottom-color: #193742;
#footer #footerMenu {
float: left;
width: 230px;
#footer #footerBody {
float: right;
width: 540px;
#footer #footerBody a {
text-decoration: none;
color: #fff;
#footer #footerBody a:hover {
color: #193742;
border-bottom-color: #193742;
#footer #footerBody #footerMidCol {
float: left;
width: 270px;
#footer #footerBody #footerMidCol p {
margin-bottom: 2em;
#footer #footerBody #footerRightCol {
float: right;
width: 270px;
#footer #footerBody #footerRightCol h1{
font: bold 1.6em Georgia, "Times New Roman", Times, serif;
color: #fff;
letter-spacing:.1em;
text-align:right;
margin-bottom: .25em;
#footer #footerBody #footerRightCol p{
color: #fff;
letter-spacing:.1em;
line-height: 1.2;
text-align:right;
margin-bottom: 1em;
#footer #footerBody #footerRightCol p.phone{
font: bold 1.6em Georgia, "Times New Roman", Times, serif;
color: #fff;
letter-spacing:.1em;
/* Page template rules */
#templateID h1 {
text-align: center;
font: 4em "Trebuchet MS", Arial, Helvetica, sans-serif;
#footer #footerContent {
padding: 45px 30px 0px;
overflow: hidden; -
How to set background color for textarea
Hi all,
I have created an application in Apex 3.2.
I am now able to disable the text fields, select lists and textarea.
Ex:
function disableDD()
var v_ddays = document.getElementById("P2_DELINQUENCY_DAYS");
v_ddays.value = "";
v_ddays.disabled = true;
v_ddays.style.background = '#cccccc';
}The background color thing is working for all the text fields, but the same is not working with the textarea.
Any help please....There is no button involved in the following code, but it may
be of use to you:
<?xml version="1.0"?>
<mx:Application xmlns:mx="
http://www.adobe.com/2006/mxml"
creationComplete="init()">
<mx:Script>
<![CDATA[
private var origColor:uint;
private function init():void {
origColor = dc.getStyle("selectionColor");
public function setBackGrdColors(newColor:uint):void {
dc.setStyle("selectionColor", origColor);
if(dc.selectedDate){
var dayOfWeek:Number = dc.selectedDate.day;
else{
return;
switch(dayOfWeek) {
case 0:
if(sun.selected)
dc.setStyle("selectionColor", newColor);
break;
case 1:
if(mon.selected)
dc.setStyle("selectionColor", newColor);
break;
case 2:
if(tue.selected)
dc.setStyle("selectionColor", newColor);
break;
case 3:
if(wed.selected)
dc.setStyle("selectionColor", newColor);
break;
case 4:
if(thu.selected)
dc.setStyle("selectionColor", newColor);
break;
case 5:
if(fri.selected)
dc.setStyle("selectionColor", newColor);
break;
case 6:
if(sat.selected)
dc.setStyle("selectionColor", newColor);
break;
default:
break;
]]>
</mx:Script>
<mx:VBox horizontalAlign="center" verticalGap="20">
<mx:DateChooser id="dc" textAlign="left"
change="setBackGrdColors(cellColor.selectedColor)"/>
<mx:HBox width="100%" horizontalAlign="center">
<mx:CheckBox id="sun" label="Sun"/>
<mx:CheckBox id="mon" label="Mon"/>
<mx:CheckBox id="tue" label="Tue"/>
<mx:CheckBox id="wed" label="Wed"/>
</mx:HBox>
<mx:HBox width="100%" horizontalAlign="center">
<mx:CheckBox id="thu" label="Thu"/>
<mx:CheckBox id="fri" label="Fri"/>
<mx:CheckBox id="sat" label="Sat"/>
</mx:HBox>
<mx:HBox width="300" horizontalAlign="center">
<mx:Label text="Background Color" />
<mx:ColorPicker id="cellColor"
selectedColor="#FF00FF"/>
</mx:HBox>
</mx:VBox>
</mx:Application> -
How to set two colored text in one textarea
hello friends,
i am busy preparing chat frame which shows messages in textarea, it shows two things, one the name of chatter , the other is the message, i want the two things of different color, you can change the text color of textarea by setForeground(), but what if i want different colored text in same textarea, can anybody help me???I don't know if this will help u...try make sense of it :
DefaultStyledDocument doc = new DefaultStyledDocument();
JTextPane tp = new JTextPane(doc);
tp.setFont (new java.awt.Font ("Arial", 1, 12));
JScrollPane lscroller = new JScrollPane(tp);
lscroller.setForeground (new java.awt.Color (102, 102, 153));
lscroller.setPreferredSize (new java.awt.Dimension(496, 273));
lscroller.setVerticalScrollBarPolicy(
JScrollPane.VERTICAL_SCROLLBAR_ALWAYS);
jPanel2.add ( lscroller );
prepareAllStyles();
void prepareAllStyles()
aset = new SimpleAttributeSet();
//set bold and red
StyleConstants.setForeground(aset,Color.black);
StyleConstants.setBold(aset,true);
ht.put(BOLDRED,aset);
aset = new SimpleAttributeSet();
//set italic and green
StyleConstants.setForeground(aset,Color.red);
StyleConstants.setBold(aset,true);
ht.put(ITALICGREEN,aset);
AttributeSet current = (AttributeSet)ht.get(BOLDRED);
doc.insertString(doc.getLength(),displaymessage + "\n",current);
tp.setCaretPosition( doc.getLength() ); -
Textarea ... background-color:transparent causing problem in IE7
hello;
when I use <textarea style="background-color:transparent " > IE7 does not accept input ... other browsers work fine;
is there a way to get a transparent background for a textarea such that the textarea functions correctly in IE7 ( I haven't tested it in IE8 )?
thanks,
ShannonWhat happens if you remove the background tag altogether?
I do this with my overflow css for text boxes and it leaves them transparent (as in: showing the page background) in Firefox, Safari Opera and IE 5, 6, 7 and 8. -
S:TextArea How change color for some chars in text?
I have s:TextArea and i need in runtime change color for some chars displayed in text.
How i must to do this correctly?pcardinale wrote:
Initially, a control has no caption. It's not just that the caption string is empty and the caption not visible, but the caption object does not exist.
I think this should probably be changed in future versions, because even if each control had a caption, it would still be a negligible small part of the VI. The current behavior made sense many years ago where HD and memory space was very precious. Not any more!
This issue comes up often enough that it warrants addressing the root of the problem.
It is hard to convince the casual that the caption does not exist if he can simply do a "show caption" at edit time and it will show in all glory, even with the default set to the current label. It is confusing!
There is even an idea about this that seems worth supporting (also read the link in the discussion).
What do you think?
LabVIEW Champion . Do more with less code and in less time . -
[b]How to Set Color of certain text in textArea.append();?[/b]
Hiya guys
Could anyone give me some advise on the easiest possible way to set certain text 1 color and other text a different color when appending a string to a textarea.
Thanks in advanced!You can't. Use a JTextPane:
http://forum.java.sun.com/thread.jspa?forumID=57&messageID=1408602 -
Color only certain text in TextArea
Hello, I'm making an applet and I'm writing my output to a TextArea. I was wondering if it is possible to color only certain text. I.E. have some text in black and some in red.
I know you can color all text using foreground, but wasn't too sure if you could color certain text.
Any helps appreciated. Thank you in advance.corlettk wrote:
Carn Doc, Give us a hint... It'd be a decendant of TextArea which has-a HtmlDocument, wouldn't it? But what's it called?Nope.
The Java™ Tutorials: [Using Text Components|http://java.sun.com/docs/books/tutorial/uiswing/components/text.html]
The inheritance tree near the top of the page should be enough :-)
db -
Set color in TextArea for certain String
I need to highlight some Strings in different color than the setForeground() in the TextArea. Is it possible and how can I accomplish it?
Help is great appreciated.
AnnaI am able to use JTextPane to highlight certain string now.
Thanks a lot.
Though I am having problem on mouse double click on a file name.
For TextArea, the getSelectedText() will pick the full path name of the file. For JTextPane, the selected text is just part of the string.
Following is the text:
Test report is saved in file C:\tests\pf2150\JTAG\888_test.rpt
The file name is
C:\tests\pf2150\JTAG\888_test.rpt
My mouse is over the file name but double click only picks JTAG or pf2150 or ...
Could anybody help?
Anna -
Is there anyway to make a char or substring a different color from the rest of the text in a Text Area?
If you can use Swing. You will have JTextPane do the job. And JLabel can accept html too ( change color by using html code ).
If you must use AWT, you have to dvlp your own TextArea to do the job.
Maybe you are looking for
-
Flash video game. How to make it playable & put onto website, and Indesign PDF file?
I am making a video game using Adobe Flash 2.0. I need to be able to show what I have through a website (my portfolio) and/or insert it into an interactive Indesign PDF file. The game needs to be able to be played and be used and tested by whoever I
-
I have a table called logon table which has some columns like userid, Firstname, lastname, email and Parent. Typically looks like this userid Firstname lastname email parent 101 Bob Dan [email protected] 309 102 Riz Bob
-
Data filter in Excel 2013 disappears when Excel is reopened
I recently upgraded from Office 2010 to Office 2013. Unlike the previous versions of Excel, the data filter in Excel 2013 disappears. Save the Excel with filters applied, close and reopen the file, filter is not retained. Even the filter mark is n
-
I am using Berkeley DB 5.1.19 with replication manager. I am seeing big differences between the size of the db files between the master and the client, is that expected and if so what is the reason. This has impact on the size of the backup too. On t
-
Error Code- 6 When Burning DVDs/ CDs- Any Ideas
I recently had a problem burning DVDs from iMovie due to an error code- 6 (whatever that is!) I had put this problem to one side for a number of months, on account of the fact I don't burn that many DVDs. I have now found the problem has spread to CD