/* GLOBAL */
body {
font-family: 'Lucida Grande', Verdana, sans-serif;
color: #434343;
}
h1 {
font-size: 197%; /* 26px */
letter-spacing: -2px;
}
h2 { font-size: 138.5%; } /* 18px */
h3 { font-size: 123.1%; } /* 16px */
h4 { font-size: 108%; } /* 14px */
h5 { font-size: 93%; } /* 12px */
h6 { font-size: 85%; } /* 11px */
h4, h5, h6 {
font-weight: bold;
}
optgroup {
font-weight: normal;
}
abbr,acronym {
border-bottom: 1px dotted #000;
cursor: help;
}
em {
font-style: italic;
}
del {
text-decoration: line-through;
}
blockquote,ul,ol,dl {
margin: 1em;
}
ol,ul,dl {
margin-left: 2em;
}
ol li {
list-style: decimal outside;
}
ul li {
list-style: disc outside;
}
dl dd {
margin-left: 1em;
}
caption {
margin-bottom: .5em;
text-align: center;
}
sup {
vertical-align: super;
}
sub {
vertical-align: sub;
}
img {
border: 0px;
}
a,
a:visited,
a:hover,
a:link {
text-decoration: none;
color: #4470ab;
}
a:hover {
text-decoration: underline;
}
input, select, textarea, button {
font-family: 'Lucida Grande', Verdana, sans-serif;
border: 1px solid #afafaf;
outline: none; /* Safari - Turn off box outline */
}
textarea {
resize: none;
}
/* SHARED VIEW ALL CLASS */
.viewAll {
width: 100%;
}
.viewAll a {
float: left;
font-size: 50%;
letter-spacing: 0px;
margin-top: -20px;
margin-right: 5px;
width: 100%;
text-align: right;
}
/* HEADER */
#doc2 {
position: relative;
z-index: 1;
padding-bottom: 40px;
}
#hd_wave {
position: absolute;
background-image: url(http://static.tilestack.com/img/header-wave.png);
background-position: top center;
background-repeat: repeat-x;
top: 0px;
left: 0px;
width: 100%;
height: 136px;
z-index: 0;
}
#hd {
height: 136px;
}
#headerLogo {
padding: 15px 0 0 7%;
}
/* HEADER LOGIN */
#loginForm {
margin-left: 120px;
padding-top: 4px;
text-align: center;
background-position: center top;
background-repeat: no-repeat;
background-image:url(http://static.tilestack.com/img/header-login.png);
height: 35px;
}
#loginForm span {
font-weight: bold;
font-size: 108%;
}
#loginForm label {
font-weight: bold;
color: #434343;
}
#loginForm > #userName, #loginForm > #password {
border: 1px solid #afafaf;
background-color: #f0f0f0;
width: 182px;
height: 19px;
}
#loginForm > #password { width: 102px !important; }
#loginSubmit {
border: none;
background: none;
font-weight: bold;
color: #4470ab;
}
/* HEADER SEARCH */
#searchForm {
margin-left: 252px;
margin-top: 54px;
height: 21px;
}
#search {
height: 19px;
background-color: #f8e1aa;
width: 280px;
color: #434343;
border: 1px solid #afafaf;
}
#search input {
background-color: transparent;
border: none;
text-align: center;
width: 225px;
}
#search img {
vertical-align: middle;
}
#searchType {
padding-left: 2px;
}
#searchArrow {
padding-left: 2px;
margin-left: -5px;
}
#searchChoice {
display: none;
position: relative;
width: 280px;
border: 1px solid #afafaf;
background-color: white;
margin: 0;
z-index: 10;
}
#searchChoice li {
padding: 1px 0;
height: 19px;
cursor: pointer;
list-style: none;
}
#searchChoice li img {
vertical-align: middle;
padding: 0 4px 0 2px;
}
#searchKill {
cursor: pointer;
margin-top: 0px;
}
/* HEADER MENU */
#menu {
/* Y! Grid Override - Strip the 1.99% margin-left, add it to width instead */
margin-left: 0;
width: 68%;
}
#navMenu a {
display: inline;
float: left;
height: 34px;
width: 128px;
background-position: 0 35px;
text-indent: -5000px;
}
#navMenu a:hover { background-position: 0 69px; }
.menuHome { background-image:url(http://static.tilestack.com/img/menu-home.png); }
.menuStacks { background-image:url(http://static.tilestack.com/img/menu-stacks.png); }
.menuPeople { background-image:url(http://static.tilestack.com/img/menu-people.png); }
.menuHelp { background-image:url(http://static.tilestack.com/img/menu-help.png); }
.menuBlog { background-image:url(http://static.tilestack.com/img/menu-blog.png); }
#bd {
margin-top: 5px;
}
/* NEWS FEED */
.newsFeed h1 {
margin-bottom: 5px;
}
.newsFeed h5 {
letter-spacing: -1px;
}
.newsFeed p {
margin-bottom: 12px;
padding-bottom: 8px;
border-bottom: 1px solid #afafaf;
}
/* FOOTER */
#ft {
margin-top: 50px;
color: white;
height: 220px;
}
#ft a,
#ft a:visited,
#ft a:hover,
#ft a:link {
color: white
}
#ft ul, #ft h1, #ft h2, #ft h3 {
margin: 0;
}
#ft h3 {
overflow: hidden;
white-space: nowrap;
}
#ft ul li {
list-style-type: none;
}
#ft ul, #ft h1, #ft .viewAll a {
color: #F8CE69;
}
#ft .newsFeed h5 {
color: #afafaf;
}
#ft_blog { padding-left: 20px; }
#ft_help, #ft_tilestack { padding-top: 35px; }
#ft_contact, #ft_social { padding-top: 30px; }
#ft_help, #ft_contact { padding-left: 80px; }
#ft_tilestack, #ft_social { padding-left: 30px; }
#ft_wave {
position: absolute;
background-image: url(http://static.tilestack.com/img/footer-wave.png);
background-position: bottom center;
background-repeat: repeat-x;
margin-top: -300px;
height: 300px;
bottom: auto;
left: 0px;
width: 100%;
z-index: 0;
}
#ft_stripe {
padding-top:265px;
text-align: center;
font-size: 93%;
color: #9c9c8d;
}
#ft_stripe img {
vertical-align: -5px;
}
/* Feedback Tab */
a#fdbk_tab {
top: 25%;
left: 0;
width: 42px;
height: 102px;
color: #FFF;
cursor:pointer;
text-indent:-100000px;
overflow:hidden;
position: fixed;
z-index: 100000;
margin-left: -7px;
background-image: url(http://static.tilestack.com/img/feedback_tab.png);
}
a#fdbk_tab:hover {
margin-left: -4px;
}
a.fdbk_tab_right {
background-color: #F8CE69;
right: 0 !important;
left: auto !important;
margin-right: -7px !important;
margin-left: auto !important;
}
a.fdbk_tab_right:hover {
margin-right: -4px !important;
margin-left: auto !important;
}
/**
** OLD STYLES
**/
#footerAd {
clear: both;
margin-left: 230px;
}
/* Error pages and page_set macro */
.error {
font-weight: bold;
font-size: 123.1%;
color: #dc143c;
}
/* Popup notification box */
#notifyBox {
position: fixed;
bottom: 0px;
margin: 0px auto;
z-index: 10;
}
.successNotify, .errorNotify, .versionNotify {
margin: 5px 10px;
width: 930px;
border-width: 1px;
border-style: solid;
text-align: center;
font-size: 123.1%;
overflow: hidden;
}
.successNotify {
background-color: #c6e9af;
color: #5aa02c;
border-color: #5aa02c;
}
.errorNotify {
background-color: #e49ba4;
color: #b43140;
border-color: #b43140;
}
.versionNotify {
background-color: #ffea00;
color: #b2854f;
border-color: #b2854f;
}
div.notifyDismiss {
float:right;
margin-right:2px;
margin-top:2px;
width: 17px;
height: 17px;
cursor: pointer;
background-repeat:no-repeat;
}
.errorCounter {
float: left;
margin-left: 7px;
margin-top: 6px;
background-repeat:no-repeat;
padding-top:6px;
color:#E49BA4;
font-size:12px;
font-weight:bold;
letter-spacing:-1px;
text-align:center;
height:26px;
width:26px;
}
.successNotify .notifyDismiss {
background-image:url(http://static.tilestack.com/img/notify-success-close.png);
}
.errorNotify .notifyDismiss {
background-image:url(http://static.tilestack.com/img/notify-error-close.png);
}
.versionNotify .notifyDismiss {
background-image:url(http://static.tilestack.com/img/notify-version-close.png);
}
.versionNotify .versionNotifyIcon {
width: 32px;
height: 32px;
display: block;
float: left;
background-image:url(http://static.tilestack.com/img/notify-version-icon.png);
margin-left: 5px;
margin-top: 2px;
}
.successNotify .errorCounter {
background-image:url(http://static.tilestack.com/img/notify-success-count.png);
}
.errorNotify .errorCounter {
background-image:url(http://static.tilestack.com/img/notify-error-count.png);
}
/* ACTION FORM STYLES */
.actionForm {
border-top: 1px solid #afafaf;
padding: 10px 25px;
}
.actionForm label {
font-weight: bold;
font-size: 93%;
display: block;
margin-top: 15px;
margin-bottom: 2px;
}
.actionForm em {
display: block;
font-size: 77%;
color: #666666;
}
.actionForm input, .actionForm select {
width: 543px;
height: 18px;
font-size: 93%;
}
.actionForm textarea {
width: 543px;
height: 270px;
font-size: 93%;
}
.actionForm p {
font-size: 108%;
}
.actions {
border-top: 1px solid #afafaf;
padding: 5px 25px;
text-align: right;
}
/* ACTION BUTTON STYLES */
div.actionBar {
font-weight: bold;
font-size: 93%;
padding-top: 5px;
padding-bottom: 5px;
padding-right: 5px;
text-align: right;
}
a.actionCreate span.actionIcon { background-image: url(http://static.tilestack.com/img/action-create.png); margin-top: -3px; }
a.actionUpload span.actionIcon { background-image: url(http://static.tilestack.com/img/action-upload.png); margin-top: -2px; }
a.actionCancel span.actionIcon { background-image: url(http://static.tilestack.com/img/action-cancel.png); margin-top: -7px; }
a.actionOK span.actionIcon { background-image: url(http://static.tilestack.com/img/action-ok.png); margin-top:-7px; }
a.actionEdit span.actionIcon { background-image: url(http://static.tilestack.com/img/action-edit.png); margin-top: -5px; }
a.actionSave span.actionIcon { background-image: url(http://static.tilestack.com/img/action-ok.png); margin-top:-5px; }
a.actionDelete span.actionIcon { background-image:url(http://static.tilestack.com/img/action-delete.png); margin-top: -7px; }
a.actionShare span.actionIcon { background-image: url(http://static.tilestack.com/img/action-share.png); }
a.actionAvailable span.actionIcon { background-image: url(http://static.tilestack.com/img/action-available.png); margin-top: -7px; }
a.actionPublish span.actionIcon { background-image: url(http://static.tilestack.com/img/action-publish.png); margin-top: -7px; }
a.actionAdmin span.actionIcon { background-image: url(http://static.tilestack.com/img/action-admin.png); }
a.actionAskQuestion span.actionIcon { background-image: url(http://static.tilestack.com/img/action-askquestion.png); }
a.actionInspect span.actionIcon { background-image: url(http://static.tilestack.com/img/action-inspect.png); margin-top: -5px; }
a.actionCopy span.actionIcon { background-image: url(http://static.tilestack.com/img/action-copy.png); }
a.actionMovie span.actionIcon { background-image: url(http://static.tilestack.com/img/action-movie.png); margin-top: -5px; }
a.actionPreview span.actionIcon { background-image: url(http://static.tilestack.com/img/action-preview.png); margin-top: -6px; }
a.actionExitPreview span.actionIcon { background-image: url(http://static.tilestack.com/img/action-exit.png); background-position: 4px 0; margin-top: -4px; padding-right: 0; }
a.action {
display:-moz-inline-box;
display:inline-block;
cursor:pointer;
border:none;
font-size:0;
line-height:0;
/* TODO: This bug hasn't existed since Safari 2, remove hack
for Safari, read this first
http://creativebits.org/webdev/safari_background_repeat_bug_fix
*/
background-position:0 0;
background-repeat:no-repeat;
height:30px;
text-decoration:none;
color:#2e523b;
font-style:normal;
margin:0 6px 0px 0;
padding:0 10px 0 0;
vertical-align:middle;
padding-top:-2px;
_position:relative;
_width:10px;
_overflow-y:hidden;
}
span.actionIcon {
background-position:2px 0px;
background-repeat:no-repeat;
height:50px;
margin-left:5px;
margin-right:-5px;
margin-top:-3px;
overflow: visible !important;
text-align:right;
width:34px;
float: left;
}
a.action, a.action span.actionText {
background-image:url(http://static.tilestack.com/img/action-button-bg.png);
_background-image:url(http://static.tilestack.com/img/action-button-bg.gif);
}
a.nobg, a.nobg span.actionText {
background-image: none !important;
_background-image: none !important;
}
a.nobg:hover span.actionText {
text-decoration: underline !important;
}
a.action span.actionText {
white-space: nowrap;
cursor: pointer;
color: #434343; /* #222 */
display: -moz-inline-box;
display: inline-block;
line-height:1;
letter-spacing:0 !important;
font-family: Helvetica, sans-serif !important;
font-size: 14px !important; /* 108% doesn't work for some reason */
font-style:normal;
font-weight: bold;
letter-spacing: -1px !important;
background-color:transparent;
background-position:100% 0;
background-repeat:no-repeat;
height:30px;
padding:9px 15px 0 0px;
margin: 0 -16px 0 10px;
border:none;
vertical-align:text-top;
zoom:1;
_position:relative;
_padding-left:0px;
_padding-right:12px;
_margin-right:-10px;
_display:block;
_top:0;
_right:-5px;
}
a.embed_option {
background-position:left top;
background-repeat:no-repeat;
font-size:15px;
font-weight:bold;
overflow:visible !important;
padding-bottom:18px;
padding-left:23px;
}
.stackNameError, .stackTagError {
margin-bottom: 2px;
margin-left: 5px;
color: red;
font-weight: bold;
}
#dynamic_recaptcha {
margin-top: 20px;
margin-left: 235px;
}
.breadcrumbNav {
font-weight:bold;
margin-bottom:10px;
}
.publishPlatformIcon {
background-repeat: no-repeat;
width: 16px;
height: 16px;
display: inline-block;
vertical-align: text-bottom;
z-index: 150;
}
.tilestackPlatform { background-image: url(http://static.tilestack.com/img/icon-publishplatform-tilestack.png); }
.facebookPlatform { background-image: url(http://static.tilestack.com/img/icon-publishplatform-facebook.png); }
.appStorePlatform { background-image: url(http://static.tilestack.com/img/icon-publishplatform-appstore.png); }
.redtext { color: red; font-weight: bold; }
.greentext { color: green; font-weight: bold; }
.greytext { color: #9d9d9d; }
#unsupportedBrowserBar {
background: url(http://static.tilestack.com/img/graphics-unsupportedbrowserbar-bg.png) repeat-x;
color:white;
font-size:12px;
font-weight:bold;
height:32px;
left:0;
padding-top:7px;
position:fixed;
text-align:center;
top:0;
width:100%;
z-index:100;
}