- This is how Googlebot fetched the page.
- URL: http://whattheflac.net/forum/
- Date: Tuesday, April 19, 2011 8:32:28 PM PDT
- Googlebot Type: Web
- HTTP/1.1 200 OK
- Server: nginx/1.0.0
- Date: Wed, 20 Apr 2011 12:30:25 GMT
- Content-Type: text/html;charset=UTF-8
- Transfer-Encoding: chunked
- Connection: keep-alive
- X-Powered-By: PHP/5.3.6-6~dotdeb.0
- Set-Cookie: session_id=google%3D662497150_session; path=/; httponly
- Cache-Control: no-cache,must-revalidate, max-age=0
- Expires: Tue, 19 Apr 2011 12:30:25 GMT
- Pragma: no-cache
- Content-Encoding: gzip
- Vary: Accept-Encoding
- <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
- <html xml:lang="en" lang="en" xmlns="http://www.w3.org/1999/xhtml">
- <head>
- <meta http-equiv="content-type" content="text/html; charset=UTF-8" />
- <title>What The FLAC</title>
- <link rel="shortcut icon" href='http://whattheflac.net/forum/favicon.ico' />
- <link rel="image_src" href='http://whattheflac.net/forum/public/style_images/elegant-blue/meta_image.png' />
- <script type='text/javascript'>
- //<[!CDATA[
- jsDebug = 0; /* Must come before JS includes */
- USE_RTE = 0;
- DISABLE_AJAX = parseInt(0); /* Disables ajax requests where text is sent to the DB; helpful for charset issues */
- inACP = false;
- //]]>
- </script>
- <style type="text/css" >
- /* Inline CSS */
- /* CSS: tagscloud*/
- /* ========================================================================== *
- * Облако тэгов (tagscloud) - Модуль управления тэгами. *
- * http://lastdragon.ru/projects/ipb3-tagscloud *
- * http://ipbnet.ru/ *
- * *
- * Copyright (C) 2009 - 2010 Aleksej Lebedev aka LastDragon *
- * <LastDragon@yandex.ru> *
- * ========================================================================== *
- * $Revision:: 354 $ *
- * ========================================================================== */
- .tagscloud .tagscloud_view {
- background: transparent;
- }
- .tagscloud .search_bar {
- font-size: 0.9em;
- text-align: right;
- }
- .tagscloud .search_bar .input_select {
- margin-right: 5px;
- }
- .tagscloud .pagination {
- margin-bottom: 15px;
- }
- .tagscloud .general_box {
- padding: 0px;
- }
- .tagscloud .tags {
- padding: 10px;
- }
- .tagscloud .edit_form {
- margin: 0px;
- padding: 5px;
- }
- .tagscloud .edit_form textarea {
- width: 98%;
- }
- </style>
- <style type="text/css" >
- /* Inline CSS */
- /* CSS: elegant_general*/
- /*
- SKIN BY WWW.SKINBOX.NET
- */
- /************************************************************************/
- /* WRAPPER */
- /************************************************************************/
- #ipbwrapper {
- width: 92%;
- min-width: 980px;
- margin: 0 auto;
- }
- #wrapper_borders {
- background: #dbe3ea;
- margin: 20px auto 0 auto;
- border: 1px solid #cbd6df;
- padding: 6px;
- border-radius: 8px 8px 8px 8px;
- -moz-border-radius: 8px 8px 8px 8px;
- -webkit-border-bottom-left-radius: 8px;
- -webkit-border-bottom-right-radius: 8px;
- -webkit-border-top-left-radius: 8px;
- -webkit-border-top-right-radius: 8px;
- }
- #wrapper_container {
- position:relative;
- margin: 0 auto;
- border: 1px solid #bcc9d4;
- background: #fff;
- border-radius: 6px 6px 6px 6px;
- -moz-border-radius: 6px 6px 6px 6px;
- -webkit-border-bottom-left-radius: 6px;
- -webkit-border-bottom-right-radius: 6px;
- -webkit-border-top-left-radius: 6px;
- -webkit-border-top-right-radius: 6px;
- }
- /************************************************************************/
- /* BACKGROUNDS */
- /************************************************************************/
- #primary_left {
- background: transparent url(http://whattheflac.net/forum/public/style_images/elegant-blue/_custom/primary_left.png) repeat-y top left;
- border-radius: 6px 0 0 0;
- -moz-border-radius: 6px 0 0 0;
- -webkit-border-top-left-radius: 6px;
- min-height: 36px;
- }
- #primary_right {
- background: transparent url(http://whattheflac.net/forum/public/style_images/elegant-blue/_custom/primary_right.png) repeat-y top right;
- border-radius: 0 6px 0 0;
- -moz-border-radius: 0 6px 0 0;
- -webkit-border-top-right-radius: 6px;
- min-height: 36px;
- }
- /************************************************************************/
- /* GUEST WELCOME MESSAGE */
- /************************************************************************/
- .welcome {
- background: #f0f4f9 url(http://whattheflac.net/forum/public/style_images/elegant-blue/_custom/welcome.png) repeat-x bottom left;
- border-bottom: 1px solid #d6dfea;
- color: #82889a;
- font-size: 1.25em;
- line-height: 1.5em;
- }
- .welcome span {
- color: #334060;
- }
- .welcome p {
- display: inline;
- }
- .welcome_buttons {
- margin-top: 15px;
- font-size: 0.9em;
- }
- .welcomeimg {
- padding-right: 12px;
- margin: 20px 6px 0 10px;
- float: left;
- display: inline;
- }
- .welcomeimg_other {
- padding-right: 0px;
- margin: 10px;
- float: left;
- display: inline;
- }
- .welcometxt {
- padding: 35px 0 0 0;
- }
- .welcometxt_other {
- padding: 30px 0 0 0;
- }
- .welcome_left {
- background: transparent url(http://whattheflac.net/forum/public/style_images/elegant-blue/_custom/welcome_left.png) repeat-y bottom left;
- }
- .welcome_right {
- background: transparent url(http://whattheflac.net/forum/public/style_images/elegant-blue/_custom/welcome_right.png) repeat-y bottom right;
- }
- .welcome_padding {
- padding: 10px 15px 10px 5px;
- }
- .hideit {
- float: right;
- display: inline;
- font-weight: normal;
- font-size: 0.8em;
- position: relative;
- margin-top: 0px;
- right: 6px;
- top: -5px;
- }
- .hideit a {
- background: #f4f8fc url(http://whattheflac.net/forum/public/style_images/elegant-blue/_custom/bg-toplight.png) repeat-x top left;
- border: 1px solid #c4cfda;
- padding: 3px 8px;
- text-decoration: none !important;
- border-radius: 4px 4px 4px 4px;
- -moz-border-radius: 4px 4px 4px 4px;
- -webkit-border-bottom-left-radius: 4px;
- -webkit-border-bottom-right-radius: 4px;
- -webkit-border-top-left-radius: 4px;
- -webkit-border-top-right-radius: 4px;
- color: #66798d;
- opacity: 0.7;
- }
- .hideit a:hover {
- opacity: 1;
- color: #66798d;
- }
- .hideit a:active {
- opacity: 0.6;
- }
- .hideit img {
- position: relative;
- margin-top: -1px;
- }
- /************************************************************************/
- /* FOOTER BAR */
- /************************************************************************/
- #footer_wrap {
- position: fixed;
- bottom: 0px;
- height: 30px;
- width: 100%;
- background: transparent;
- text-align: left;
- }
- #footer {
- position: relative;
- z-index: 10000;
- background: transparent;
- text-align: left;
- color: #5e6a77;
- }
- #footer-bar {
- height: 30px;
- width: 85%;
- min-width: 990px;
- background: #dbe3ea url(http://whattheflac.net/forum/public/style_images/elegant-blue/_custom/topline.png) repeat-x top left;
- border: 1px solid #9babbc;
- border-bottom: 0;
- margin: 0 auto;
- z-index: 10000;
- font-size: 1em;
- text-align: left;
- color: #5e6a77;
- border-radius: 6px 6px 0 0;
- -moz-border-radius: 6px 6px 0 0;
- -webkit-border-top-left-radius: 6px;
- -webkit-border-top-right-radius: 6px;
- box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);
- -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);
- -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);
- }
- #footer a {
- color: #424f5d;
- padding: 0 6px;
- text-decoration: none;
- }
- #footer a:hover {
- color: #2e3944;
- text-decoration: none;
- }
- /************************************************************************/
- /* SUPER UBER DUPER ALL IN ONE JAVASCRIPT */
- /************************************************************************/
- #sb-toplink {
- background: transparent url(http://whattheflac.net/forum/public/style_images/elegant-blue/_custom/toplink.png) no-repeat center center;
- display: none;
- position: fixed;
- right: 5px;
- bottom: 5px;
- text-decoration: none;
- border: 0;
- padding: 15px;
- }
- #sb-toplink:hover {
- opacity: 0.8;
- }
- #sb-toplink:active {
- opacity: 0.5;
- }
- #sb-login-box, #sb-credits-box {
- display: none;
- }
- /** credit box **/
- #sb-credits-box-inner {
- padding: 20px;
- font-size: 1em;
- line-height: 165%;
- }
- #sb-credits-box-inner h4 {
- font-size: 1.1em;
- padding: 0 0 5px 0;
- margin: 0;
- display: inline-block;
- }
- #sb-credits-box-center {
- font-size: 1.3em;
- text-align: center;
- }
- /** dropdown **/
- .sb-dropdown {
- position: relative;
- }
- .sb-dropdown-on {
- }
- .sb-dropdown-off {
- }
- /* head */
- .sb-dropdown span {
- margin: 0px;
- }
- /* submenu */
- .sb-dropdown ul {
- background: #eaf0f4;
- border: 1px solid #9aaec2;
- border-radius: 4px 4px 4px 4px;
- -moz-border-radius: 4px 4px 4px 4px;
- -webkit-border-bottom-left-radius: 4px;
- -webkit-border-bottom-right-radius: 4px;
- -webkit-border-top-left-radius: 4px;
- -webkit-border-top-right-radius: 4px;
- width: 200px;
- position: absolute;
- z-index: 10000;
- margin: 0;
- padding: 4px;
- font-size: 12px !important;
- box-shadow: 0 2px 3px rgba(0, 0, 0, 0.25);
- -moz-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.25);
- -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.25);
- }
- .sb-dropdown ul li {
- margin: 0 !important;
- padding: 0 !important;
- text-align: left !important;
- text-transform: none !important;
- }
- .sb-dropdown ul li a {
- background: transparent !important;
- border-radius: 4px 4px 4px 4px !important;
- -moz-border-radius: 4px 4px 4px 4px !important;
- -webkit-border-bottom-left-radius: 4px !important;
- -webkit-border-bottom-right-radius: 4px !important;
- -webkit-border-top-left-radius: 4px !important;
- -webkit-border-top-right-radius: 4px !important;
- margin: 0 !important;
- padding: 4px 5px !important;
- text-shadow: 0 0 0 #fff;
- color: #495f78 !important;
- border: 0 !important;
- }
- .sb-dropdown ul li a:hover {
- background: #d5e0e8 !important;
- border: 0 !important;
- text-shadow: 0 0 0 #fff;
- color: #2a3a4e !important;
- }
- .sb-dropdown ul li a:active {
- background: #ccd9e2 !important;
- border: 0 !important;
- text-shadow: 0 0 0 #fff;
- }
- .sb-dropdown ul li a img {
- position: relative;
- margin-top: -1px;
- margin-right: 2px;
- opacity: 0.5;
- }
- .sb-dropdown ul li a:hover img {
- opacity: 1;
- }
- .sb-dropdown_arrow {
- position: relative;
- margin-top: -1px;
- margin-left: 2px;
- }
- /* background switcher */
- #background-switcher {
- padding: 8px;
- font-size: 1em;
- }
- #background-switcher h3 {
- margin: 10px 0;
- padding: 0;
- font-size: 1.1em;
- font-weight: normal !important;
- background: transparent;
- }
- #background-switcher a {
- background: #161616 url(http://whattheflac.net/forum/public/style_images/elegant-blue/_custom/bg-toplight.png) repeat-x top left;
- border-radius: 4px 4px 4px 4px;
- -moz-border-radius: 4px 4px 4px 4px;
- -webkit-border-bottom-left-radius: 4px;
- -webkit-border-bottom-right-radius: 4px;
- -webkit-border-top-left-radius: 4px;
- -webkit-border-top-right-radius: 4px;
- text-decoration: none;
- padding: 5px 10px 4px 8px;
- margin: 4px 2px;
- display: inline-block;
- }
- #background-switcher a:hover {
- background: #1e1e1e url(http://whattheflac.net/forum/public/style_images/elegant-blue/_custom/bg-toplight.png) repeat-x top left;
- text-decoration: none;
- }
- #background-switcher a:active {
- background: #1e1e1e url(http://whattheflac.net/forum/public/style_images/elegant-blue/_custom/bg-toplight_active.png) repeat-x top left;
- text-decoration: none;
- }
- #background-switcher a img {
- background: #000;
- padding: 2px;
- margin-right: 4px;
- margin-top: -2px;
- position: relative;
- border: 1px solid #1f1f1f;
- height: 16px;
- width: 16px;
- border-radius: 2px 2px 2px 2px;
- -moz-border-radius: 2px 2px 2px 2px;
- -webkit-border-bottom-left-radius: 2px;
- -webkit-border-bottom-right-radius: 2px;
- -webkit-border-top-left-radius: 2px;
- -webkit-border-top-right-radius: 2px;
- }
- /* shide */
- #sb-anim-welcome {
- padding: 0 0 10px 5px;
- }
- /**
- Classes applied to shide trigger when the element is shown (on) or not (off)
- **/
- .welcome.sb-shide-element-on .trigger-on
- { display: inline; }
- .welcome.sb-shide-element-on .trigger-off
- { display: none; }
- .welcome.sb-shide-element-off .trigger-off
- { display: inline; }
- .welcome.sb-shide-element-off .trigger-on
- { display: none; }
- #dropdown_1 ul { display: none; }
- #background-picker { display: none; }
- .sb-storable { display: none; }
- /************************************************************************/
- /* MISC */
- /************************************************************************/
- #usernav-container {
- background: transparent;
- min-height: 34px;
- }
- #usernav-wrapper {
- *max-width: 600px;
- *max-height: 300px;
- float: right;
- right: 0;
- position: absolute;
- }
- .logo {
- float: left;
- }
- .logo:active {
- opacity: 0.6;
- }
- .catimg {
- position: relative;
- padding-right: 3px;
- margin-top: -1px;
- width: 16px;
- height: 16px;
- opacity: 0.5;
- }
- .stats_arrow {
- display: inline;
- float: right;
- position: relative;
- margin-top: -10px;
- margin-right: 3px;
- opacity: 0.6;
- }
- .stats_arrow:hover {
- opacity: 1;
- }
- .stats_arrow:active {
- opacity: 0.6;
- }
- .smalltext {
- font-size: 0.95em;
- padding-top: 2px;
- }
- .last_post {
- border-left: 1px solid #dbe6ee;
- padding-left: 12px;
- }
- .bottomspace {
- height: 50px;
- }
- #ipbredirectwrapper {
- width: 50%;
- margin: 0 auto;
- }
- /************************************************************************/
- /* BRANDING - PLEASE DO NOT REMOVE */
- /************************************************************************/
- .branding_skin {
- margin: 10px auto;
- }
- .branding_skin a {
- color: #000;
- text-decoration: none;
- }
- .branding_skin a:hover {
- color: #000;
- text-decoration: underline;
- }
- .branding_moreinfo {
- position: relative;
- margin-top: -1px;
- opacity: 0.5;
- }
- .branding_moreinfo:hover {
- opacity: 0.8;
- }
- .branding_moreinfo:active {
- opacity: 0.5;
- }
- .branding_logo {
- float: right;
- opacity: 0.7;
- }
- .branding_logo:hover {
- opacity: 1;
- }
- .branding_logo:active {
- opacity: 0.7;
- }
- </style>
- <style type="text/css" title="Main" media="screen">
- /* Inline CSS */
- /* CSS: ipb_help*/
- /************************************************************************/
- /* IP.Board 3 CSS - By Rikki Tissier - (c)2008 Invision Power Services */
- /************************************************************************/
- /* ipb_help.css */
- /************************************************************************/
- /************************************************************************/
- /* HELP & PORTAL STYLES */
- #help_topics {
- border: 1px solid #d5dde5;
- }
- #help_topics li {
- background-image: url(http://whattheflac.net/forum/public/style_images/elegant-blue/help.png);
- background-repeat: no-repeat;
- background-position: 9px 12px;
- padding: 10px 32px;
- margin-bottom: 2px;
- }
- #help_topics li h3 {
- padding: 2px 0 0 0;
- }
- .help_doc {
- padding: 10px;
- border: 1px solid #d5dde5;
- border-radius: 4px 4px 4px 4px;
- -moz-border-radius: 4px 4px 4px 4px;
- -webkit-border-bottom-left-radius: 4px;
- -webkit-border-bottom-right-radius: 4px;
- -webkit-border-top-left-radius: 4px;
- -webkit-border-top-right-radius: 4px;
- }
- #help_topics .help_doc ul,
- #help_topics .help_doc ol {
- padding: 8px 0;
- }
- #help_topics .help_doc li {
- background: none;
- padding: 2px;
- }
- </style>
- <style type="text/css" title="Main" media="screen">
- /* Inline CSS */
- /* CSS: ipb_common*/
- /************************************************************************/
- /* IP.Board 3 CSS - By Rikki Tissier - (c)2008 Invision Power Services */
- /************************************************************************/
- /* ipb_common.css */
- /************************************************************************/
- /************************************************************************/
- /* LIGHTBOX STYLES */
- #lightbox{ position: absolute; left: 0; width: 100%; z-index: 16000 !important; text-align: center; line-height: 0;}
- #lightbox img{ width: auto; height: auto;}
- #lightbox a img{ border: none; }
- #outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
- #imageContainer{ padding: 10px; }
- #loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
- #hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
- #imageContainer>#hoverNav{ left: 0;}
- #hoverNav a{ outline: none;}
- #prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(http://whattheflac.net/forum/public/style_images/elegant-blue/spacer.gif); /* Trick IE into showing hover */ display: block; }
- #prevLink { left: 0; float: left;}
- #nextLink { right: 0; float: right;}
- #prevLink:hover, #prevLink:visited:hover { background: url(http://whattheflac.net/forum/public/style_images/elegant-blue/lightbox/prevlabel.gif) left 15% no-repeat; }
- #nextLink:hover, #nextLink:visited:hover { background: url(http://whattheflac.net/forum/public/style_images/elegant-blue/lightbox/nextlabel.gif) right 15% no-repeat; }
- #imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100% ; }
- #imageData{ padding:0 10px; color: #666; }
- #imageData #imageDetails{ width: 70%; float: left; text-align: left; }
- #imageData #caption{ font-weight: bold; }
- #imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em; }
- #imageData #bottomNavClose{ width: 66px; float: right; padding-bottom: 0.7em; outline: none;}
- #overlay{ position: fixed; top: 0; left: 0; z-index: 15000 !important; width: 100%; height: 500px; background-color: #000; }
- /************************************************************************/
- /* BBCODE STYLES */
- /* NOTE: These selectors style bbcodes throughout IPB. It is recommended that you DO NOT change these
- styles if you are creating a skin since it may interfere with user expectation
- of what certain BBCodes look like (quote boxes are an exception to this). */
- strong.bbc { font-weight: bold !important; }
- em.bbc { font-style: italic !important; }
- span.bbc_underline { text-decoration: underline !important; }
- acronym.bbc { border-bottom: 1px dotted #000; }
- span.bbc_center, div.bbc_center { text-align: center; display: block; }
- span.bbc_left, div.bbc_left { text-align: left; display: block; }
- span.bbc_right , div.bbc_right { text-align: right; display: block; }
- div.bbc_indent { margin-left: 50px; }
- del.bbc { text-decoration: line-through !important; }
- ul.bbc { list-style: disc outside; margin-left: 30px; }
- ul.bbc ul.bbc { list-style-type: circle; }
- ul.bbc ul.bbc ul.bbc { list-style-type: square; }
- ul.bbcol.decimal { margin-left: 30px; list-style-type: decimal; }
- ul.bbcol.lower-alpha { margin-left: 30px; list-style-type: lower-alpha; }
- ul.bbcol.upper-alpha { margin-left: 30px; list-style-type: upper-alpha; }
- ul.bbcol.lower-roman { margin-left: 30px; list-style-type: lower-roman; }
- ul.bbcol.upper-roman { margin-left: 30px; list-style-type: upper-roman; }
- hr.bbc { display: block; border-top: 2px solid #777; }
- div.bbc_spoiler { }
- div.bbc_spoiler span.spoiler_title { font-weight: bold; }
- div.bbc_spoiler_wrapper { border: 1px inset #777; padding: 4px; }
- div.bbc_spoiler_content { }
- input.bbc_spoiler_show { width: 45px; font-size: .7em; margin: 0px; padding: 0px; }
- pre.prettyprint { padding: 5px; background: #f8f8f8; border: 1px solid #c9c9c9; overflow: auto; margin-left: 10px; font-size: 11px; line-height: 140%; border-radius: 4px 4px 4px 4px; -moz-border-radius: 4px 4px 4px 4px; -webkit-border-bottom-left-radius: 4px; -webkit-border-bottom-right-radius: 4px; -webkit-border-top-left-radius: 4px; -webkit-border-top-right-radius: 46px; }
- .bbc_member, .bbc_url, .bbc_email { color: inherit; }
- /* Quote boxes */
- p.citation {
- background: #e0e9f0 url(http://whattheflac.net/forum/public/style_images/elegant-blue/citation_bg.png) no-repeat right;
- color: #3c464f;
- font-size: 0.9em;
- font-weight: bold;
- border-width: 1px 1px 0 3px;
- border-style: solid;
- border-color: #b4c7d7;
- padding: 5px 8px;
- border-radius: 4px 4px 0 0;
- -moz-border-radius: 4px 4px 0 0;
- -webkit-border-top-left-radius: 4px;
- -webkit-border-top-right-radius: 4px;
- }
- div.blockquote {
- background: #e9eff6;
- font-size: 1em;
- font-style: italic;
- font-family: georgia, "trebuchet ms";
- border-width: 1px 1px 1px 3px;
- border-style: solid;
- border-color: #b4c7d7;
- margin: 0px;
- margin-top: 0px;
- -moz-border-radius: 0 0 4px 4px;
- -webkit-border-bottom-left-radius: 4px;
- -webkit-border-bottom-right-radius: 4px;
- }
- div.blockquote p.citation {
- background-color: #ced7e1;
- color: #3c464f;
- border-color: #98a9ba;
- }
- div.blockquote div.blockquote {
- background: #d4dee7;
- font-size: 1em;
- border-color: #98a9ba;
- margin: -0px 15px 0px 15px;
- }
- div.blockquote div.blockquote p.citation {
- background-color: #abb9c8;
- color: #3c464f;
- border-color: #798f9f;
- }
- div.blockquote div.blockquote div.blockquote {
- background: #bfcdd8;
- border-color: #798f9f;
- }
- div.blockquote p.citation {
- margin: 6px 15px 0 15px;
- font-size: 1em;
- }
- div.quote {
- padding: 12px;
- }
- div.quote p.blockquote {
- margin-left: -12px;
- }
- cite {
- display: block;
- font-weight: bold;
- }
- blockquote cite {
- font-size: 1em;
- }
- </style>
- <style type="text/css" title="Main" media="screen">
- /* Inline CSS */
- /* CSS: ipb_styles*/
- /************************************************************************/
- /* IP.Board 3 CSS - By Rikki Tissier - (c)2008 Invision Power Services */
- /************************************************************************/
- /* ipb_styles.css */
- /************************************************************************/
- /************************************************************************/
- /* RESET (Thanks to YUI) */
- body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0; }
- table { border-spacing:0; }
- fieldset,img { border:0; }
- address,caption,cite,code,dfn,th,var { font-style:normal; font-weight:normal; }
- ol,ul { list-style:none; }
- caption,th { text-align:left; }
- h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal; }
- q:before,q:after { content:''; }
- abbr,acronym { border:0; }
- hr { display: none; }
- address{ display: inline; }
- /************************************************************************/
- /* ELEMENT STYLES */
- body {
- background: #e8ecf1;
- color: #586070;
- font: normal 12px tahoma, arial, verdana, tahoma, sans-serif;
- position: relative;
- }
- h3, h4, h5, h6, strong { font-weight: bold; }
- em { font-style: italic; }
- img, .input_check, .input_radio { vertical-align: middle; }
- legend { display: none; }
- table { width: 100%; }
- td { padding: 3px; }
- h2 {
- font-size: 1.6em;
- font-weight: normal;
- margin: 0 0 8px 0;
- clear: both;
- }
- body h3 {
- font-weight: bold;
- font-size: 1.1em;
- padding: 5px 8px 3px 8px;
- color: #1d3652;
- }
- h3 img {
- margin-top: -2px;
- }
- h3 a {
- text-decoration: none;
- }
- a {
- color: #284b72;
- outline: none;
- }
- a:hover {
- color: #102741;
- text-decoration: underline;
- }
- a:active {
- color: #7c7c7c;
- text-decoration: none;
- }
- #copyright { float: right; }
- #copyright a { text-decoration: none; }
- #copyright a:hover { text-decoration: underline; }
- /************************************************************************/
- /* COLORS */
- .row1, .row1 td, .post_block.row1 {
- background-color: #f3f7fa;
- }
- .row1 .altrow, .row1.altrow,
- .personal_info, .general_box {
- background-color: #f3f7fa;
- }
- .row2, .row2 td, .post_block.row2,
- .message {
- background-color: #e4ebf0;
- }
- .row2 .altrow, .row2.altrow,
- /* ul.post_controls,*/
- ul.topic_moderation {
- background-color: #e4ebf0;
- }
- .moderated, body .moderated td,
- .moderated td.altrow, .post_block.moderated,
- body td.moderated, body td.moderated {
- background-color: #f5ecee; /* Light red */
- }
- .moderated, .moderated a {
- color: #6f3642;
- }
- body .maintitle {
- background: #3c6d97 url(http://whattheflac.net/forum/public/style_images/elegant-blue/_custom/bg-maintitle.png) repeat-x top left;
- color: #d4dee8;
- }
- body .maintitle a {
- color: #d4dee8;
- text-decoration: none;
- }
- ul.post_controls,
- div.post_controls {
- background: #ebf0f5 url(http://whattheflac.net/forum/public/style_images/elegant-blue/_custom/toplight-dark.png) repeat-x top left;
- }
- /* Bar */
- .bar {
- background: #dce4eb url(http://whattheflac.net/forum/public/style_images/elegant-blue/gradient_bg.png) repeat-x 50%;
- border-radius: 4px 4px 4px 4px;
- -moz-border-radius: 4px 4px 4px 4px;
- -webkit-border-bottom-left-radius: 4px;
- -webkit-border-bottom-right-radius: 4px;
- -webkit-border-top-left-radius: 4px;
- -webkit-border-top-right-radius: 4px;
- }
- .altbar {
- background: #e0e8f1;
- color: #1d3652;
- }
- /* Table column headers */
- .header {
- background: #c9d5df url(http://whattheflac.net/forum/public/style_images/elegant-blue/_custom/bg-header.png) repeat-x top left;
- color: #4c5f71;
- }
- body .ipb_table .header a,
- body .topic_options a {
- color: #4c5f71;
- }
- /* General block */
- .general_box {
- background: #eef3f8 url(http://whattheflac.net/forum/public/style_images/elegant-blue/_custom/topline.png) repeat-x top left;
- border: 1px solid #c0ccd9;
- padding: 10px;
- border-radius: 4px 4px 4px 4px;
- -moz-border-radius: 4px 4px 4px 4px;
- -webkit-border-bottom-left-radius: 4px;
- -webkit-border-bottom-right-radius: 4px;
- -webkit-border-top-left-radius: 4px;
- -webkit-border-top-right-radius: 4px;
- overflow: hidden;
- }
- .general_box h3 {
- margin: 4px;
- border-radius: 4px 4px 4px 4px;
- -moz-border-radius: 4px 4px 4px 4px;
- -webkit-border-bottom-left-radius: 4px;
- -webkit-border-bottom-right-radius: 4px;
- -webkit-border-top-left-radius: 4px;
- -webkit-border-top-right-radius: 4px;
- background: #dce4eb;
- color: #1d3652;
- }
- /* Post background */
- .post_block {
- background: #fdfeff;
- border: 1px solid #c0ccd9;
- border-bottom: 5px solid #c0ccd9;
- border-top: 0;
- }
- .post_block h3 {
- background: #e4ebf0 url(http://whattheflac.net/forum/public/style_images/elegant-blue/_custom/toplight.png) repeat-x top left;
- }
- /* Post screen background */
- div.post_form fieldset {
- background-color: #f1f4f7;
- }
- /* Dates */
- .date, .poll_question .votes {
- color: #a9a9a9;
- font-size: 0.8em;
- }
- /* "No Messages" message */
- .no_messages {
- background-color: #f6f8fa;
- color: #586070;
- padding: 25px 30px;
- }
- /* Tab bars */
- .tab_bar {
- background-color: #eff4f8;
- color: #4a6784;
- }
- .tab_bar li.active {
- background-color: #d8dfe6;
- }
- .tab_bar.no_title.mini {
- border-bottom: 8px solid #d8dfe6;
- }
- /* Filter & moderation bars */
- .filter_bar {
- background: #eef3f8 url(http://whattheflac.net/forum/public/style_images/elegant-blue/_custom/topline.png) repeat-x top left;
- border: 1px solid #ced8e2;
- color: #5b7997;
- }
- .filter_bar a, .filter_bar label {
- color: #5b7997;
- }
- .moderation_bar {
- background: #dce4eb;
- }
- /* Comments */
- .comment_wrap .comment.by_author,
- .comment_wrap .comment.by_author.row1 {
- background: #e8eff4;
- border-top: 1px solid #d5dde5;
- border-bottom: 1px solid #d5dde5;
- }
- .comment_wrap .comment.row1 {
- background: #f5f8fb;
- border-top: 1px solid #d5dde5;
- border-bottom: 1px solid #d5dde5;
- }
- .comment_wrap .comment.draft {
- border-top: 1px solid #d5dde5;
- border-bottom: 1px solid #d5dde5;
- background: #f6ecee;
- }
- /* Topic prefix */
- .topic_prefix {
- background: #f9f9f9 url(http://whattheflac.net/forum/public/style_images/elegant-blue/_custom/bg-topicprefix.png) repeat-x bottom left;
- box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);
- -moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);
- -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);
- border: 1px solid #e1e1e1;
- color: #767676;
- }
- /* Toggle for the sidebar */
- .sidebar_toggle {
- background-color: #fff;
- }
- /* Menu popups */
- .ipbmenu_content, .ipb_autocomplete {
- background-color: #f4f8fc;
- border: 1px solid #92a8bd;
- border-radius: 4px 4px 4px 4px;
- -moz-border-radius: 4px 4px 4px 4px;
- -webkit-border-bottom-left-radius: 4px;
- -webkit-border-bottom-right-radius: 4px;
- -webkit-border-top-left-radius: 4px;
- -webkit-border-top-right-radius: 4px;
- box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
- -moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
- -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
- }
- .ipbmenu_content li, .ipb_autocomplete li {
- border-bottom: 1px solid #d5dde5;
- }
- .ipb_autocomplete li.active {
- background: #e6ecf2;
- }
- /* Forms */
- .input_submit {
- background: #b4c4d4 url(http://whattheflac.net/forum/public/style_images/elegant-blue/_custom/bg-submit.png) repeat-x top left;
- color: #324456;
- border: 1px solid #8d9fb1;
- border-radius: 4px 4px 4px 4px;
- -moz-border-radius: 4px 4px 4px 4px;
- -webkit-border-bottom-left-radius: 4px;
- -webkit-border-bottom-right-radius: 4px;
- -webkit-border-top-left-radius: 4px;
- -webkit-border-top-right-radius: 4px;
- -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
- -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
- box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
- }
- a.input_submit:hover, a.input_submit:active {
- color: #172340;
- text-decoration: none;
- }
- .input_submit:hover {
- background-color: #9dafc1;
- }
- .input_submit:active {
- background: #9dafc1 url(http://whattheflac.net/forum/public/style_images/elegant-blue/_custom/bg-submit_active.png) repeat-x top left;
- text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.3);
- }
- .input_submit.alt {
- background-color: #dbe5ef;
- border-color: #a0b3c4;
- color: #546f89;
- font-weight: normal;
- }
- .input_submit.alt:hover {
- background-color: #ccd9e6;
- }
- .input_submit.alt:active {
- background: #ccd9e6 url(http://whattheflac.net/forum/public/style_images/elegant-blue/_custom/bg-submit_active.png) repeat-x top left;
- text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.3);
- }
- .input_submit.delete {
- background-color: #710000;
- color: #fff;
- }
- .input_submit.delete:hover {
- background-color: #840000;
- color: #fff;
- }
- .input_submit.delete:active {
- background: #710000 url(http://whattheflac.net/forum/public/style_images/elegant-blue/_custom/bg-submit_active.png) repeat-x bottom left;
- color: #b75d5d;
- text-shadow: -1px -1px 1px #000;
- }
- body#ipboard_body fieldset.submit,
- body#ipboard_body p.submit {
- background-color: #eef3f8;
- border-radius: 6px 6px 6px 6px;
- -moz-border-radius: 6px 6px 6px 6px;
- -webkit-border-bottom-left-radius: 6px;
- -webkit-border-bottom-right-radius: 6px;
- -webkit-border-top-left-radius: 6px;
- -webkit-border-top-right-radius: 6px;
- }
- /************************************************************************/
- /* HEADER */
- h1, #content_jump {
- text-indent: -9999px;
- height: 0px;
- width: 0px;
- }
- #header {
- position: relative;
- }
- #branding {
- background: #1f456c url(http://whattheflac.net/forum/public/style_images/elegant-blue/branding_bg.png) repeat-x center left;
- border-bottom: 0;
- min-height: 80px;
- border-radius: 6px 6px 0 0;
- -moz-border-radius: 6px 6px 0 0;
- -webkit-border-top-left-radius: 6px;
- -webkit-border-top-right-radius: 6px;
- }
- #admin_bar {
- background: #2e2e2e url(http://whattheflac.net/forum/public/style_images/elegant-blue/gradient_bg.png) repeat-x 50%;
- color: #d2d2d2;
- font-size: 0.8em;
- padding: 7px;
- height: 14px;
- }
- #admin_bar li {
- color: #767676;
- padding: 0 3px 0 5px;
- }
- #admin_bar li.active, #admin_bar li.active a {
- color: #e74242;
- }
- /* Navigation */
- #primary_nav {
- background: #183558 url(http://whattheflac.net/forum/public/style_images/elegant-blue/primarynav_bg.png) repeat-x top left;
- font-size: 1.1em;
- color: #b8c4ce;
- height: 36px;
- text-shadow: 1px 1px 1px #000;
- }
- #primary_nav ul {
- padding: 5px;
- }
- #primary_nav ul li, #primary_nav ul li a {
- color: #b8c4ce;
- text-decoration: none;
- }
- #primary_nav ul li {
- margin-right: 5px;
- }
- #primary_nav ul li.active a {
- background: #1f3f66 url(http://whattheflac.net/forum/public/style_images/elegant-blue/_custom/primarynav_normal.png) repeat-x top left;
- color: #fff;
- text-decoration: none;
- font-weight: bold;
- }
- #primary_nav ul li a {
- background: transparent;
- border-radius: 4px 4px 4px 4px;
- -moz-border-radius: 4px 4px 4px 4px;
- -webkit-border-bottom-left-radius: 4px;
- -webkit-border-bottom-right-radius: 4px;
- -webkit-border-top-left-radius: 4px;
- -webkit-border-top-right-radius: 4px;
- padding: 4px 10px;
- display: block;
- color: #b8c4ce;
- text-decoration: none;
- }
- #primary_nav ul li a img {
- margin-right: 3px;
- }
- #primary_nav ul li a:hover {
- background: #193456 url(http://whattheflac.net/forum/public/style_images/elegant-blue/_custom/primarynav_normal.png) repeat-x top left;
- color: #fff;
- text-decoration: none;
- }
- #primary_nav ul li a:active {
- background: #112742 url(http://whattheflac.net/forum/public/style_images/elegant-blue/_custom/primarynav_active.png) repeat-x top left;
- color: #b8c4ce;
- text-decoration: none;
- }
- #user_navigation {
- background: #23446d;
- border-radius: 0 6px 0 6px;
- -moz-border-radius: 0 6px 0 6px;
- -webkit-border-bottom-left-radius: 6px;
- -webkit-border-top-right-radius: 6px;
- border: 0px solid #3b7ca8;
- border-top: 0;
- padding: 2px 2px 2px 7px;
- text-shadow: -1px -1px 0 #000;
- font-size: 1em;
- position: relative;
- float: right;
- z-index: 9999;
- }
- #user_navigation .photo {
- background: #305480;
- border: 1px solid #18365b;
- padding: 2px;
- border-radius: 2px 2px 2px 2px;
- -moz-border-radius: 2px 2px 2px 2px;
- -webkit-border-bottom-left-radius: 2px;
- -webkit-border-bottom-right-radius: 2px;
- -webkit-border-top-left-radius: 2px;
- -webkit-border-top-right-radius: 2px;
- margin: 3px 0 0 0;
- float: left;
- }
- #user_navigation p {
- color: #a9bcd2;
- white-space: nowrap;
- }
- #user_navigation p a {
- color: #a9bcd2;
- }
- #user_info {
- width: 212px;
- }
- #user_navigation #new_msg_count {
- background-color: #242424;
- font-weight: bold;
- font-size: 0.9em;
- padding: 3px 7px;
- top: 0px;
- left: 45px;
- position: absolute;
- }
- #user_navigation ul {
- font-size: 1em;
- margin-top: 4px;
- }
- #user_navigation ul a {
- color: #a9bcd2;
- }
- #user_navigation ul a:hover {
- color: #fff;
- }
- #user_navigation ul#user_other {
- margin: 3px 5px 0;
- }
- #user_navigation ul#user_other li {
- float: right;
- }
- #user_navigation ul#user_other li a {
- border: 1px solid transparent;
- padding: 4px 8px;
- text-decoration: none;
- display: block;
- }
- #user_navigation ul#user_other li a img {
- position: relative;
- margin-right: 3px;
- margin-top: -2px;
- }
- #user_navigation ul#user_other li a:hover {
- background: #224a77 url(http://whattheflac.net/forum/public/style_images/elegant-blue/_custom/usernav_normal.png) repeat-x top left;
- border: 1px solid #18365b;
- border-radius: 4px 4px 4px 4px;
- -moz-border-radius: 4px 4px 4px 4px;
- -webkit-border-bottom-left-radius: 4px;
- -webkit-border-bottom-right-radius: 4px;
- -webkit-border-top-left-radius: 4px;
- -webkit-border-top-right-radius: 4px;
- }
- #user_navigation ul#user_other li a:active {
- background: #224a77 url(http://whattheflac.net/forum/public/style_images/elegant-blue/_custom/usernav_active.png) repeat-x top left;
- color: #a9bcd2;
- }
- #user_navigation ul#user_link_menucontent {
- background-color: #eaf0f4;
- border: 1px solid #9aaec2;
- box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
- -moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
- -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
- border-radius: 4px 4px 4px 4px;
- -moz-border-radius: 4px 4px 4px 4px;
- -webkit-border-bottom-left-radius: 4px;
- -webkit-border-bottom-right-radius: 4px;
- -webkit-border-top-left-radius: 4px;
- -webkit-border-top-right-radius: 4px;
- padding: 3px 0;
- margin-top: 1px;
- width: 215px;
- float: left;
- z-index: 10000;
- text-shadow: 0 0 0 #fff;
- }
- #user_navigation ul#user_link_menucontent li {
- padding: 1px;
- margin: 0 3px;
- float: none;
- }
- #user_navigation ul#user_link_menucontent a {
- border-radius: 4px 4px 4px 4px;
- -moz-border-radius: 4px 4px 4px 4px;
- -webkit-border-bottom-left-radius: 4px;
- -webkit-border-bottom-right-radius: 4px;
- -webkit-border-top-left-radius: 4px;
- -webkit-border-top-right-radius: 4px;
- color: #495f78;
- text-decoration: none;
- padding: 5px 5px 6px 8px;
- display: block;
- }
- #user_navigation ul#user_link_menucontent a img {
- position: relative;
- margin-top: -2px;
- margin-right: 5px;
- }
- #user_navigation ul#user_link_menucontent a:hover {
- background: #d5e0e8;
- color: #2a3a4e;
- }
- #user_navigation ul#user_link_menucontent a:active {
- background: #ccd9e2;
- }
- #user_navigation #user_link {
- background: #224a77 url(http://whattheflac.net/forum/public/style_images/elegant-blue/_custom/usernav_normal.png) repeat-x top left;
- border: 1px solid #18365b;
- border-radius: 4px 4px 4px 4px;
- -moz-border-radius: 4px 4px 4px 4px;
- -webkit-border-bottom-left-radius: 4px;
- -webkit-border-bottom-right-radius: 4px;
- -webkit-border-top-left-radius: 4px;
- -webkit-border-top-right-radius: 4px;
- position: relative;
- padding: 4px 26px 5px 10px;
- margin: 3px 5px 0px 10px;
- min-width: 110px;
- outline: 0px;
- display: inline-block;
- overflow: hidden;
- }
- #user_navigation #user_link:hover, #user_navigation #user_notifications_link:hover, #user_navigation.not_logged_in #sign_in:hover {
- background-color: #1e426a;
- }
- #user_navigation #user_link:active, #user_navigation #user_notifications_link:active, #user_navigation.not_logged_in #sign_in:active {
- background: #1e426a url(http://whattheflac.net/forum/public/style_images/elegant-blue/_custom/usernav_active.png) repeat-x top left;
- }
- #user_navigation #user_link img {
- position: absolute;
- right: 5px;
- top: 9px;
- }
- #user_navigation #user_link span {
- display: inline-block;
- overflow: hidden;
- max-width:110px;
- }
- /* Sign in services icons (Facebook, twitter, etc) */
- .services img { margin-top: -2px }
- #user_navigation.not_logged_in .links {
- float: left;
- margin: 0 4px 0;
- display: block;
- color: #e0e0e0;
- }
- #user_navigation.not_logged_in .links a {
- font-weight: bold;
- float: none;
- }
- #user_navigation.not_logged_in #sign_in {
- background: #224a77 url(http://whattheflac.net/forum/public/style_images/elegant-blue/_custom/usernav_normal.png) repeat-x top left;
- border: 1px solid #18365b;
- border-radius: 4px 4px 4px 4px;
- -moz-border-radius: 4px 4px 4px 4px;
- -webkit-border-bottom-left-radius: 4px;
- -webkit-border-bottom-right-radius: 4px;
- -webkit-border-top-left-radius: 4px;
- -webkit-border-top-right-radius: 4px;
- float: left;
- display: block;
- min-width: 250px;
- margin: 3px 0;
- padding: 4px 8px;
- cursor: pointer;
- }
- #user_navigation.not_logged_in {
- *max-width: 300px;
- }
- /* Notifications */
- #user_navigation #user_notifications_link {
- background: #224a77 url(http://whattheflac.net/forum/public/style_images/elegant-blue/_custom/usernav_normal.png) repeat-x top left;
- border: 1px solid #18365b;
- border-radius: 4px 4px 4px 4px;
- -moz-border-radius: 4px 4px 4px 4px;
- -webkit-border-bottom-left-radius: 4px;
- -webkit-border-bottom-right-radius: 4px;
- -webkit-border-top-left-radius: 4px;
- -webkit-border-top-right-radius: 4px;
- padding: 4px 15px 5px 5px;
- margin: 3px 0 0 0;
- min-width: 25px;
- outline: 0px;
- position: relative;
- display: inline-block;
- overflow: hidden;
- float: right;
- white-space: nowrap;
- text-decoration: none;
- }
- #user_navigation #user_notifications_link img#notify-down-arrow {
- right: 5px;
- top: 9px;
- position: absolute;
- }
- #user_navigation #user_notifications_link small {
- position: relative;
- background: #1e426a url(http://whattheflac.net/forum/public/style_images/elegant-blue/_custom/usernav_active.png) repeat-x top left;
- color: #a9bcd2;
- font-weight: bold;
- top: 0px;
- right: 0px;
- padding: 1px 4px;
- border-radius: 4px;
- -moz-border-radius: 4px;
- -webkit-border-radius: 4px;
- }
- #user_navigation #user_notifications.no-new small {
- background-color: transparent;
- border: 0;
- color: #a9bcd2;
- }
- #user_navigation #user_notifications.no-new small:hover {
- background-color: #0d2447;
- color: #a9bcd2;
- }
- #user_notifications_link_menucontent {
- background-color: #eaf0f4;
- border: 1px solid #9aaec2;
- box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
- -moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
- -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
- border-radius: 4px 4px 4px 4px;
- -moz-border-radius: 4px 4px 4px 4px;
- -webkit-border-bottom-left-radius: 4px;
- -webkit-border-bottom-right-radius: 4px;
- -webkit-border-top-left-radius: 4px;
- -webkit-border-top-right-radius: 4px;
- padding: 4px;
- margin-top: 1px;
- min-width: 315px;
- float: right;
- z-index: 10000;
- font-size: 0.9em;
- }
- #user_notifications_link_menucontent li {
- padding: 5px 10px 5px 8px;
- float: none;
- clear: both;
- /*border-top: thin solid #000;*/
- }
- #user_notifications_link_menucontent li a {
- /*text-decoration: none;*/
- }
- #user_notifications_link_menucontent li.view-all {
- text-align: center;
- background-color: #d5e0e8;
- border-radius: 4px 4px 4px 4px;
- -moz-border-radius: 4px 4px 4px 4px;
- -webkit-border-bottom-left-radius: 4px;
- -webkit-border-bottom-right-radius: 4px;
- -webkit-border-top-left-radius: 4px;
- -webkit-border-top-right-radius: 4px;
- margin-top: 3px;
- font-weight: bold;
- }
- #user_notifications_link_menucontent li.no-notifications {
- text-align: center;
- font-style: italic;
- }
- #user_notifications_link_menucontent img {
- float: left;
- margin: 5px 7px 0 0;
- }
- #user_notifications_link_menucontent li.notify:hover {
- background-color: #d5e0e8;
- }
- #user_notifications_link_menucontent li.notify:first-child:hover {
- border-radius: 4px 4px 4px 4px;
- -moz-border-radius: 4px 4px 4px 4px;
- -webkit-border-bottom-left-radius: 4px;
- -webkit-border-bottom-right-radius: 4px;
- -webkit-border-top-left-radius: 4px;
- -webkit-border-top-right-radius: 4px;
- }
- #user_notifications_link_menucontent li p {
- display: inline;
- margin-left: 0px;
- }
- #user_notifications_link_menucontent li span.desc {
- font-size: 0.8em;
- padding-top: 2px;
- }
- #user_notifications_link_menucontent .unread,
- #user_notifications_link_menucontent .unread a {
- font-weight: bold;
- }
- /* End notifications */
- #search {
- color: #556b85;
- font-size: 1em;
- margin: 6px 0 0 0;
- position: relative;
- right: 0px;
- float: right;
- z-index: 5000;
- min-width: 260px;
- }
- #search .submit_input {
- background: #d5dde5 url(http://whattheflac.net/forum/public/style_images/elegant-blue/search_icon.png) no-repeat 50%;
- text-indent: -3000em;
- width: 25px;
- height: 24px;
- border: 1px solid #1a2735;
- padding: 0;
- float: left;
- }
- #search input#main_search {
- padding: 0 0 0 18px;
- border: 0;
- width: 160px;
- background: transparent url(http://whattheflac.net/forum/public/style_images/elegant-blue/search_icon.png) no-repeat center left;
- color: #fff;
- font-size: 1em;
- }
- #search input#main_search.inactive {
- color: #b8c4ce;
- }
- #search_wrap {
- background: #112742 url(http://whattheflac.net/forum/public/style_images/elegant-blue/_custom/primarynav_active.png) repeat-x top left;
- border: 1px solid #224773;
- border-top: 0;
- border-left: 0;
- border-radius: 4px 4px 4px 4px;
- -moz-border-radius: 4px 4px 4px 4px;
- -webkit-border-bottom-left-radius: 4px;
- -webkit-border-bottom-right-radius: 4px;
- -webkit-border-top-left-radius: 4px;
- -webkit-border-top-right-radius: 4px;
- padding: 4px 8px;
- float: left;
- white-space: nowrap;
- }
- #search .choice {
- background: url(http://whattheflac.net/forum/public/style_images/elegant-blue/search_expand.png) no-repeat right;
- border-left: 1px solid #1a3555;
- padding: 0 15px 0 7px;
- color: #b8c4ce;
- min-width: 60px;
- display: inline-block;
- }
- #search_options_menucontent {
- background: #fff;
- font-size: 13px;
- border: 1px solid #9aaec2;
- border-radius: 4px 4px 4px 4px;
- -moz-border-radius: 4px 4px 4px 4px;
- -webkit-border-bottom-left-radius: 4px;
- -webkit-border-bottom-right-radius: 4px;
- -webkit-border-top-left-radius: 4px;
- -webkit-border-top-right-radius: 4px;
- box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.2);
- -moz-box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.2);
- -webkit-box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.2);
- margin-top: 4px;
- min-width: 150px;
- display: inline-block;
- z-index: 1000;
- text-shadow: 0 0 0 #fff;
- }
- #search_options_menucontent li {
- color: #3c3c3c !important;
- margin: 0 !important;
- padding: 9px 5px 9px 10px !important;
- opacity: 0.8;
- }
- #search_options_menucontent li:hover {
- opacity: 1;
- }
- #search_options_menucontent li.special {
- background: #e4ebf2;
- }
- #search_options_menucontent li.special + li.app,
- #search_options_menucontent li.title + li.special {
- border-top: 1px solid #cbcbcb;
- }
- #search_options_menucontent li input {
- margin-right: 5px;
- }
- #adv_search {
- width: 25px;
- height: 20px;
- margin: 2px;
- background: url(http://whattheflac.net/forum/public/style_images/elegant-blue/advanced_search.png) no-repeat 50%;
- float: left;
- display: inline-block;
- opacity: 0.6;
- }
- #adv_search:hover {
- opacity: 1;
- }
- #adv_search:active {
- opacity: 0.6;
- }
- #secondary_nav {
- background: transparent;
- position: relative;
- color: #54687a;
- line-height: 30px;
- font-size: 1em;
- padding: 0 10px 0 0;
- clear: both;
- }
- #secondary_nav a {
- color: #54687a;
- }
- #secondary_nav a:hover {
- color: #435666;
- }
- .bread {
- float: left;
- width: 50%;
- }
- .bread li {
- padding-left: 8px;
- float: left;
- }
- .bread li:last-child {
- font-weight: bold;
- }
- .bread li a {
- background: transparent url(http://whattheflac.net/forum/public/style_images/elegant-blue/_custom/breadcrumb_li_a.png) no-repeat center right;
- padding: 8px 19px 8px 3px;
- color: #54687a;
- text-decoration: none;
- }
- .bread li a:hover {
- background: transparent url(http://whattheflac.net/forum/public/style_images/elegant-blue/_custom/breadcrumb_li_a_hover.png) no-repeat center right;
- color: #435666;
- }
- .bread li a:active {
- background: transparent url(http://whattheflac.net/forum/public/style_images/elegant-blue/_custom/breadcrumb_li_a.png) no-repeat center right;
- color: #54687a;
- }
- .bread li a img {
- position: relative;
- margin-top: -6px;
- opacity: 0.7;
- }
- .bread li a img:hover {
- opacity: 1;
- }
- .bread li a img:active {
- opacity: 0.7;
- }
- .bread #section_links li {
- padding: 0 5px;
- }
- #section_links {
- display: inline;
- float: right;
- }
- #section_links li {
- display: block;
- float: left;
- list-style: none;
- padding: 0 1px;
- position: relative;
- margin-top: -1px;
- }
- #section_links li a {
- background: transparent;
- padding: 0 8px;
- font-weight: normal;
- display: block;
- color: #54687a;
- text-decoration: none;
- }
- #section_links ul li a:hover {
- background: #fffbf8;
- border-radius: 4px 4px 4px 4px;
- -moz-border-radius: 4px 4px 4px 4px;
- -webkit-border-bottom-left-radius: 4px;
- -webkit-border-bottom-right-radius: 4px;
- -webkit-border-top-left-radius: 4px;
- -webkit-border-top-right-radius: 4px;
- color: #435666;
- }
- #secondary_nav #section_links #rss_menu li {
- padding: 0;
- display: block;
- float: none;
- }
- #section_links #rss_menu li a {
- padding: 0 6px;
- display: block;
- float: none;
- }
- #rss_menu {
- background: #fff2e6;
- border: 1px solid #ffaa55;
- box-shadow: 0 3px 6px rgba(0, 0, 0, 0.3);
- -moz-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.3);
- -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.3);
- border-radius: 6px 6px 6px 6px;
- -moz-border-radius: 6px 6px 6px 6px;
- -webkit-border-bottom-left-radius: 6px;
- -webkit-border-bottom-right-radius: 6px;
- -webkit-border-top-left-radius: 6px;
- -webkit-border-top-right-radius: 6px;
- text-shadow: 1px 1px 0 #fff;
- padding: 3px;
- width: 245px;
- display: block;
- z-index: 500;
- font-size: 1em;
- line-height: 28px;
- }
- #pm_notification {
- background: url(http://whattheflac.net/forum/public/style_images/elegant-blue/trans_bg.png);
- color: #515151;
- padding: 0;
- margin: 15px 20% 0;
- width: 60%;
- position: fixed;
- z-index: 2000;
- }
- #pm_notification #pm_wrap {
- background: #f3f3f3;
- padding: 0px 0 0px 0;
- margin: 10px;
- }
- #pm_notification h2 {
- font-size: 1.1em;
- font-weight: bold;
- clear: none;
- padding-left: 18px;
- margin: -8px 0 0 10px;
- color: #586070;
- }
- #pm_notification.open h2 {
- background: url(http://whattheflac.net/forum/public/style_images/elegant-blue/folder_open.png ) no-repeat 2px 2px;
- }
- #pm_notification.closed h2 {
- background: url(http://whattheflac.net/forum/public/style_images/elegant-blue/folder_closed.png ) no-repeat 2px 2px;
- }
- #pm_notification p.excerpt {
- margin: 15px 20px 0;
- line-height: 150%;
- overflow: auto;
- max-height: 400px;
- }
- #pm_notification p.desc {
- margin: 0px 15px 0;
- float: right;
- }
- body#ipboard_body #pm_notification p.submit {
- margin: 15px 0 0;
- padding-left: 15px;
- text-align: left;
- }
- #pm_notification a.configure {
- font-size: 0.9em;
- float: right;
- margin-right: 15px;
- }
- #pm_notification .ok_thanks {
- text-align: center;
- padding: 6px;
- clear: both;
- }
- #pm_notification h3 {
- background-color: #dae4ed;
- font-size: 1.2em;
- padding: 6px;
- margin-bottom: 2px;
- }
- #pm_notification h3 a {
- text-decoration: underline;
- }
- #pm_notification h3 img {
- margin-right: 6px;
- }
- /************************************************************************/
- /* FOOTER */
- #board_footer {
- color: #606060;
- font-size: 0.85em;
- border-top: 1px solid #e4ebf2;
- padding: 8px 0 15px 0;
- margin: 10px 8px 10px;
- top: 20px;
- clear: both;
- }
- #board_footer ul#utility_links li {
- float: left;
- padding-right: 8px;
- }
- #board_footer p {
- text-align: right;
- }
- #board_footer a {
- color: #606060;
- }
- #footer_utilities {
- background: #f6f6f6;
- color: #586070;
- font-size: 0.8em;
- padding: 4px 15px;
- margin: 0 8px 0 8px;
- }
- #footer_utilities form {
- margin: 7px 5px 0 5px;
- }
- #footer_utilities ul {
- padding: 2px 0;
- margin: 8px 0 0 0;
- }
- #footer_utilities ul li:first-child {
- color: #586070;
- }
- #footer_utilities li {
- float: right;
- padding: 0 8px 4px 8px;
- }
- /************************************************************************/
- /* GENERAL CONTENT */
- #content {
- padding: 6px 6px 0px 6px;
- clear: both;
- }
- #ajax_loading {
- background-color: #43729c;
- color: #fff;
- text-shadow: -1px -1px 0 #000;
- font-weight: bold;
- text-align: center;
- padding: 5px;
- width: 8%;
- top: 0px;
- left: 46%;
- border-radius: 0 0 5px 5px;
- -moz-border-radius: 0 0 5px 5px;
- -webkit-border-bottom-left-radius: 5px;
- -webkit-border-bottom-right-radius: 5px;
- z-index: 10000;
- position: fixed;
- }
- #ipboard_body.redirector {
- background: #e8ecf1;
- margin: 150px auto;
- color: #6a6a6a;
- }
- #ipboard_body.redirector a {
- color: #6a6a6a;
- text-decoration: none;
- }
- #ipboard_body.redirector h2 {
- color: #6a6a6a;
- }
- #ipboard_body.redirector p {
- font-size: 1.2em;
- line-height: 1.5em;
- background: #e8ecf1;
- border: 2px solid #d7d8db;
- color: #6a6a6a;
- padding: 15px;
- border-radius: 6px 6px 6px 6px;
- -moz-border-radius: 6px 6px 6px 6px;
- -webkit-border-bottom-left-radius: 6px;
- -webkit-border-bottom-right-radius: 6px;
- -webkit-border-top-left-radius: 6px;
- -webkit-border-top-right-radius: 6px;
- }
- .topic_options, .generic_bar, .tab_filters {
- color: #1d3652;
- font-size: 0.85em;
- font-weight: bold;
- height: 33px;
- }
- .generic_bar, .tab_filters {
- background: #e0e8f1;
- }
- .generic_bar {
- display: none;
- }
- .tab_filters {
- background: #d8dfe6 url(http://whattheflac.net/forum/public/style_images/elegant-blue/th_bg.png) repeat-x top;
- color: #284b72;
- }
- .topic_options {
- background: #e4ebf0;
- }
- .topic_options li {
- padding: 10px;
- float: right;
- }
- .topic_options a {
- text-decoration: none;
- }
- .general_box h3 {
- font-size: 1em;
- border: 0;
- padding: 6px 10px;
- margin: -4px -4px 0 -4px;
- }
- #index_stats .general_box {
- margin-bottom: 8px;
- overflow: hidden;
- padding: 0px;
- }
- #index_stats .general_box h3 {
- margin: 4px;
- border-radius: 4px 4px 4px 4px;
- -moz-border-radius: 4px 4px 4px 4px;
- -webkit-border-bottom-left-radius: 4px;
- -webkit-border-bottom-right-radius: 4px;
- -webkit-border-top-left-radius: 4px;
- -webkit-border-top-right-radius: 4px;
- padding: 5px;
- }
- #index_stats.portal .general_box div.inner_portal_box {
- padding: 5px;
- }
- .general_box.alt {
- padding: 0px;
- }
- .general_box.alt h3 {
- margin: 0 0 5px 0;
- }
- .general_box a {
- text-decoration: none;
- }
- .general_box .block_list {
- font-size: 0.9em;
- padding-top: 5px;
- margin: 0;
- }
- .general_box .block_list li {
- padding: 6px;
- margin: 0;/* -8px;*/
- }
- .progress_bar {
- background-color: #fff;
- border: 1px solid #d5dde5;
- }
- .progress_bar span {
- background: #d8dfe6 url(http://whattheflac.net/forum/public/style_images/elegant-blue/gradient_bg.png) repeat-x left 50%;
- color: #fff;
- font-size: 0em;
- font-weight: bold;
- text-align: center;
- text-indent: -2000em; /* Safari fix */
- height: 10px;
- display: block;
- overflow: hidden;
- }
- .progress_bar.limit span {
- background: #b82929 url(http://whattheflac.net/forum/public/style_images/elegant-blue/progressbar_warning.png) repeat-x center;
- }
- .progress_bar span span {
- display: none;
- }
- .progress_bar.user_warn {
- margin: 0 auto;
- width: 80%;
- }
- .progress_bar.user_warn span {
- height: 6px;
- }
- .progress_bar.topic_poll {
- border: 1px solid #d5dde5;
- margin-top: 2px;
- width: 40%;
- }
- img.resized {
- display: block;
- }
- .resized_img img {
- border-style: solid;
- border-color: #777;
- border-width: 3px 3px 6px 3px;
- margin-bottom: 5px;
- }
- .resized_img span {
- background: #777;
- color: #fff;
- padding: 4px 8px;
- font-size: 11px;
- }
- .resized_img {
- clear: right;
- }
- li.rating a {
- outline: 0;
- }
- .antispam_img {
- margin-left: 215px;
- margin-bottom: 3px;
- }
- .tagList {
- list-style-type: none;
- margin: 0;
- padding: 0;
- }
- .tagList li { display: inline; }
- li.level1 { font-size: 12px; }
- li.level2 { font-size: 14px; }
- li.level3 { font-size: 16px; }
- li.level4 { font-size: 18px; }
- li.level5 { font-size: 20px; }
- li.level6 { font-size: 22px; }
- span.error {
- color: #ad2930;
- font-weight: bold;
- clear: both;
- }
- .maintitle .desc {
- font-size: 0.7em;
- color: #fff;
- }
- /************************************************************************/
- /* GENERIC REPEATED STYLES */
- /* Inline lists */
- #admin_bar ul, #admin_bar li, #stat_links li,
- .tab_filters ul, .tab_filters li,
- fieldset.with_subhead span.desc, fieldset.with_subhead label,
- .user_controls li {
- display: inline;
- }
- /* Floats */
- .right { float: right; }
- .left { float: left; }
- /* Visibility */
- .hide { display: none; }
- /* Bullets */
- .bullets ul, .bullets ol,
- ul.bullets, ol.bullets {
- list-style: disc;
- margin-left: 30px;
- line-height: 150%;
- list-style-image: none;
- }
- /* Rounded corners */
- #user_navigation #new_msg_count, .message, .popupWrapper, .poll_question h4, .reputation,
- .rounded {
- border-radius: 6px;
- -moz-border-radius: 6px;
- -webkit-border-radius: 6px;
- }
- /* Center */
- .short {
- text-align: center;
- }
- /* Description */
- .desc, p.posted_info, .warn_panel strong {
- font-size: 0.8em;
- color: #606060;
- }
- /* Cancel */
- .cancel {
- color: #ad2930;
- font-size: 0.9em;
- font-weight: bold;
- }
- /* Maintitle */
- body .maintitle {
- font-size: 13px;
- font-weight: bold;
- text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.5);
- border-bottom: 0;
- border-radius: 4px 4px 0 0;
- -moz-border-radius: 4px 4px 0 0;
- -webkit-border-top-left-radius: 4px;
- -webkit-border-top-right-radius: 4px;
- padding: 6px 6px 6px 8px !important;
- margin: 0 !important;
- overflow: hidden;
- }
- /* Photo */
- .photo {
- border: 1px solid #d8d8d8;
- background: #fff;
- padding: 3px;
- border-radius: 2px 2px 2px 2px;
- -moz-border-radius: 2px 2px 2px 2px;
- -webkit-border-bottom-left-radius: 2px;
- -webkit-border-bottom-right-radius: 2px;
- -webkit-border-top-left-radius: 2px;
- -webkit-border-top-right-radius: 2px;
- }
- /* Moderation */
- em.moderated {
- background: transparent;
- font-size: 0.8em;
- font-weight: bold;
- margin-top: 8px;
- display: block;
- clear: both;
- }
- /* Positive/Negative */
- .positive {
- color: #6f8f52;
- }
- .negative {
- color: #c7172b;
- }
- /* Clickable */
- .clickable {
- cursor: pointer;
- }
- /* Clear */
- .clear {
- clear: both;
- }
- .clearfix, .stats_list {
- overflow: auto;
- }
- /* Block wrap */
- .block_wrap {
- padding: 5px 0;
- margin-bottom: 5px;
- }
- /* White links */
- #admin_bar a,
- #user_navigation.not_logged_in, #user_navigation.not_logged_in a,
- #user_navigation #user_link, #user_navigation #new_msg_count,
- #user_navigation ul, #user_navigation ul#user_link_menucontent,
- #search .submit_input, .message.user_status #update_status,
- table.ipb_table th a, .topic_buttons li a, .topic_buttons li span,
- .message.user_status #update_status,
- .members li.positive a, .members li.negative a, #footer_utilities a {
- color: #fff;
- text-decoration: none;
- }
- .tab_bar li.active, .tab_bar li.active a {
- color: #324b63;
- text-decoration: none;
- }
- #stat_links a {
- color: #5b7997;
- text-decoration: none;
- }
- /* Search highlighting */
- .searchlite
- {
- background-color: yellow;
- color: red;
- font-size:14px;
- }
- /* Users posting */
- .activeuserposting {
- font-style: italic;
- }
- /************************************************************************/
- /* COLUMN WIDTHS FOR TABLES */
- .col_f_icon, .col_f_picon,
- .col_m_status, .col_r_icon {
- width: 3%;
- }
- .col_c_icon
- {
- width:53px;
- }
- .col_m_replies
- {
- width: 5%;
- }
- .col_m_to, .col_m_from {
- width:15%;
- }
- .col_f_topic, .col_m_subject {
- width: 49%;
- }
- .col_f_views, .col_f_starter,
- .col_r_total, .col_r_comments {
- width: 10%;
- }
- .col_f_post, .col_m_date,
- .col_r_updated, .col_r_section {
- width: 18%;
- }
- .col_c_stats {
- width: 15%;
- }
- .col_c_post {
- width: 30%;
- }
- .col_c_forum {
- width: 55%;
- }
- .col_mod, .col_f_mod, .col_r_mod {
- width: 3%;
- }
- .col_r_title {
- width: 26%;
- }
- /************************************************************************/
- /* TABLE STYLES */
- table.ipb_table {
- line-height: 120%;
- border: 1px solid #c0ccd9;
- border-bottom: 5px solid #c0ccd9;
- border-top: 0;
- border-radius: 0 0 4px 4px;
- -moz-border-radius: 0 0 4px 4px;
- -webkit-border-bottom-left-radius: 4px;
- -webkit-border-bottom-right-radius: 4px;
- overflow: hidden;
- /*table-layout: fixed;*/
- }
- table.ipb_table a {
- text-decoration: none;
- }
- table.ipb_table a:hover,
- body table.ipb_table th a {
- text-decoration: underline;
- }
- table.ipb_table caption span.desc {
- font-size: 0.6em;
- }
- table.ipb_table h4,
- table.ipb_table .topic_title {
- font-size: 1em;
- font-weight: normal;
- display: inline;
- }
- table.ipb_table h4 {
- font-weight: bold;
- }
- table.ipb_table tr td {
- /*border-bottom: 1px solid #d8e1ea;*/
- padding: 6px;
- border-bottom: 0px solid #dbe6ee;
- /*border-bottom: 2px solid #fff;*/
- }
- table.ipb_table tr .stats {
- text-align: right;
- white-space: nowrap;
- }
- body table.ipb_table tr td p {
- font-size: 0.9em;
- padding-top: 3px;
- }
- table.ipb_table th,
- div#current_calendar ol#week_view li.month_bar {
- font-size: 0.85em;
- font-weight: bold;
- padding: 6px;
- }
- table.ipb_table ol.subforums {
- padding-top: 1px;
- margin-top: 1px;
- }
- table.ipb_table ol.subforums li {
- background: transparent url(http://whattheflac.net/forum/public/style_images/elegant-blue/bullet_black.png) no-repeat 3px 4px;
- color: #1d3652;
- font-size: 0.85em;
- padding: 0 4px 0 15px;
- float: left;
- }
- table.ipb_table ol.subforums li.newposts {
- background: transparent url(http://whattheflac.net/forum/public/style_images/elegant-blue/bullet_green.png) no-repeat 0px 0px;
- color: #1d3652;
- font-size: 0.85em;
- padding: 0 4px 0 16px;
- float: left;
- }
- table.ipb_table tr.announcement td {
- background: #fafaeb;
- font-weight: bold;
- font-size: 1.1em;
- }
- table.ipb_table tr.subhead th {
- font-weight: bold;
- font-size: 1em;
- padding: 8px;
- }
- table.ipb_table ul li {
- font-size: 0.95em;
- }
- /************************************************************************/
- /* FORM STYLES */
- body#ipboard_body fieldset.submit,
- body#ipboard_body p.submit {
- padding: 15px 6px 15px 6px;
- text-align: center;
- }
- body#ipboard_body fieldset.submit .left-align {
- text-align: left;
- }
- .input_text, .input_textarea, .status_textarea, #statusUpdate {
- background: #fff url(http://whattheflac.net/forum/public/style_images/elegant-blue/_custom/bg-inputtext.png) repeat-x top left;
- font-size: 1em;
- font-family: "lucida grande", "lucida sans unicode", arial, verdana, tahoma, sans-serif;
- border: 1px solid #a6a6a6;
- padding: 3px 6px;
- color: #5e5e5e;
- border-radius: 2px 2px 2px 2px;
- -moz-border-radius: 2px 2px 2px 2px;
- -webkit-border-bottom-left-radius: 2px;
- -webkit-border-bottom-right-radius: 2px;
- -webkit-border-top-left-radius: 2px;
- -webkit-border-top-right-radius: 2px;
- }
- .input_text:hover, .input_textarea:hover, .status_textarea:hover, #statusUpdate:hover {
- border: 1px solid #7a7a7a;
- }
- .input_text:focus, .input_textarea:focus, .status_textarea:focus, #statusUpdate:focus {
- -moz-box-shadow: 0 0 7px #007ebf;
- -webkit-box-shadow: 0 0 7px #007ebf;
- box-shadow: 0 0 7px #007ebf;
- border: 1px solid #007ebf;
- }
- textarea {
- width: 90%;
- }
- .input_text.error {
- background-color: #fcf2f2;
- }
- .input_text.error:focus {
- -moz-box-shadow: 0 0 7px #a30000;
- -webkit-box-shadow: 0 0 7px #a30000;
- box-shadow: 0 0 7px #a30000;
- border: 1px solid #ff0000;
- }
- .input_text.accept {
- background-color: #f7fcf2;
- }
- .input_text.accept:focus {
- -moz-box-shadow: 0 0 7px #00a308;
- -webkit-box-shadow: 0 0 7px #00a308;
- box-shadow: 0 0 7px #00a308;
- border: 1px solid #0ad700;
- }
- .input_text.email,
- .input_text.password {
- width: 18em;
- }
- .input_submit {
- font-weight: bold;
- font-size: 1em;
- text-decoration: none;
- padding: 3px 8px;
- cursor: pointer;
- }
- .input_submit.alt {
- text-decoration: none;
- }
- p.field {
- padding: 15px;
- }
- li.field {
- padding: 5px;
- margin-left: 27px;
- }
- li.field label,
- li.field span.desc {
- display: block;
- }
- li.field.error {
- color: #ad2930;
- }
- li.field.error label {
- font-weight: bold;
- }
- li.field.checkbox, li.field.cbox {
- margin-left: 0;
- }
- li.field.checkbox .input_check,
- li.field.checkbox .input_radio,
- li.field.cbox .input_check,
- li.field.cbox .input_radio {
- margin-right: 10px;
- vertical-align: middle;
- }
- li.field.checkbox label,
- li.field.cbox label {
- width: auto;
- float: none;
- display: inline;
- }
- li.field.checkbox p,
- li.field.cbox p {
- position: relative;
- left: 245px;
- display: block;
- }
- li.field.checkbox span.desc,
- li.field.cbox span.desc {
- padding-left: 27px;
- margin-left: auto;
- display: block;
- }
- /************************************************************************/
- /* MESSAGE STYLES */
- .message {
- background: #f1f6ec url(http://whattheflac.net/forum/public/style_images/elegant-blue/information.png) no-repeat 8px 10px;
- padding: 10px 10px 10px 30px;
- border: 1px solid #b0ce94;
- color: #3e4934;
- line-height: 150%;
- }
- .message h3 {
- padding: 0;
- color: #323232;
- }
- .message.error {
- background-color: #f3dddd;
- background-image: url(http://whattheflac.net/forum/public/style_images/elegant-blue/exclamation.png);
- border-color: #deb7b7;
- color: #281b1b;
- font-size: 1.1em;
- }
- .message.error.usercp {
- background-image: none;
- padding: 4px;
- float: right;
- }
- .message.unspecific {
- background-color: #f3f3f3;
- border-color: #d4d4d4;
- color: #515151;
- margin: 0 0 10px 0;
- clear: both;
- }
- .message.user_status {
- background: #f9f7e0;
- color: #6c6141;
- font-size: 1em;
- border: 1px solid #eadca0;
- padding: 5px 5px 5px 15px;
- margin-bottom: 10px;
- }
- .message.user_status.in_profile {
- font-size: 1.2em;
- position: relative;
- padding-left: 15px;
- overflow: auto;
- }
- .message.user_status #update_status {
- background: #d8dfe6;
- font-size: 0.8em;
- font-weight: bold;
- padding: 3px 8px;
- margin-left: 10px;
- }
- .message.user_status .cancel {
- font-size: 0.75em;
- }
- /************************************************************************/
- /* MENU & POPUP STYLES */
- .ipbmenu_content, .ipb_autocomplete {
- font-size: 0.9em;
- min-width: 85px;
- padding: 5px;
- z-index: 2000;
- }
- .ipbmenu_content li, .ipb_autocomplete li {
- padding: 5px;
- }
- .ipbmenu_content li:last-child {
- border-bottom: 0;
- padding-bottom: 0px;
- }
- .ipbmenu_content li:first-child {
- padding-top: 0px;
- }
- .ipbmenu_content a {
- text-decoration: none;
- }
- .popupWrapper {
- background-color: rgba(0,0,0,0.30);/*url(http://whattheflac.net/forum/public/style_images/elegant-blue/trans_bg.png);*/
- color: #fff;
- border-radius: 6px;
- -moz-border-radius: 6px;
- -webkit-border-radius: 6px;
- }
- .popupInner {
- background: #fff;
- color: #000;
- border: 3px solid #fff;
- border-radius: 4px;
- -moz-border-radius: 4px;
- -webkit-border-radius: 4px;
- margin: 8px;
- width: 500px;
- overflow: auto;
- }
- .popupInner.black_mode {
- background: #000;
- border: 3px solid #b3bbc3;
- color: #eee;
- border: 3px solid #555;
- }
- .popupInner.warning_mode {
- border: 3px solid #7D1B1B;
- }