MediaWiki:Common.css
Dari SABDA Labs
Catatan: Setelah menerbitkan, Anda mungkin perlu melewati tembolok peramban web Anda untuk melihat perubahan.
- Firefox/Safari: Tekan dan tahan Shift sembari mengeklik Reload, atau tekan Ctrl-F5 atau Ctrl-R (⌘-R di Mac)
- Google Chrome: Tekan Ctrl-Shift-R (⌘-Shift-R di Mac)
- Edge: Tahan Ctrl sembari mengeklik Refresh, atau tekan Ctrl-F5
/* This is the CSS for all skins (for all users) on MediaWiki.org. SECTIONS: 1. Indication of namespaces 2. Color classes for content 3. Special pages 4. Main page styling 5. Sidebar external links 6. Extension:Matrix stuff 7. Wikitables, infobox templates, warnings, and other such stylings 8. Some other small things */ /***** 1. INDICATION OF NAMESPACES *****/ /* Pseudo NS Special (light grey) */ .ns--2 #content { background-color: #f4f4f4; } .ns--2 div.thumb { border-color: #f4f4f4; } /* NS Project + Project_talk (light sky blue) */ .ns-4 #content, .ns-5 #content { background-color: #f8fcff; } .ns-4 div.thumb, .ns-5 div.thumb { border-color: #f8fcff; } /* NS MediaWiki + MediaWiki_talk (light grey) */ .ns-8 #content, .ns-9 #content { background-color: #f4f4f4; } .ns-8 div.thumb, .ns-9 div.thumb { border-color: #f4f4f4; } /* NS Manual + Manual_talk (light bluish violet) */ .ns-100 #content, .ns-101 #content { background-color: #f3f3ff; } .ns-100 div.thumb, .ns-101 div.thumb { border-color: #f3f3ff; } /* NS Help (but NOT Help_talk) (blue border and Public Domain icon) */ .ns-12 #content { border: 2px solid #0000cc; border-right: none; background-image: url(http://upload.wikimedia.org/wikipedia/mediawiki/b/b8/PD-banner.png); background-repeat: no-repeat; background-position: right top; } .ns-12 #bodyContent { background-image: url(http://upload.wikimedia.org/wikipedia/mediawiki/6/67/PD-icon-faded.png); background-repeat: no-repeat; background-position: right 5em; } /***** 2. COLOR CLASSES FOR CONTENT *****/ /* Border colors */ .borderc1 { border-color: #e9e9e9; border-width: thin; } /* light grey */ .borderc2 { border-color: #aaaaaa; border-width: thin; } /* grey (as toc) */ .borderc3 { border-color: #777777; border-width: thin; } /* dark grey */ .borderc4 { border-color: #000000; border-width: thin; } /* black */ .borderc5 { border-color: #c00000; border-width: thin; } /* red */ .borderc6 { border-color: #025e9d; border-width: thin; } /* blue */ .borderc7 { border-color: #008040; border-width: thin; } /* green */ .borderc8 { border-color: #ffcc00; border-width: thin; } /* yellow */ /* Background colors */ .backgroundc1 { background-color: #ffffff; } /* white */ .backgroundc2 { background-color: #f9f9f9; } /* light grey (as toc) */ .backgroundc3 { background-color: #eeeeee; } /* light grey (headers) */ .backgroundc4 { background-color: #e0e0e0; } /* more grey */ .backgroundc5 { background-color: #d2d2d2; } /* more grey */ .backgroundc6 { background-color: #b7b7b7; } /* more grey */ .backgroundc7 { background-color: #a3a3a3; } /* darker grey */ .backgroundc8 { background-color: #444455; } /* very dark grey */ /***** 3. SPECIAL PAGES *****/ /* Marking redirects */ .allpagesredirect, .watchlistredir, .redirect-in-category { font-style: italic; } /* Coloured edit size numbers on watchlist/recentchanges */ .mw-plusminus-pos { color: #006400; } /* darkgreen */ .mw-plusminus-neg { color: #8b0000; } /* darkred */ /* Consistent special page navigation */ .sp-cached { background-image: url(http://upload.wikimedia.org/wikipedia/commons/thumb/8/8c/Clock%20and%20warning.svg/20px-Clock%20and%20warning.svg); background-position: 5px 3px; background-repeat: no-repeat; padding: 4px 0 4px 30px; font-style: italic; color: #606000; margin: 0.3em 0; border: 1px solid #eeee80; background-color: #ffffe0; } .SpecialPageInfo { background-color: #f9f9f9; background-image: url(http://upload.wikimedia.org/wikipedia/commons/thumb/8/89/Exquisite-khelpcenter.png/35px-Exquisite-khelpcenter.png); background-position: 0.8em 0.5em; background-repeat: no-repeat; padding: 0.3em 0.5em 0.3em 5.0em; border-color: #025e9d; border-width: 1px; border-style: solid; border-bottom-width: medium; margin-bottom: 1em; } #searchresulttext { background-image: url(http://upload.wikimedia.org/wikipedia/commons/thumb/f/f1/Exquisite-kfind.png/45px-Exquisite-kfind.png); } .mw-viewprevnext { display: block; border: 1px solid #cccccc; background-color: #f9f9f2; padding: 0.2em 0.4em; } /* Special:Statistics */ .StatsTable { background: transparent; width: 75%; } .StatsTable th { vertical-align: middle; text-align: center; width: 50px; } .StatsTable th, .StatsTable td { background-color: #ffffff; padding: 0.5em 1em; border: 1px solid #ccccdd; margin: 0.4em; } .StatsTable tr { background-color: #ffffff; } /* Special:Search (more whitespace) */ .page-Special_Search #search { padding: 1em 0 2em 0; } .page-Special_Search #powersearch { border: 1px solid #cccccc; padding: 0.5em 0.5em; } .page-Special_Search #powersearch-namespaces { padding-left: 1em; margin: 0.7em 0; } .page-Special_Search #powersearch-namespaces label { white-space: nowrap; min-width: 8.4em; display: block; float: left; } .page-Special_Search br { clear: left; } /* Clear search button, but not check-boxes */ /***** 4. MAIN PAGE STYLING *****/ #mainpage_topbox { background: #f9f9f9; padding: 0px; border: 1px solid #aaaaaa; margin: 0.2em 10px 10px; } .mainpage_boxtitle, .mainpage_hubtitle, #mainpage_pagetitle { font-size: 105%; padding: 0.4em; background-color: #eeeeee; border-bottom: 1px solid #aaaaaa; } .mainpage_boxtitle { line-height: 120%; } #mainpage_pagetitle { color: #cf7606; font-size: 200% !important; } #mainpage_sitelinks { padding: 0.2em; text-align: center; background-color: white; } .mainpage_hubtitle { text-align: center; } .mainpage_boxcontents, .mainpage_boxcontents_small { background: #ffffff; padding: 0.2em 0.4em; } .mainpage_boxcontents_small { font-size: 95%; } .mainpage_hubbox, #mainpage_newscell, #mainpage_downloadcell { padding: 0; border: 1px solid #aaaaaa; } .mainpage_hubbox { margin-bottom: 0; } #mainpage_newscell { margin-bottom: 15px; margin-top: 0 !important; } #mainpage_newscell .mainpage_boxtitle { background-image: url(http://upload.wikimedia.org/wikipedia/commons/thumb/8/89/Exquisite-khelpcenter.png/20px-Exquisite-khelpcenter.png); background-repeat: no-repeat; background-position: 99% 0.3em; padding-right: 25px; } #mainpage_downloadcell { width: 17em; margin-bottom: 5px; } #mainpage_downloadcell .mainpage_boxtitle { background-image: url(http://upload.wikimedia.org/wikipedia/commons/thumb/5/5d/Crystal_Clear_action_build.png/18px-Crystal_Clear_action_build.png); background-repeat: no-repeat; background-position: 96% 0.33em; padding-right: 25px; } #mainpage_mwtitle { color: #005288; } /* The words 'MediaWiki.org' in the title. */ /* The "mainpage" class is added to the body with javascript for the main page in all */ /* languages, so we can style things that apppear on the main page and also elsewhere. */ .mainpage #lastmod, .mainpage #siteSub, .mainpage h1.firstHeading { display: none !important; } .mainpage #content { padding-top: 1em; } /***** 5. SIDEBAR EXTERNAL LINKS *****/ #n-browse-cvs a, #n-phpdoc a, #n-Mailing-list a { background: url(/skins-1.5/monobook/external.png) center right no-repeat; padding-right: 13px; color: #3366bb; } /***** 6. PRETTIFY [[Extension Matrix]] *****/ .xm-table { border: 1px solid #666666; background-color: white; } .xm-table td, .xm-table th { vertical-align: top; text-align: left; border: none; background-color: #EEEEEE; } .xm-table th, .xm-name { font-weight: bold; } .xm-status-unknown, .xm-type-unknown { color: #888888; } .xm-status-experimental { color: red; } .xm-status-beta { color: blue; } .xm-status-stable { color: green; } .xm-name, .xm-status, .xm-type, .xm-version, .xm-updated { white-space: nowrap; } .xm-updated { font-size:80%; } .xm-alert { background-color: yellow; } td.xm-blank { background-color: inherit; } td.xm-updated { background-color: inherit; } td.xm-description { background-color: inherit; font-style: italic; } th.xm-blank, th.xm-updated, th.xm-description { background-color: inherit; padding-bottom: 0.6ex; border-bottom: 1px solid #666666; } /***** 7. WIKITABLES, INFOBOX TEMPLATES, WARNINGS AND OTHER SUCH STYLINGS *****/ /* Wikitable (Prettytable) class for skinning normal tables */ table.wikitable, table.prettytable { margin: 1em 1em 1em 0; background: #f9f9f9; border: 1px #aaaaaa solid; border-collapse: collapse; empty-cells: show; } table.wikitable th, table.wikitable td, table.prettytable th, table.prettytable td { border: 1px #aaaaaa solid; padding: 0.2em 0.4em; } table.wikitable th, table.wikitable td.hl3, table.wikitable th.hl3, table.prettytable th, table.prettytable td.hl3, table.wikitable th.hl3 { background: #8da7d6; text-align: center; } table.wikitable td.hl1, table.wikitable th.hl1, table.prettytable td.hl1, table.wikitable th.hl1 { background: #c5d8fc; text-align: center; } table.wikitable td.hl2, table.wikitable th.hl2, table.prettytable td.hl2, table.wikitable th.hl2 { background: #a7c1f2; text-align: center; } table.wikitable caption, table.prettytable caption { margin-left: inherit; margin-right: inherit; font-weight: bold; } /* General purpose "pretty (data) tables" */ table.datatable { background-color: transparent; } table.datatable th, table.datatable td { padding: 4px; } table.datatable th { text-align: left; background-color: #999999; } table.datatable tr { background-color: #cccccc; } table.datatable tr:hover { background-color: #ffffcc; } /* SideBox styling */ div.sideBox { position: relative; float: right; background: white; margin-left: 1em; border: 1px solid gray; padding: 0.3em; width: 200px; overflow: hidden; clear: right; } div.sideBox dl { padding: 0; margin: 0 0 0.3em 0; font-size: 96%; } div.sideBox dl dt { background: none; margin: 0.4em 0 0 0; } div.sideBox dl dd { margin: 0.1em 0 0 1.1em; background-color: #f3f3f3; } /* Extension infobox styling */ .ext-infobox { border: 2px solid #aaaaaa; width: 272px; float: right; margin: 0 0 0.5em 0.5em; border-collapse: collapse; background-color: white; } .ext-infobox td { border: 2px none #aaaaaa; padding: 0.2em 0.5em; border-bottom: 1px solid #f0f0f0 !important; } .ext-header { background-color: #aaaaaa; color: white; text-align: left; } .ext-header td { padding-top: 0.5em; } .ext-header img { padding: 0 0.2em 0 0.5em; } .ext-status-unstable, .ext-status-unstable td { border-color: #990000; } .ext-status-unstable .ext-header { background-color: #990000; color: #ffff00; } .ext-status-experimental, .ext-status-experimental td { border-color: #cc6600; } .ext-status-experimental .ext-header { background-color: #cc6600; } .ext-status-beta, .ext-status-beta td { border-color: #000099; } .ext-status-beta .ext-header { background-color: #000099; } .ext-status-stable, .ext-status-stable td { border-color: #009900; } .ext-status-stable .ext-header { background-color: #009900; } /* Cute little "tip" boxes */ div.tip { padding: 4px; margin-top: 4px; margin-bottom: 4px; min-height: 30px; /* IE users will hate this... */ } div.tip-info { border: 1px solid #cc9933; background-color: #cccc99; } div.tip-gotcha { border: 1px solid #cc0000; background-color: #cc6666; } /* Language template */ .LanguageLinks { margin-top: 0.5em; } .LanguageLinks table { clear: both; border: 1px solid #aaaaaa; border-collapse: collapse; padding: 0.2em; margin: 0; font-size: 85%; margin: 0 1px; } .LanguageLinks span { white-space: nowrap; } /* Version box on [[Manual:Downloading MediaWiki]] */ #DownloadVersionBox { border: 2px solid black; border-collapse: collapse; margin: auto; width: 50%; color: black; } #DownloadVersionBox td { border: 2px solid black; padding: 20px; } /* Major warning - used on the main page template to warn against editing carelessly, but can be used elsewhere as well */ .majorwarning { background: yellow; padding: 0.3em; text-align: center; font-size: 125%; border: 2px solid red; } /* Page headings used throughout the wiki (though not very much at the time of writing…) */ .page-notice, .page-warning { border-width: 1px; border-style: solid; padding: 0.3em 0.5em; margin-bottom: 1em; width: 95%; margin-left: auto; margin-right: auto; text-align: center; } /* Informative notices at the top of pages (blue) */ .page-notice { background-color: #f9f9f9; border-color: #025e9d; text-align: left; } /* Warning information at the top of pages (red) */ .page-warning { background-color: #ffffff; border-color: #c51919; border-width: 2px; } .pw-head { color: #c51919; font-weight: bold; } /* Used in Template:Notice */ .block-note { background-image: url(http://upload.wikimedia.org/wikipedia/commons/thumb/6/60/Bulbgraph.png/18px-Bulbgraph.png); background-position: top left; background-repeat: no-repeat; } /* Using block-contents in the hope that it can apply to all block-level warning templates, with different images applied as backgrounds to the wrapping DIV. */ .block-contents { display: block; padding-left: 20px; } /* Template documentation ([[Template:Documentation]]) */ .template-documentation { clear: both; margin: 1em 0 0 0; border: 1px solid #aaa; background-color: #ecfcf4; padding: 5px; } /* Navbox */ table.navbox { border: 1px solid #aaa; width: 100%; margin: auto; clear: both; font-size: 88%; text-align: center; padding: 1px; } table.navbox + table.navbox { margin-top: -1px; } .navbox-title, .navbox-abovebelow, table.navbox th { text-align: center; padding-left: 1em; padding-right: 1em; } .navbox-group { white-space: nowrap; text-align: right; font-weight: bold; padding-left: 1em; padding-right: 1em; } .navbox, .navbox-subgroup { background: #fdfdfd; } .navbox-list { border-color: #fdfdfd; } .navbox-title, table.navbox th { background: #ccccff; } .navbox-abovebelow, .navbox-group, .navbox-subgroup .navbox-title { background: #ddddff; } .navbox-subgroup .navbox-group, .navbox-subgroup .navbox-abovebelow { background: #e6e6ff; } .navbox-even { background: #f7f7f7; } .navbox-odd { background: transparent; } /** .collapseButton { float: right; font-weight: normal; text-align: right; width: auto; } .navbox .collapseButton { width: 6em; }*// /* Infobox */ .infobox { border: 1px solid #aaa; background-color: #f9f9f9; color: black; margin: 0.5em 0 0.5em 1em; padding: 0.2em; float: right; clear: right; } .infobox td, .infobox th { vertical-align: top; } .infobox caption { font-size: larger; } .infobox.bordered { border-collapse: collapse; } .infobox.bordered td, .infobox.bordered th { border: 1px solid #aaa; } .infobox.bordered .borderless td, .infobox.bordered .borderless th { border: 0; } .infobox.sisterproject { width: 20em; font-size: 90%; } .infobox.standard-talk { border: 1px solid #c0c090; background-color: #f8eaba; } .infobox.standard-talk.bordered td, .infobox.standard-talk.bordered th { border: 1px solid #c0c090; } .infobox.bordered .mergedtoprow td, .infobox.bordered .mergedtoprow th { border: 0; border-top: 1px solid #aaa; border-right: 1px solid #aaa; } .infobox.bordered .mergedrow td, .infobox.bordered .mergedrow th { border: 0; border-right: 1px solid #aaa; } /***** 8. SOME OTHER SMALL THINGS *****/ /* Give a bit of space to the TOC */ #toc { margin: 1em 0; } /* make the list of references look smaller and highlight clicked reference in blue */ ol.references { font-size: 100%; } .references-small { font-size: 90%;} ol.references > li:target { background-color: #ddeeff; } sup.reference:target { background-color: #ddeeff; } /* Printing of thumbnails (bug 1583) */ div.tright { clear: right; } /* extra buttons for edit dialog (from commons:MediaWiki:Common.css) */ .my-buttons { padding: 0.5em; } .my-buttons a { color: black; background-color: #ccddee !important; font-weight: bold; font-size: 0.9em; text-decoration: none; border: thin #006699 outset; padding: 0 0.1em 0.1em 0.1em; } .my-buttons a:hover, .my-buttons a:active { background-color: #bbccdd; border-style: inset; } /* from [[User:Splarka/Help:Linked images]] */ .imagelink_wikilogo a { width: 135px; height: 135px; display: block; text-decoration: none; background-image: url("http://upload.wikimedia.org/wikipedia/mediawiki/b/bc/Wiki.png"); } /**** reduced subset of the mbox styles from enwiki, mainly for the nice boxflow ****/ th.mbox-text, td.mbox-text { /* The message body cell(s) */ border: none; padding: 0.25em 0.9em; /* 0.9em left/right */ width: 100%; /* Make all mboxes the same width regardless of text length */ } td.mbox-image { /* The left image cell */ border: none; padding: 2px 0 2px 0.9em; /* 0.9em left, 0px right */ text-align: center; } td.mbox-imageright { /* The right image cell */ border: none; padding: 2px 0.9em 2px 0; /* 0px left, 0.9em right */ text-align: center; } td.mbox-empty-cell { /* An empty narrow cell */ border: none; padding: 0px; width: 1px; } /* These mbox-small classes must be placed after all other ambox/tmbox/ombox etc classes. "body.mediawiki" is so they override "table.ambox + table.ambox" above. */ body.mediawiki table.mbox-small { /* For the "small=yes" option. */ clear: right; float: right; margin: 4px 0 4px 1em; width: 238px; font-size: 88%; line-height: 1.25em; } body.mediawiki table.mbox-small-left { /* For the "small=left" option. */ margin: 4px 1em 4px 0; width: 238px; border-collapse: collapse; font-size: 88%; line-height: 1.25em; } /* Standard Navigationsleisten, aka box hiding thingy from .de. Documentation at [[Wikipedia:NavFrame]]. */ div.NavFrame { margin: 0; padding: 4px; border: 1px solid #aaa; text-align: left; border-collapse: collapse; font-size: 95%; } div.NavFrame + div.NavFrame { border-top-style: none; border-top-style: hidden; } div.NavPic { background-color: #fff; margin: 0; padding: 2px; float: left; } div.NavFrame div.NavHead { height: 2em; font-weight: bold; //background-color: #ccf; position: relative; } div.NavFrame p, div.NavFrame div.NavContent, div.NavFrame div.NavContent p { font-size: 100%; } div.NavEnd { margin: 0; padding: 0; line-height: 1px; clear: both; } a.NavToggle {<!-- position: absolute; top: 0; right: 3px;--> font-weight: normal; font-size: 90%; } /* Cell sizes for ambox/tmbox/imbox/cmbox/ombox/fmbox/dmbox message boxes */ th.mbox-text, td.mbox-text { /* The message body cell(s) */ border: none; padding: 0.25em 0.9em; /* 0.9em left/right */ width: 100%; /* Make all mboxes the same width regardless of text length */ } td.mbox-image { /* The left image cell */ border: none; padding: 2px 0 2px 0.9em; /* 0.9em left, 0px right */ text-align: center; } td.mbox-imageright { /* The right image cell */ border: none; padding: 2px 0.9em 2px 0; /* 0px left, 0.9em right */ text-align: center; } td.mbox-empty-cell { /* An empty narrow cell */ border: none; padding: 0px; width: 1px; } /* Article message box styles */ table.ambox { margin: 0px 10%; /* 10% = Will not overlap with other elements */ border: 1px solid #aaa; border-left: 10px solid #1e90ff; /* Default "notice" blue */ background: #fbfbfb; } table.ambox + table.ambox { /* Single border between stacked boxes. */ margin-top: -1px; } .ambox th.mbox-text, .ambox td.mbox-text { /* The message body cell(s) */ padding: 0.25em 0.5em; /* 0.5em left/right */ } .ambox td.mbox-image { /* The left image cell */ padding: 2px 0 2px 0.5em; /* 0.5em left, 0px right */ } .ambox td.mbox-imageright { /* The right image cell */ padding: 2px 0.5em 2px 0; /* 0px left, 0.5em right */ } table.ambox-notice { border-left: 10px solid #1e90ff; /* Blue */ } table.ambox-speedy { border-left: 10px solid #b22222; /* Red */ background: #fee; /* Pink */ } table.ambox-delete { border-left: 10px solid #b22222; /* Red */ } table.ambox-content { border-left: 10px solid #f28500; /* Orange */ } table.ambox-style { border-left: 10px solid #f4c430; /* Yellow */ } table.ambox-move { border-left: 10px solid #9932cc; /* Purple */ } table.ambox-protection { border-left: 10px solid #bba; /* Gray-gold */ } /* Image message box styles */ table.imbox { margin: 4px 10%; border-collapse: collapse; border: 3px solid #1e90ff; /* Default "notice" blue */ background: #fbfbfb; } .imbox .mbox-text .imbox { /* For imboxes inside imbox-text cells. */ margin: 0 -0.5em; /* 0.9 - 0.5 = 0.4em left/right. */ } .mbox-inside .imbox { /* For imboxes inside other templates. */ margin: 4px; } table.imbox-notice { border: 3px solid #1e90ff; /* Blue */ } table.imbox-speedy { border: 3px solid #b22222; /* Red */ background: #fee; /* Pink */ } table.imbox-delete { border: 3px solid #b22222; /* Red */ } table.imbox-content { border: 3px solid #f28500; /* Orange */ } table.imbox-style { border: 3px solid #f4c430; /* Yellow */ } table.imbox-move { border: 3px solid #9932cc; /* Purple */ } table.imbox-protection { border: 3px solid #bba; /* Gray-gold */ } table.imbox-license { border: 3px solid #88a; /* Dark gray */ background: #f7f8ff; /* Light gray */ } table.imbox-featured { border: 3px solid #cba135; /* Brown-gold */ } /* Category message box styles */ table.cmbox { margin: 3px 10%; border-collapse: collapse; border: 1px solid #aaa; background: #DFE8FF; /* Default "notice" blue */ } table.cmbox-notice { background: #D8E8FF; /* Blue */ } table.cmbox-speedy { margin-top: 4px; margin-bottom: 4px; border: 4px solid #b22222; /* Red */ background: #FFDBDB; /* Pink */ } table.cmbox-delete { background: #FFDBDB; /* Red */ } table.cmbox-content { background: #FFE7CE; /* Orange */ } table.cmbox-style { background: #FFF9DB; /* Yellow */ } table.cmbox-move { background: #E4D8FF; /* Purple */ } table.cmbox-protection { background: #EFEFE1; /* Gray-gold */ } /* Other pages message box styles */ table.ombox { margin: 4px 10%; border-collapse: collapse; border: 1px solid #aaa; /* Default "notice" gray */ background: #f9f9f9; } table.ombox-notice { border: 1px solid #aaa; /* Gray */ } table.ombox-speedy { border: 2px solid #b22222; /* Red */ background: #fee; /* Pink */ } table.ombox-delete { border: 2px solid #b22222; /* Red */ } table.ombox-content { border: 1px solid #f28500; /* Orange */ } table.ombox-style { border: 1px solid #f4c430; /* Yellow */ } table.ombox-move { border: 1px solid #9932cc; /* Purple */ } table.ombox-protection { border: 2px solid #bba; /* Gray-gold */ } /* Talk page message box styles */ table.tmbox { margin: 4px 10%; border-collapse: collapse; border: 1px solid #c0c090; /* Default "notice" gray-brown */ background: #f8eaba; } .mediawiki .mbox-inside .tmbox { /* For tmboxes inside other templates. The "mediawiki" */ margin: 2px 0; /* class ensures that this declaration overrides other */ width: 100%; /* For Safari and Opera */ /* styles (including mbox-small above) */ } .mbox-inside .tmbox.mbox-small { /* "small" tmboxes should not be small when */ line-height: 1.5em; /* also "nested", so reset styles that are */ font-size: 100%; /* set in "mbox-small" above. */ } table.tmbox-speedy { border: 2px solid #b22222; /* Red */ background: #fee; /* Pink */ } table.tmbox-delete { border: 2px solid #b22222; /* Red */ } table.tmbox-content { border: 2px solid #f28500; /* Orange */ } table.tmbox-style { border: 2px solid #f4c430; /* Yellow */ } table.tmbox-move { border: 2px solid #9932cc; /* Purple */ } table.tmbox-protection, table.tmbox-notice { border: 1px solid #c0c090; /* Gray-brown */ } /* Disambig and set index box styles */ table.dmbox { clear: both; margin: 0.9em 1em; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; background: transparent; } /* Footer and header message box styles */ table.fmbox { clear: both; margin: 0.2em 0; width: 100%; border: 1px solid #aaa; background: #f9f9f9; /* Default "system" gray */ } table.fmbox-system { background: #f9f9f9; } table.fmbox-warning { border: 1px solid #bb7070; /* Dark pink */ background: #ffdbdb; /* Pink */ } table.fmbox-editnotice { background: transparent; } /* Div based "warning" style fmbox messages. */ div.mw-warning-with-logexcerpt, div.mw-lag-warn-high, div.mw-cascadeprotectedwarning, div#mw-protect-cascadeon { clear: both; margin: 0.2em 0; border: 1px solid #bb7070; background: #ffdbdb; padding: 0.25em 0.9em; } /* Div based "system" style fmbox messages. Used in [[MediaWiki:Noarticletext]] and [[MediaWiki:Readonly lag]]. */ div.mw-lag-warn-normal, div.noarticletext, div.fmbox-system { clear: both; margin: 0.2em 0; border: 1px solid #aaa; background: #f9f9f9; padding: 0.25em 0.9em; } /* These mbox-small classes must be placed after all other ambox/tmbox/ombox etc classes. "body.mediawiki" is so they override "table.ambox + table.ambox" above. */ body.mediawiki table.mbox-small { /* For the "small=yes" option. */ clear: right; float: right; margin: 4px 0 4px 1em; width: 238px; font-size: 88%; line-height: 1.25em; } body.mediawiki table.mbox-small-left { /* For the "small=left" option. */ margin: 4px 1em 4px 0; width: 238px; border-collapse: collapse; font-size: 88%; line-height: 1.25em; } /* Styling for citations */ span.citation, cite { font-style: normal; word-wrap: break-word; } /* For linked citation numbers and document IDs, where the number need not be shown on a screen or a handheld, but should be included in the printed version */ @media screen, handheld { span.citation *.printonly { display: none; } } table.sabdatable { background: #164eaf; border: 1px solid black; margin: 0 0 0.5em 1em; padding: 3px 3px 3px 3px; -moz-border-radius: 4px; border-radius: 4px; } table.sabdatable tr { background: #fff; } table.sabdatable td { padding: 5px; } table.sabdatable th { background: #164eaf; border: 0px; padding: 5px; font-size: 120%; font-weight: bold; font-family: Trebuchet MS, Helvetica, Arial, sans-serif; color: white; } table.sabdatable th.smworange { background: #d57520; } table.sabdatable th a { color: #fff; } .fbEmu .body .fbEmuLink { color: #333333; } .fbEmu .body .fbEmuLink:hover { text-decoration: none; } .fbEmu .body a.signature { color: #3B5998; display: inline; } .fbEmu .body a.signature:hover { text-decoration: underline; } .fbEmu .hover:hover .title .fbEmuLink { text-decoration: underline; } .fbEmu .forceRTL { direction: rtl; display: block; text-align: right; } .fbEmu .forceLTR { direction: ltr; display: block; text-align: left; } .fbEmu .adInfo a.identity { color: gray; display: block; white-space: nowrap; } .fbEmu .title { font-weight: bold; margin-bottom: 0 !important; } .fbEmu .image_body_block { padding-top: 3px; } .fbEmuHidePoll .undo { float: right; margin-bottom: 3px; margin-left: 5px; padding-bottom: 2px; padding-left: 2px; } .fbEmuHidePoll .fbEmuXTitle { font-weight: bold; } .fbEmuHidePoll .fbEmuXSubtitle { margin-bottom: 10px; } .fbEmuHideThanks .fbEmuXThanksTitle { font-weight: bold; margin-bottom: 10px; } .fbEmuLegacy .fbEmuHidePoll .otherdiv .other { width: 141px; } .fbEmuBlock .fbEmuHidePoll .otherdiv { margin-left: 20px; } .fbEmuEgo .fbEmuHidePoll .otherdiv .other { width: 206px; } .emu_x { float: right; } .emu_x .uiSelectorButton { opacity: 0; } .old_x { opacity: 0; } .fbEmu:hover .old_x, .fbEmu:hover .uiSelectorButton, .emu_x .openToggler .uiSelectorButton { opacity: 1; } div.fbEmuEgo .image .img { max-height: 72px; max-width: 100px; padding-top: 3px; } .fbEmuEgo .action { margin-top: 5px; } .fbEmuEgo { line-height: 13px; } .fbEmuEgo .fbEmuHide { margin-top: 0 !important; } .fbEmuEgo .image { display: block; width: 100px; } .fbEmuEgo .action { color: #777777; } .fbEmuEgo .action .fbEmuContext .fbEmuLink { color: #777777; } .fbEmuEgo .action div.UIImageBlock_Content, .fbEmuEgo .action div.uiImageBlockContent { padding-top: 1px; } .rhcFooterWrap { padding-left: 6px; } .rhcFooterBorder { border-bottom: 1px solid #E9E9E9; border-top: 1px solid #CCCCCC; } .rhcFooterCopyright { padding: 10px 0 4px; } .rhcFooterSelectorButton .img { margin: 6px 0 0 3px; vertical-align: top; } span.alternate_name { color: gray; font-weight: normal; } .textMetrics { border: medium none; height: 1px; overflow: hidden; padding: 0; position: absolute; top: -1e+7px; } .webkitZoomTest { font-size: 100px; height: 1em; position: absolute; } .ego_x { float: right; opacity: 0; } .ego_unit:hover .ego_x { opacity: 1; } .ego_title { display: block; font-weight: bold; margin-top: 2px; max-width: 162px; word-wrap: break-word; } .ego_page .UIStandardFrame_Container { padding-left: 0; width: 980px; } .ego_page .UIStandardFrame_Content { width: 720px; } .ego_page .UIStandardFrame_SidebarAds { width: auto; } .ego_column { width: 244px; } .ego_section { margin-bottom: 15px; } .ego_section .async_saving a { display: none; } .ego_section .indicator { display: none; } .ego_section .async_saving .indicator { display: inline; } .ego_unit_container { padding-left: 6px; } .ego_unit { margin-bottom: 8px; padding-right: 4px; } .ego_unit + .ego_unit, .ego_unit + .ego_appended_units .ego_unit { border-top: 1px solid #E9E9E9; padding-top: 8px; } a.always_underlined:link, a.always_underlined:hover, a.always_underlined:visited { text-decoration: underline; } div.egoProfileTemplate div { margin-top: 2px; } div.ego_unit_container div.clickable { cursor: pointer; } .uiProfileBlockContent { overflow: hidden; } .uiVideoThumb { border: 0 none; display: inline-block; overflow: hidden; position: relative; } .uiVideoThumb img { display: inline-block; max-height: 130px; max-width: 130px; } .uiVideoThumb img[width] { } .uiVideoThumb i { background: url("http://static.ak.fbcdn.net/rsrc.php/v2/yB/r/jxUplchomFH.png") no-repeat scroll 0 0 transparent; bottom: 5px; height: 26px; left: 5px; position: absolute; width: 35px; } .uiVideoThumbSmall i { background-image: url("http://static.ak.fbcdn.net/rsrc.php/v2/yN/r/aERK2-5sOBX.png"); bottom: 3px; height: 22px; left: 3px; width: 27px; } .uiVideoThumbTiny i { background-image: url("http://static.ak.fbcdn.net/rsrc.php/v2/yx/r/LwvvGd2Cr9v.png"); bottom: 3px; height: 17px; left: 3px; width: 21px; } .uiVideoThumbLoading i { background: url("http://static.ak.fbcdn.net/rsrc.php/v2/y9/r/jKEcVPZFk-2.gif") no-repeat scroll 50% 50% transparent; bottom: 0; height: 100%; left: 0; width: 100%; } .uiVideoThumbSmall.uiVideoThumbLoading i, .uiVideoThumbTiny.uiVideoThumbLoading i { background-image: url("http://static.ak.fbcdn.net/rsrc.php/v2/yb/r/GsNJNwuI-UM.gif"); } .uiVideoThumbLoading img { opacity: 0.15; } .uiVideoThumbLarge img { background: none no-repeat scroll 50% 50% #F2F2F2; max-height: 168px; max-width: 300px; } .uiVideoThumbLarge i { background: url("http://static.ak.fbcdn.net/rsrc.php/v2/yB/r/jxUplchomFH.png") no-repeat scroll 0 0 transparent; height: 26px; left: 50%; margin: -13px 0 0 -17px; position: absolute; top: 50%; width: 35px; } .uiVideoThumbHuge i { background: url("http://static.ak.fbcdn.net/rsrc.php/v2/yI/r/CQWPMUMZZVm.png") no-repeat scroll 0 0 transparent; height: 62px; left: 50%; margin: -31px 0 0 -46px; position: absolute; top: 50%; width: 92px; } .fbEmuTracking { position: absolute; visibility: hidden; } button.async_saving .default_message, a.async_saving .default_message, form.async_saving .default_message, .saving_message { display: none; } .default_message, button.async_saving .saving_message, a.async_saving .saving_message, form.async_saving .saving_message { display: inline; } .async_throbber .async_saving { background: url("http://static.ak.fbcdn.net/rsrc.php/v2/yb/r/GsNJNwuI-UM.gif") no-repeat scroll right center transparent; padding-right: 20px; } .async_throbber_left .async_saving { background: url("http://static.ak.fbcdn.net/rsrc.php/v2/yb/r/GsNJNwuI-UM.gif") no-repeat scroll left center transparent; padding-left: 20px; } .inputtext, .inputpassword { padding-bottom: 4px; } .ff4.mac .inputtext, .ff4.mac .inputpassword { padding-bottom: 3px; } .inputradio { margin: 0 5px 0 0; padding: 0; vertical-align: middle; } .inputcheckbox { border: 0 none; vertical-align: middle; } .inputbutton, .inputsubmit { background-color: #3B5998; border-color: #D9DFEA #0E1F5B #0E1F5B #D9DFEA; border-style: solid; border-width: 1px; color: #FFFFFF; padding: 2px 15px 3px; text-align: center; } .inputsubmit_disabled { background-color: #999999; border-bottom: 1px solid #000000; border-right: 1px solid #666666; color: #FFFFFF; } .inputaux { background: none repeat scroll 0 0 #F0F0F0; border-color: #E7E7E7 #666666 #666666 #E7E7E7; color: #000000; } .inputaux_disabled { color: #999999; } .inputsearch { background: url("http://static.ak.fbcdn.net/rsrc.php/v2/yV/r/IJYgcESal33.png") no-repeat scroll left 4px #FFFFFF; padding-left: 17px; } .clearfix:after { clear: both; content: "."; display: block; font-size: 0; height: 0; line-height: 0; visibility: hidden; } .clearfix { } .datawrap { word-wrap: break-word; } .word_break { display: inline-block; } wbr:after { content: "?"; } .ellipsis { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .img_loading { position: absolute; top: -1e+7px; } .aero { opacity: 0.5; } .column { float: left; } .center { margin-left: auto; margin-right: auto; } #facebook .hidden_elem { display: none !important; } #facebook .invisible_elem { visibility: hidden; } #facebook .accessible_elem { left: -9999px; position: absolute; } .direction_ltr { direction: ltr; } .direction_rtl { direction: rtl; } .text_align_ltr { text-align: left; } .text_align_rtl { text-align: right; } .DOMControl_placeholder { color: #777777; } .no_js .DOMControl_placeholder { color: #000000; } .mini_iframe, .serverfbml_iframe { overflow-y: visible; } .auto_resize_iframe { height: auto; overflow: hidden; } .pipe { color: gray; padding: 0 3px; } .profile #content, .home #content, .search #content { min-height: 600px; } .UIStandardFrame_Container { margin: 20px auto 0; padding: 0; width: 960px; } .UIStandardFrame_Content { float: left; margin: 0; padding: 0; width: 760px; } .UIStandardFrame_SidebarAds { float: right; margin: 0; padding: 0; width: 200px; } .UIFullPage_Container { margin: 20px auto 0; padding: 0 12px; width: 940px; } .empty_message { background: none repeat scroll 0 0 #F7F7F7; font-size: 13px; line-height: 17px; padding: 20px 20px 50px; text-align: center; } .see_all { text-align: right; } .standard_status_element { visibility: hidden; } .standard_status_element.async_saving { visibility: visible; } img.tracking_pixel { height: 1px; position: absolute; visibility: hidden; width: 1px; } #dropmenu_container { display: block; height: 0; margin: 0 auto; padding: 0; position: absolute; width: 964px; z-index: 300; } .inlineBlock { display: inline-block; } button.as_link { -moz-user-select: text; background: none repeat scroll 0 0 transparent; border: medium none; color: #3B5998; cursor: pointer; font-family: "lucida grande",tahoma,verdana,arial,sans-serif; font-size: 100%; margin: 0; overflow: visible; padding: 0; text-align: left; width: auto; } button.as_link::-moz-focus-inner { border: 0 none; padding: 0; } button.as_link:hover span, button.as_link:focus span { text-decoration: underline; } button.as_link .button_img { height: 16px; margin: 0 6px 0 0; vertical-align: text-bottom; width: 16px; } .uiComposer { border-bottom: 1px solid #CCCCCC; } .uiComposerTopBorder { border-top: 1px solid #CCCCCC; } .uiComposerOpen, .no_js .uiComposer { border-bottom: medium none; } .uiComposer .attachmentLoader { line-height: normal; position: absolute; right: 2px; top: 9px; } .uiComposer .attachmentSentenceBar { line-height: 22px; padding: 3px 0 6px; position: relative; z-index: 2; } .uiComposer .attachmentCloseBtn { position: absolute; right: 2px; top: 7px; } .uiComposer .attachmentFrame { -moz-border-bottom-colors: none; -moz-border-image: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; border-color: #B4BBCD #B4BBCD #CCCCCC; border-style: solid; border-width: 1px; } .uiComposerHideMessageBox .attachmentFrame, .uiComposerHideInput .attachmentFrame { border-bottom-color: #B4BBCD; } .uiComposerHideContent .attachmentFrame { display: none; } .uiComposerOpen .focus_target { padding-bottom: 10px; } .uiComposerWhiteMessageBox .child_was_focused { border-bottom: 1px solid #E9E9E9; } .uiComposerHideMessageBox .child_was_focused { border-bottom: medium none; } .uiComposer .showWhenOpen, .uiComposer .showOnceInteracted { display: none !important; } .uiComposerOpen .showWhenOpen, .no_js .uiComposer .showWhenOpen, .uiComposerInteracted .showOnceInteracted, .uiComposer .child_was_focused .showOnceInteracted { display: block !important; } .uiComposerAttachment .attachmentLink { outline: medium none; } .uiComposerAttachment .attachmentLink:focus { text-decoration: underline; } .uiComposerAttachment .selected, .uiComposerAttachmentSelected .normal { display: none; } .uiComposerAttachmentSelected .selected { display: inline; } .uiComposerAttachment .nub { background: url("http://static.ak.fbcdn.net/rsrc.php/v2/yf/r/PfBgtiydy5U.gif") no-repeat scroll center top transparent; height: 7px; left: 2px; position: absolute; top: 18px; width: 11px; } .uiMetaComposer .uiComposerAttachment .nub { background-image: url("http://static.ak.fbcdn.net/rsrc.php/v2/yb/r/ALnh3ly4npU.gif"); left: 4px; top: 19px; } span.uiComposerAttachment { color: #333333; display: inline-block; } .uiComposerAttachments { line-height: 22px; padding: 3px 0 4px; position: relative; z-index: 2; } .uiComposerOpen .uiComposerAttachments { padding-bottom: 6px; } .uiComposerMetaContainer { background-color: #FFFFFF; border: 1px solid #B4BBCD; position: relative; z-index: 1; } .uiMetaComposer .uiComposerMetaContainer .attachmentFrame { border: 0 none; } .uiMetaComposer.uiComposerWhiteMessageBox .child_was_focused { border: medium none; } .uiMetaComposerMessageBox { } .uiComposerHideMessageBox .uiMetaComposerMessageBox { display: none; } .uiComposerWhiteMessageBox .uiComposerMessageBox { background-color: #FFFFFF; border-width: 0; padding: 0; } .uiMetaComposerMessageBoxTable { border-spacing: 0; table-layout: fixed; width: 100%; } .uiMetaComposerMessageBoxTable td { padding: 0; vertical-align: top; word-wrap: break-word; } .uiMetaComposerMessageBoxTable .attachmentBottomRow { height: 0; } .uiMetaComposerMessageBoxTable .attachmentBottomRow td { vertical-align: bottom; } .uiMetaComposerMessageBox .inputContainer { background-color: #FFFFFF; } .uiComposerHideInput .uiMetaComposerMessageBoxTable { display: none; } .uiMetaComposerMessageBox .uiComposerMessageBoxControls { height: 30px; margin: 0; } .uiMetaComposerMessageBox .uiComposerMessageBoxMentions .inputContainer { border: medium none; padding: 0; position: relative; } .uiMetaComposerMessageBox .uiComposerMention .inputContainer { z-index: 2; } .uiMetaComposerMessageBoxShelf { background-color: #F2F2F2; border-top: 1px solid #E6E6E6; } .uiMetaComposerMessageBox .composerTypeahead { border: 0 none; } .uiMetaComposerMessageBox .composerTypeahead .wrap { border: 0 none; padding: 5px !important; } .uiMetaComposerMessageBox .uiMentionsInput .highlighter { font-size: 13px; left: 1px; top: 1px; } .uiMetaComposerMessageBox .uiMentionsInput .highlighter .metadataFragment { color: gray; } .uiMetaComposerMessageBox .uiMentionsInput .highlighter .withToken, .uiMetaComposerMessageBox .uiMentionsInput .highlighter .timeToken, .uiMetaComposerMessageBox .uiMentionsInput .highlighter .placeToken { position: relative; z-index: 2; } .uiMetaComposerMessageBox .uiMentionsInput .highlighter .withToken { color: #3B5998; cursor: pointer; } .uiMetaComposerMessageBox .uiMentionsInput .highlighter .withToken:hover { text-decoration: underline; } .uiMetaComposerMessageBox .input { background: none repeat scroll 0 0 transparent; border-width: 0; font-size: 13px; height: 16px; margin: 0; outline: medium none; padding: 0; resize: none; vertical-align: bottom; width: 100%; } .child_was_focused .uiMetaComposerMessageBox .input { min-height: 48px; } .child_was_focused .uiMetaComposerMessageBox .inputContainer { min-height: 58px; } .uiMetaComposerMessageBox .composerTypeahead .uiStickyPlaceholderInput { width: 100%; } div.uiMetaComposerMessageBox .composerTypeahead .placeholder { font-size: 13px; padding: 0; } .uiMetaComposerMessageBox .attachmentMetaArea { position: relative; } .uiMetaComposerMessageBox .textBlurb label { font-weight: normal; vertical-align: baseline; } .uiMetaComposerMessageBox .textBlurb input { vertical-align: middle; } .uiMetaComposerMessageBox .uiComposerTagControls { border-right: 1px solid #E0E0E0; display: inline-block; float: left; height: 30px; outline: medium none; } .uiMetaComposerMessageBox .uiComposerTagControls:hover { background-color: #E9E9E9; } .uiMetaComposerMessageBox .attachmentBarArea .uiComposerTagControlOpen { background-color: #FAFAFA; border-top: 1px solid #F2F2F2; margin-top: -1px; } .uiMetaComposerMessageBox .uiComposerBarRightArea { margin: 4px; } .uiMetaComposerMessageBox .submitBtn { padding: 2px 16px; } .uiMetaComposerMessageBox .fakePrivacyWidget, .uiMetaComposerMessageBox .fakePrivacyWidget:active, .uiMetaComposerMessageBox .fakePrivacyWidget:focus, .uiMetaComposerMessageBox .fakePrivacyWidget:hover { border-color: transparent; margin: 2px 6px; padding: 0; } .uiMetaComposerMessageBox .fakePrivacyWidget .uiButtonText { color: gray; font-weight: normal; } .uiMetaComposer .ComposerCitySharer { color: gray; line-height: 30px; position: relative; } .uiMetaComposer .friendsTokenizer { -moz-border-bottom-colors: none; -moz-border-image: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; border-color: #BDC7D8 -moz-use-text-color -moz-use-text-color; border-right: 0 none; border-style: dashed none none; border-width: 1px 0 0; padding: 0; } div div.uiFriendsTokenizerTypeaheadView { width: 300px; } .uiMetaComposer .friendsTokenizer .tokenarea { padding-left: 2px; } .uiMetaComposer .attachmentBottomArea .inputtext { border: medium none; min-width: 160px; outline: medium none; } .uiMetaComposer .friendsTokenizer .uiTypeaheadDisabled { display: none; } .uiMetaComposer .taggerLocationSharer { -moz-border-bottom-colors: none; -moz-border-image: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; border-color: #BDC7D8 -moz-use-text-color -moz-use-text-color; border-right: 0 none; border-style: dashed none none; border-width: 1px 0 0; } .uiMetaComposer .taggerLocationSharer .wrap { border: 0 none; } .uiMetaComposer .taggerLocationSharer .uiStickyPlaceholderInput { width: 100%; } .uiMetaComposerMessageBox .cameraIcon { background-image: url("http://static.ak.fbcdn.net/rsrc.php/v2/yI/r/AShQNChNgfr.png"); background-position: 0 -111px; background-repeat: no-repeat; width: 29px; } .uiMetaComposerMessageBox .cameraIconSelected { background-image: url("http://static.ak.fbcdn.net/rsrc.php/v2/yI/r/AShQNChNgfr.png"); background-position: -30px -111px; background-repeat: no-repeat; width: 29px; } .uiMetaComposerMessageBox .friendTaggerIcon { background-image: url("http://static.ak.fbcdn.net/rsrc.php/v2/yI/r/AShQNChNgfr.png"); background-position: -60px -111px; background-repeat: no-repeat; width: 29px; } .uiMetaComposerMessageBox .friendTaggerIconSelected { background-image: url("http://static.ak.fbcdn.net/rsrc.php/v2/yI/r/AShQNChNgfr.png"); background-position: -90px -111px; background-repeat: no-repeat; width: 29px; } .uiMetaComposerMessageBox .placeTaggerIcon { background-image: url("http://static.ak.fbcdn.net/rsrc.php/v2/yI/r/AShQNChNgfr.png"); background-position: -120px -111px; background-repeat: no-repeat; width: 29px; } .uiMetaComposerMessageBox .placeTaggerIconSelected { background-image: url("http://static.ak.fbcdn.net/rsrc.php/v2/yI/r/AShQNChNgfr.png"); background-position: -150px -111px; background-repeat: no-repeat; width: 29px; } .fbx #pageFooter { margin: auto; width: auto; } .hasLeftCol #pageFooter { background-color: #FFFFFF; clear: both; margin-left: 180px; } #pagefooter { border-top: 0 none; } #pageFooter { color: #737373; font-size: 11px; margin: 0 auto; width: 980px; } #pageFooter a { text-decoration: none; white-space: nowrap; } #pageFooter a:last-child { margin-right: 0; } #pageFooter a:hover { text-decoration: underline; } #contentCurve { background-color: #FFFFFF; border-bottom: 1px solid #CCCCCC; font-size: 1px; height: 8px; } .hasLeftCol #contentCurve { -moz-border-bottom-colors: none; -moz-border-image: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; border-color: -moz-use-text-color #CCCCCC #CCCCCC; border-right: 1px solid #CCCCCC; border-style: none solid solid; border-width: medium 1px 1px; position: relative; } #footerContainer { border-top: 1px solid #EEEEEE; padding: 8px 8px 38px; position: relative; } #footerContainer .navigation { text-align: right; } #blueBarHolder { height: 41px; } #blueBarHolder.slim { height: 38px; } body.hasVoiceBar #blueBarHolder.slim { height: 65px; } #blueBar { background-color: #3B5998; min-width: 981px; z-index: 300; } #blueBar.fixed_elem { left: 0; right: 0; top: 0; } .tinyViewport #blueBar.fixed_elem { margin: 0; position: relative !important; } .composerTourInProgress #blueBar.fixed_elem { position: static !important; } #blueBar #pageHead { margin: 0 auto; width: 981px; } #globalContainer { margin: 0 auto; position: relative; } .fbx #globalContainer { width: 981px; } .fbx #tab_canvas > div { padding-top: 0; } .fb_content { padding-bottom: 20px; } .fbx .fb_content { padding-bottom: 0; } .fbx #globalContainer #content { min-height: inherit; } #mainContainer { display: block; margin-left: -1px; width: 100%; } .hasLeftCol #mainContainer { border-right: 1px solid #CCCCCC; } #leftCol { display: none; float: left; padding: 20px 0 0 2px; width: 179px; word-wrap: break-word; } .hasLeftCol #leftCol { display: block; } #rightCol { float: right; margin-top: -10000px; padding-right: 0; width: 244px; word-wrap: break-word; } .hasRightCol #rightCol { margin-top: 0; } .hasLeftCol #rightCol { padding-right: 20px; } #contentCol { background-color: #FFFFFF; padding-top: 15px; } .hasLeftCol #contentCol { border-left: 1px solid #CCCCCC; margin-left: 181px; } #headerArea { margin-bottom: 5px; padding: 2px 0 12px; } .hasLeftCol #headerArea { float: left; margin: 0 20px; width: 759px; } #contentArea { margin-right: -1px; padding-left: 1px; word-wrap: break-word; } .hasLeftCol #contentArea, .hasRightCol #contentArea { float: left; margin-right: 0; } .hasLeftCol #contentArea { padding: 0 20px; width: 759px; } .hasRightCol #contentArea { width: 714px; } .hasLeftCol .hasRightCol #contentArea { padding-right: 0; width: 493px; } #bottomContent { clear: both; padding: 0 20px 12px; } .UIActionLinks_title { color: #999999; font-size: 9px; font-weight: normal; white-space: nowrap; } .UIActionLinks_bottom { color: #999999; } .UIActionLinks_bottom a, .UIActionLinks_bottom button.as_link, .UIActionLinks_bottom .uiLinkButton input, .UIActionLinks_bottom .uiLinkButton input:hover { color: #6D84B4; } .UIActionLinks .uiBlingBox { color: #3B5998; } .cmt_like_icon { background-image: url("http://static.ak.fbcdn.net/rsrc.php/v2/yI/r/AShQNChNgfr.png"); background-position: 0 -49px; background-repeat: no-repeat; height: 9px; width: 10px; } .comment_like_button { margin: -5px; padding: 0 5px 5px; white-space: nowrap; } .comment_like_button:active, .comment_like_button:focus, .comment_like_button:hover { text-decoration: none; } .fixed_elem, .fixed_always { position: fixed !important; } .tinyViewport .fixed_elem { position: static !important; } .FriendButton { display: inline-block; vertical-align: top; } div.FriendButton .uiButton { margin-left: 0; } div.FriendButton .enableFriendListFlyout, .FriendButton .enableFriendListFlyout .uiButtonText, .FriendButton .enableFriendListFlyout input { cursor: default; } div.FriendButton .uiButtonHover { background: none repeat scroll 0 0 #6D84B4; border-color: #3B5998; box-shadow: none; } .FriendButton .uiButtonHover .uiButtonText { color: #FFFFFF; } .requestResponseMenu .action .itemAnchor { padding-right: 22px; } div.FriendButton .customimg { margin: 2px 5px 0 0; } span.FriendLink a.uiButtonConfirm { background-color: transparent; background-image: none; } span.friendButton, span.outgoingButton { cursor: pointer; } .FriendListFlyoutLoading { text-align: center; } .fullScreen { height: 100%; width: 100%; } .HovercardStage { max-width: 350px; min-width: 275px; padding: 10px; } .HovercardWideTitle { max-width: 275px; } .HovercardTitle { max-width: 165px; } .uiHovercardFooter .buttonsHovercardFooter { float: right; } .HovercardLoading { padding: 10px; width: 275px; } .profilePicContainer { margin-right: 10px; } .photosCroppedThumbHighlighted { background-color: #EDEFF4; border-color: #3B5998; } .fbPhotosGrid td { width: 171px; } .fbPhotosGridTight td { padding-right: 8px; width: 150px; } .fbPhotosGrid .photoDetails { width: 166px; } .fbPhotosGrid .photoDetails .photoText { overflow: hidden; word-wrap: break-word; } .fbPhotosGridTight .photoDetails { width: 154px; } .fbPhotosGrid .lastChild { padding-right: 0; } div.albumsHeader { padding-bottom: 0; } .composerAudienceWrapper .uiSelectorButton, .composerAudienceWrapper .uiPopoverButton { background-image: url("http://static.ak.fbcdn.net/rsrc.php/v2/yI/r/AShQNChNgfr.png"); background-position: right -1px; background-repeat: no-repeat; } .composerAudienceWrapper .uiButton .uiButtonText { color: gray; font-weight: normal; } .composerAudienceWrapper .audienceSelector .uiSelectorButton .customimg, .composerAudienceWrapper .uiSelectorButton .img { opacity: 0.5; } .composerAudienceWrapper:hover .uiButton .uiButtonText { color: #333333; } .composerAudienceWrapper .openToggler .uiButton .uiButtonText { color: #FFFFFF; } .composerAudienceWrapper:hover .audienceSelector .uiSelectorButton .customimg, .composerAudienceWrapper .openToggler .uiSelectorButton .customimg, .composerAudienceWrapper:hover .uiSelectorButton .img, .composerAudienceWrapper .openToggler .uiSelectorButton .img { opacity: 1; } .composerAudienceWrapper .selected .plusLabel { color: #FFFFFF; } .fbPrivacyAudienceIndicator .indicator { color: #333333; } .fbPrivacyAudienceIndicator .audienceIcon { margin-left: -18px; } .fbPrivacyAudienceIndicator:hover { cursor: default; text-decoration: none; } .fbProfileByline { line-height: 15px; margin-top: 4px; width: 493px; } .fbProfileBylineFragment, .fbProfileNonIconBylineFragment { color: #666666; margin-right: 8px; } .fbProfileBylineIcon { margin-bottom: 1px; margin-top: 1px; vertical-align: bottom; } .fbProfileLoggedOutByline { line-height: 14px; margin-top: 1px; width: 493px; } .fbLongBlurb { color: #666666; margin-right: 8px; padding-bottom: 3px; } .uiStream .uiStreamMessage { color: #000000; font-size: 11px; font-weight: normal; margin: 0 0 5px; } .uiStream .uiStreamHeadline { margin-bottom: 0; } .uiStream .uiStreamPassive { margin-bottom: 5px; } .Locale_zh_CN .uiStream .uiStreamMessage, .Locale_zh_TW .uiStream .uiStreamMessage, .Locale_zh_HK .uiStream .uiStreamMessage { font-size: 13px; } .Locale_ja_JP .uiStream .uiStreamMessage { font-size: 12px; } .uiStreamMessage, .uiAttachmentTitle, .uiAttachmentDesc { word-wrap: break-word; } .uiStreamMessage .actorDescription { margin-bottom: 3px; padding-bottom: 0 !important; } .uiStreamMessage .suggestionBio .actorDescription { padding-bottom: 0; } .uiStreamMessage .suggestionBio { width: 410px; } .fbStreamPrivacy .lock { bottom: -1px; margin-bottom: -5px; position: relative; vertical-align: top; } div.uiAttachmentTitle { color: #333333; } .uiStreamStory .mainWrapper { margin: 0 35px 14px 0; padding-top: 14px; } .uiStreamStory .actorPhoto { margin-bottom: 14px; margin-top: 14px; } .homeWiderContent .uiStreamStory .actorPhoto { margin-left: 0 !important; } .uiStream .uiStreamHide { float: right; margin-top: 18px; } .uiStream .substoryHideSelector { float: right; margin: -2px 0 0; } .uiStreamStory { padding: 0; position: static; } .homeWiderContent .uiStreamStory { margin-left: -18px; padding-left: 18px; } .uiStream .uiStreamHide .uiSelectorButton, .uiStream a.uiCloseButton.uiStreamHide, .uiStream .uiStreamStory:hover .uiStreamSubstory .uiStreamHide .uiSelectorButton { left: -9999px; position: relative; } .uiStream .uiStreamStory:hover .uiStreamHide .uiSelectorButton, .uiStream .uiStreamStory:hover a.uiCloseButton.uiStreamHide, .uiStream .uiStreamStory .uiStreamSubstory:hover .uiStreamHide .uiSelectorButton, .uiStream .uiStreamStory .uiStreamHide .openToggler .uiSelectorButton, .uiStream .uiStreamStory:hover .uiStreamSubstory .uiStreamHide .openToggler .uiSelectorButton { left: auto; } .uiStream .uiSelectorButton:focus { left: auto !important; } .uiStreamHide .uiStreamContextButton, .uiStreamStory:hover .uiStreamSubstory .uiStreamHide .uiStreamContextButton { left: -9999px; position: relative; } .uiStreamStory:hover .uiStreamHide .uiStreamContextButton, .uiStreamStory .uiStreamSubstory:hover .uiStreamHide .uiStreamContextButton, .uiStreamStory .uiStreamHide.openToggler .uiStreamContextButton, .uiStreamStory:hover .uiStreamSubstory .uiStreamHide.openToggler .uiStreamContextButton { left: auto; } .uiStreamStory .uiSreamContextButton:focus { left: auto !important; } .uiStream .uiAttachmentDesc, .uiStream .uiStreamPassive, .uiStream .uiStreamRobotextBeforeMessage, .uiStream .uiAdminAttribution { color: gray; } .uiStream .tagIcon { vertical-align: bottom; } .uiStream .text_exposed_link { display: block; font-size: 11px; padding-top: 4px; } .storyContent { margin: -2px 0 2px; } .uiStream .uiStreamStoryHide .storyContent { display: none; } .uiStreamAttachments .profilePhotoAttachment, .uiStreamAttachments .external img { max-height: 90px; max-width: 90px; } .uiStream .uiAttachmentDetails { color: #333333; } .uiAttachmentInline .uiAttachmentTitle, .uiAttachmentInline .uiAttachmentDesc { display: inline; } .uiStreamMessage .actorName, .uiStreamMessage .passiveName { font-weight: bold; } .uiStreamMessage .wallArrowIcon { background-image: url("http://static.ak.fbcdn.net/rsrc.php/v1/ye/r/SJMMHV014Gr.png"); background-position: -167px -45px; background-repeat: no-repeat; height: 9px; margin: 0 5px; width: 11px; } .uiStreamMessage .readButton { float: right; } .uiAttachmentNoMedia { border-left: 2px solid #CCCCCC; } .uiAttachmentMedia { float: left; } .uiAttachmentMediaFiles { outline: medium none; width: 100%; } .uiStreamAttachments .exploded .swfObject { margin-bottom: 7px; } .uiStreamAttachments .exploded .UIImageBlock_Image { margin-right: 0; } .uiStreamAttachments .exploded .UIImageBlock_Content, .uiStreamAttachments .text_exposed .truncatedMediaInfo { clear: both; display: block; padding-left: 0; width: auto; } .uiStreamAttachments .truncatedMediaItem { display: none; } .uiStreamAttachments .text_exposed .truncatedMediaItem { display: block; } .uiStreamAttachments .truncatedMediaInfo { display: table; } .uiStreamPrivacyContainer { color: #999999; } .uiStreamCollapsed { border-top: 1px solid #EEEEEE; } .uiStreamSubstories li.showAll { line-height: 15px; padding: 8px 0 0; } .uiStreamSubstories li.showAll a { color: #6D84B4; } .uiStreamSubstories .unseenItem { border-left: 2px solid #A8B2CE; margin-left: -4px; padding-left: 2px; } .uiStreamSubstories .uiUfi { width: 350px; } .uiStream .uiStreamSeparator { background-color: #E9E9E9; border: 0 none; height: 7px; margin: 6px 0; padding: 0; text-align: center; } .uiStream .uiStreamSeparatorText { background-color: #FFFFFF; padding: 0 5px; position: relative; top: -4px; } .uiStream .suppressBorder { border-top: 0 none; } .uiStreamEdgeStoryLineTx { background-color: #FFFFFF; color: #CCCCCC; left: 32px; padding: 0 8px; position: relative; top: -20px; } .uiStreamEdgeStoryLine hr { background: none repeat scroll 0 0 #E5E5E5; margin: 8px 0 12px; } .uiStreamEdgeStoryLineWithLabel { height: 15px; padding-top: 1px; } .uiStreamFooter, .uiStreamSource, .uiStreamAdditionalLogging { color: #999999; } .uiStreamSource a, .uiStreamAdditionalLogging a { color: #999999; } .uiStreamNub { border-bottom: 1px solid #C2CBE1; margin-top: 2px; } .uiStreamHomepage .uiStreamStory:first-child { margin-top: -8px; } .uiStreamHomepage .uiStreamStory:first-child .actorPhoto { margin-top: 20px; } .uiStreamHomepage .uiStreamStory:first-child .mainWrapper { padding-top: 20px; } .uiStreamActionFooter .UIActionLinks_bottom a { color: #3B5998; } .uiStream .uiStreamStory .highlightSelector { margin: 0 10px 0 0; } .uiStream .uiStreamStory .substoryHideSelector { margin: -2px 0 0; } .permalink_stream .highlightSelector .uiSelectorMenuWrapper, .uiStream .uiStreamStory .highlightSelector .uiSelectorMenuWrapper { margin: -3px 1px 0 0; } .permalink_stream .fbStreamPermalinkHeader .highlightSelector { float: right; margin-right: 0; margin-top: 0; } .permalink_stream .highlightSelector .uiSelectorButton { background-image: url("http://static.ak.fbcdn.net/rsrc.php/v1/yI/r/AShQNChNgfr.png"); background-position: 0 -64px; background-repeat: no-repeat; border: 0 none; box-shadow: none; display: inline-block; height: 21px; padding: 0; width: 21px; } .uiStream .uiStreamStory .highlightSelector .uiSelectorButton, .uiStream .highlightSelector .highlightSelectorButton { background-image: url("http://static.ak.fbcdn.net/rsrc.php/v1/yI/r/AShQNChNgfr.png"); background-position: 0 -87px; background-repeat: no-repeat; border: 0 none; box-shadow: none; display: inline-block; height: 24px; line-height: 24px; overflow: hidden; padding: 0; text-indent: 50px; width: 21px; } .permalink_stream .highlightSelector .uiSelectorButton, .permalink_stream .highlightSelector .uiSelectorButton:active, .permalink_stream .highlightSelector .uiSelectorButton:focus, .permalink_stream .highlightSelector .uiSelectorButton:hover { background-color: transparent; border: 0 none; height: 21px; padding: 0; width: 21px; } .uiStream .uiStreamStory .highlightSelector .uiSelectorButton, .uiStream .uiStreamStory .highlightSelector .uiSelectorButton:active, .uiStream .uiStreamStory .highlightSelector .uiSelectorButton:focus, .uiStream .uiStreamStory .highlightSelector .uiSelectorButton:hover, .uiStream .highlightSelector .highlightSelectorButton, .uiStream .highlightSelector .highlightSelectorButton:active, .uiStream .highlightSelector .highlightSelectorButton:focus, .uiStream .highlightSelector .highlightSelectorButton:hover { background-color: transparent; border: 0 none; height: 24px; padding: 0; width: 21px; } .permalink_stream .highlightSelector .uiSelectorButton:hover { background-image: url("http://static.ak.fbcdn.net/rsrc.php/v1/yI/r/AShQNChNgfr.png"); background-position: -21px -64px; background-repeat: no-repeat; border: 0 none; padding: 0; } .uiStream .uiStreamStory .highlightSelector .uiSelectorButton:hover, .highlightSelector .highlightSelectorButton:hover { background-image: url("http://static.ak.fbcdn.net/rsrc.php/v1/yI/r/AShQNChNgfr.png"); background-position: -21px -87px; background-repeat: no-repeat; border: 0 none; padding: 0; } .permalink_stream .highlightSelector .openToggler .uiSelectorButton, .permalink_stream .highlightSelector .openToggler .uiSelectorButton:hover { background-color: transparent; background-image: url("http://static.ak.fbcdn.net/rsrc.php/v1/yI/r/AShQNChNgfr.png"); background-position: -42px -64px; background-repeat: no-repeat; border: 0 none; height: 21px; padding: 0; width: 21px; } .uiStream .uiStreamStory .highlightSelector .openToggler .uiSelectorButton, .uiStream .uiStreamStory .highlightSelector .openToggler .uiSelectorButton:hover, .highlightSelector .openToggler .highlightSelectorButton, .highlightSelector.openToggler .highlightSelectorButton { background-color: transparent; background-image: url("http://static.ak.fbcdn.net/rsrc.php/v1/yI/r/AShQNChNgfr.png"); background-position: -42px -87px; background-repeat: no-repeat; border: 0 none; height: 24px; padding: 0; width: 21px; } .uiStreamBoulderThemeAgg .substoryActorPic img, .uiStreamBoulderThemeAgg .uiStreamInlineAction .inlineActionInputPic { height: 32px; width: 32px; } .uiStreamBoulderThemeAgg .storyContent { padding-bottom: 2px; } .uiStreamBoulderThemeAgg .uiStreamSubstory { margin: 0; padding: 7px 0; } .uiStreamBoulderThemeAgg .uiListItem:first-child .uiStreamSubstory { padding: 0; } .uiStreamStory .uiStreamSubstory .storyContent { padding: 0; } .uiStreamLoader { text-align: center; } .uiStreamBoulderThemeAgg .uiStreamSubstories { margin-top: 0; padding-top: 0; } .uiStreamBoulderThemeAgg .uiStreamSubstories .uiStreamShowAll { border-bottom: 0 none; text-align: left; } .uiStreamBoulderThemeAgg .uiStreamSubstories .uiStreamShowAll span { font-weight: normal; } .uiStreamBoulderThemeAgg .inlineSubstory .uiStreamSubstory { border-bottom: 1px solid #E5E5E5; padding-bottom: 10px; } .uiStreamBoulderThemeAgg .uiStreamAttachments .external { display: block; margin: 0; padding-bottom: 5px; padding-right: 10px; } .uiStreamBoulderThemeAgg .uiStreamAttachments .external img { max-height: 100px; max-width: 120px; } .uiStreamInlineTextarea { display: block; height: 19px; width: 100%; } .scrollable { overflow-y: auto; } .uiImageBlockContent { overflow: hidden; } .uiImageBlockSmallContent { padding-top: 1px; } .uiImageBlockImage, .uiImageBlockImage .img { display: block; } .uiImageBlockSmallImage { margin-right: 5px; } .uiImageBlockMediumImage { margin-right: 8px; } .uiImageBlockLargeImage { margin-right: 10px; } .uiInlineBlock { display: inline-block; } .uiInlineBlockBottom { vertical-align: bottom; } .uiInlineBlockMiddle { vertical-align: middle; } .uiInlineBlockTop { vertical-align: top; } .pop_container_advanced { background: none repeat scroll 0 0 rgba(82, 82, 82, 0.7); border-radius: 8px 8px 8px 8px; padding: 10px; } .pop_content_old { position: relative; } .pop_container { direction: ltr; position: relative; top: 10px; } .pop_topleft, .pop_topright, .pop_bottomleft, .pop_bottomright { height: 10px; overflow: hidden; position: absolute; width: 10px; } .pop_topleft { background-image: url("http://static.ak.fbcdn.net/rsrc.php/v2/yi/r/Ce0Xa8hRU2A.png"); background-position: -106px -30px; background-repeat: no-repeat; left: -10px; top: -10px; } .pop_topright { background-image: url("http://static.ak.fbcdn.net/rsrc.php/v2/yi/r/Ce0Xa8hRU2A.png"); background-position: -117px -30px; background-repeat: no-repeat; right: -10px; top: -10px; } .pop_bottomleft { background-image: url("http://static.ak.fbcdn.net/rsrc.php/v2/yi/r/Ce0Xa8hRU2A.png"); background-position: -84px -30px; background-repeat: no-repeat; bottom: -10px; left: -10px; } .pop_bottomright { background-image: url("http://static.ak.fbcdn.net/rsrc.php/v2/yi/r/Ce0Xa8hRU2A.png"); background-position: -95px -30px; background-repeat: no-repeat; bottom: -10px; right: -10px; } .pop_verticalslab, .pop_horizontalslab { background: none repeat scroll 0 0 #525252; height: 100%; opacity: 0.7; position: absolute; width: 100%; } .pop_verticalslab { margin: -10px 0 0; padding-bottom: 20px; } .pop_horizontalslab { margin: 0 0 0 -10px; padding-right: 20px; } .generic_dialog { height: 0; left: 0; outline: medium none; overflow: visible; position: fixed; top: 0; width: 100%; z-index: 200; } .generic_dialog_modal, .generic_dialog_fixed_overflow { background-color: rgba(252, 252, 252, 0.9); height: 100%; z-index: 400; } .generic_dialog_fixed_overflow { overflow-x: auto; overflow-y: scroll; } .generic_dialog_fixed_overflow .generic_dialog_popup { height: auto; padding-bottom: 40px; } .generic_dialog_overflow_mode body { overflow: hidden !important; } .generic_dialog_popup { height: 0; margin: 0 auto; overflow: visible; width: 465px; } .generic_dialog div.dialog_loading { background-color: #F2F2F2; border: 1px solid #606060; font-size: 24px; padding: 10px; } .pop_content { direction: ltr; outline: medium none; } .pop_dialog_rtl .pop_content { direction: rtl; } .pop_content h2.dialog_title { -moz-border-bottom-colors: none; -moz-border-image: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; background: none repeat scroll 0 0 #6D84B4; border-color: #3B5998 #3B5998 -moz-use-text-color; border-style: solid solid none; border-width: 1px 1px medium; color: #FFFFFF; font-size: 14px; font-weight: bold; margin: 0; } .pop_content h2.secure { background: url("http://static.ak.fbcdn.net/rsrc.php/v2/yu/r/jp8TzrZb6J1.png") no-repeat scroll 98% 50% #6D84B4; } .pop_content h2.loading { background: url("http://static.ak.fbcdn.net/rsrc.php/v2/y-/r/AGUNXgX_Wx3.gif") no-repeat scroll 98% 50% #6D84B4; } .pop_content h2.dialog_loading { background: url("http://static.ak.fbcdn.net/rsrc.php/v2/y-/r/AGUNXgX_Wx3.gif") no-repeat scroll 400px 10px #6D84B4; padding-right: 40px; } .pop_content h2 span { display: block; padding: 5px 10px; } .pop_content .dialog_content { -moz-border-bottom-colors: none; -moz-border-image: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; background: none repeat scroll 0 0 #FFFFFF; border-color: #555555; border-right: 1px solid #555555; border-style: solid; border-width: 0 1px 1px; } .pop_content .dialog_content.dialog_content_titleless { border-top: 1px solid #555555; } .pop_content .dialog_loading, .dialog_loading_shown .dialog_title, .dialog_loading_shown .dialog_content { display: none; } .dialog_loading_shown .dialog_loading { display: block; } .pop_content .dialog_body { border-bottom: 1px solid #CCCCCC; padding: 10px; } .omitDialogFooter .pop_content .dialog_body { border-bottom: 0 none; } .pop_content .dialog_summary { background: none repeat scroll 0 0 #F2F2F2; border-bottom: 1px solid #CCCCCC; padding: 8px 10px; } .pop_content .dialog_buttons { background: none repeat scroll 0 0 #F2F2F2; padding: 8px 10px; position: relative; text-align: right; } .pop_content .dialog_buttons_msg { float: left; line-height: 17px; padding-top: 4px; } .pop_content .dialog_buttons_msg .uiInputLabel { line-height: 14px; } .pop_content .dialog_footer { background: none repeat scroll 0 50% #F2F2F2; } .full_bleed .pop_content .dialog_body { padding: 0; } .uiSimpleScrollingLoadingIndicator { display: none; margin: auto; } .async_saving .uiSimpleScrollingLoadingIndicator { display: block; } .uiUfiLikeIcon { background-image: url("http://static.ak.fbcdn.net/rsrc.php/v1/ye/r/SJMMHV014Gr.png"); background-position: -14px -63px; background-repeat: no-repeat; display: block; height: 13px; width: 15px; } .uiUfiLikeIconDisabled, .uiUfiLikeIconDisabled:active, .uiUfiLikeIconDisabled:focus { cursor: default; outline: medium none; } .uiButton { cursor: pointer; display: inline-block; font-size: 11px; font-weight: bold; line-height: 13px; padding: 2px 6px; text-align: center; text-decoration: none; vertical-align: top; white-space: nowrap; } .uiButton, .uiButtonSuppressed:active, .uiButtonSuppressed:focus, .uiButtonSuppressed:hover { -moz-border-bottom-colors: none; -moz-border-image: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; background-color: #EEEEEE; background-image: url("http://static.ak.fbcdn.net/rsrc.php/v1/yi/r/Ce0Xa8hRU2A.png"); background-position: -352px -348px; background-repeat: no-repeat; border-color: #999999 #999999 #888888; border-style: solid; border-width: 1px; box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1); } .ff4.mac .uiButton { line-height: 14px; } .uiButtonLarge, .ff4.mac .uiButtonLarge { line-height: 16px; } .uiButton + .uiButton { margin-left: 4px; } .uiButton:hover { text-decoration: none; } .uiButton:active, .uiButtonDepressed { background: none repeat scroll 0 0 #DDDDDD; border-bottom-color: #999999; box-shadow: 0 1px 0 rgba(0, 0, 0, 0.05); } .uiButton .img { margin-top: 2px; vertical-align: top; } .uiButtonLarge .img { margin-top: 4px; } .uiButton .customimg { margin-top: 0; } .uiButton .uiButtonText, .uiButton input { background: none repeat scroll 0 0 transparent; border: 0 none; color: #333333; cursor: pointer; display: inline-block; font-family: 'Lucida Grande',Tahoma,Verdana,Arial,sans-serif; font-size: 11px; font-weight: bold; margin: 0; padding: 1px 0 2px; white-space: nowrap; } .ff4.mac .uiButton .uiButtonText, .ff4.mac .uiButton input { margin-bottom: -1px; } .ff4.mac .uiButtonLarge .uiButtonText, .ff4.mac .uiButtonLarge input { margin-bottom: 0; } .uiButton input::-moz-focus-inner { border: 0 none; padding: 0; } .uiButtonOverlay, .uiButtonOverlay:hover { background-clip: padding-box; background-color: rgba(255, 255, 255, 0.8); background-image: none; border-color: rgba(0, 0, 0, 0.35); border-radius: 2px 2px 2px 2px; } .uiButtonOverlay:focus, .uiButtonOverlay:active { background-color: rgba(249, 250, 252, 0.9); border-color: rgba(59, 89, 152, 0.5); } form.async_saving .uiButton.uiButtonOverlay, .uiButtonOverlay.uiButtonDisabled, .uiButtonOverlay.uiButtonDisabled:active, .uiButtonOverlay.uiButtonDisabled:focus, .uiButtonOverlay.uiButtonDisabled:hover { background-color: rgba(255, 255, 255, 0.8); border-color: rgba(180, 180, 180, 0.8); } .uiButtonSpecial { background-color: #69A74E; background-image: url("http://static.ak.fbcdn.net/rsrc.php/v1/yi/r/Ce0Xa8hRU2A.png"); background-position: -352px -152px; background-repeat: no-repeat; border-color: #3B6E22 #3B6E22 #2C5115; } .uiButtonSpecial:active { background: none repeat scroll 0 0 #609946; border-bottom-color: #3B6E22; } form.async_saving .uiButton.uiButtonSpecial, .uiButtonSpecial.uiButtonDisabled, .uiButtonSpecial.uiButtonDisabled:active, .uiButtonSpecial.uiButtonDisabled:focus, .uiButtonSpecial.uiButtonDisabled:hover { background: none repeat scroll 0 0 #B4D3A7; border-color: #9DB791; } .uiButtonConfirm { background-color: #5B74A8; background-image: url("http://static.ak.fbcdn.net/rsrc.php/v1/yi/r/Ce0Xa8hRU2A.png"); background-position: -352px -54px; background-repeat: no-repeat; border-color: #29447E #29447E #1A356E; } .uiButtonConfirm:active { background: none repeat scroll 0 0 #4F6AA3; border-bottom-color: #29447E; } form.async_saving .uiButton.uiButtonConfirm, .uiButtonConfirm.uiButtonDisabled, .uiButtonConfirm.uiButtonDisabled:active, .uiButtonConfirm.uiButtonDisabled:focus, .uiButtonConfirm.uiButtonDisabled:hover { background: none repeat scroll 0 0 #ADBAD4; border-color: #94A2BF; } form.async_saving .uiButton.uiButtonSpecial .uiButtonText, form.async_saving .uiButton.uiButtonSpecial input, form.async_saving .uiButton.uiButtonConfirm .uiButtonText, form.async_saving .uiButton.uiButtonConfirm input, .uiButtonSpecial .uiButtonText, .uiButtonSpecial input, .uiButtonSpecial.uiButtonDisabled .uiButtonText, .uiButtonSpecial.uiButtonDisabled input, .uiButtonConfirm .uiButtonText, .uiButtonConfirm input, .uiButtonConfirm.uiButtonDisabled .uiButtonText, .uiButtonConfirm.uiButtonDisabled input { color: #FFFFFF; } form.async_saving .uiButton, .uiButtonDisabled, .uiButtonDisabled:active, .uiButtonDisabled:focus, .uiButtonDisabled:hover { background: none repeat scroll 0 0 #F2F2F2; border-color: #C8C8C8; box-shadow: none; } form.async_saving .uiButton .img, .uiButtonDisabled .img { opacity: 0.5; } form.async_saving .uiButton .uiButtonText, form.async_saving .uiButton input, .uiButtonDisabled .uiButtonText, .uiButtonDisabled input { color: #B8B8B8; } form.async_saving .uiButton, form.async_saving .uiButton .uiButtonText, form.async_saving .uiButton input, .uiButtonDepressed, .uiButtonDepressed .uiButtonText, .uiButtonDepressed input, .uiButtonDisabled, .uiButtonDisabled .uiButtonText, .uiButtonDisabled input { cursor: default; } .uiButtonLarge, .uiButtonLarge .uiButtonText, .uiButtonLarge input { font-size: 13px; } .uiButtonSuppressed { background: none repeat scroll 0 0 transparent; border-color: transparent; box-shadow: none; } .uiButtonNoText .img { margin-left: -1px; margin-right: -1px; } .android .uiButton .uiButtonText, .android .uiButton input { padding: 3px 0 1px 1px; } .uiCloseButton { cursor: pointer; display: inline-block; margin: 0; padding: 0; } label.uiCloseButton { overflow: hidden; } .uiCloseButton input { cursor: pointer; opacity: 0; outline: medium none; padding: 18px; } .uiCloseButton { background-image: url("http://static.ak.fbcdn.net/rsrc.php/v2/yA/r/4WSewcWboV8.png"); background-repeat: no-repeat; height: 15px; width: 15px; } .uiCloseButtonSmall { background-image: url("http://static.ak.fbcdn.net/rsrc.php/v2/yx/r/ogYrclupeJV.png"); height: 11px; margin-top: 1px; width: 11px; } .uiCloseButtonHuge { background-image: url("http://static.ak.fbcdn.net/rsrc.php/v2/yj/r/ubIGOTIgUYc.png"); } .uiCloseButtonDark { background-position: left -16px; } .uiCloseButtonInverted { background-image: url("http://static.ak.fbcdn.net/rsrc.php/v2/yo/r/33RpiRygxAr.png"); background-position: left -16px; } .uiCloseButton:hover, .uiCloseButton:focus { background-position: left -32px; } .uiCloseButton:active { background-position: left -48px; } .uiCloseButtonSmallDark { background-position: left -12px; } .uiCloseButtonSmallInverted { background-image: url("http://static.ak.fbcdn.net/rsrc.php/v2/yT/r/Vi-KTnbdMKr.png"); background-position: left -12px; } .uiCloseButtonSmall:hover, .uiCloseButtonSmall:focus { background-position: left -24px; } .uiCloseButtonSmall:active { background-position: left -36px; } .uiPopover .uiCloseButton { background-clip: padding-box; border: 1px solid transparent; margin: 0; } .uiPopover.openToggler .uiCloseButton { background-position: left -32px; } .uiPopover.openToggler .uiCloseButtonSmall { background-position: left -24px; } .uiPopover.openToggler .uiCloseButton, .uiPopover.openToggler .uiCloseButton:active, .uiPopover.openToggler .uiCloseButton:focus, .uiPopover.openToggler .uiCloseButton:hover { -moz-border-bottom-colors: none; -moz-border-image: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; background-color: #6D84B4; border-color: #3B5998 #3B5998 #6D84B4; border-style: solid; border-width: 1px; box-shadow: none; } .uiLinkButton input { background: none repeat scroll 0 0 transparent; border: medium none; color: #3B5998; cursor: pointer; font-family: 'Lucida Grande',Tahoma,Verdana,Arial,sans-serif; font-size: 11px; margin: 0; padding: 0; vertical-align: top; } .uiLinkButton input::-moz-focus-inner { border: 0 none; padding: 0; } .uiLinkButton:hover, .uiLinkButton input:hover, .uiLinkButton input:focus, .uiLinkButton input:active { color: #3B5998; text-decoration: underline; } .ff4 .uiLinkButton:hover { text-decoration: none; } .uiLinkButtonSubtle input, .uiLinkButtonSubtle:hover, .uiLinkButtonSubtle input:hover, .uiLinkButtonSubtle input:focus, .uiLinkButtonSubtle input:active { color: gray; } .uiLinkButton input.async_saving { text-decoration: none; } .uiBoxGray { background-color: #F2F2F2; border: 1px solid #CCCCCC; } .uiBoxDarkgray { background-color: #333333; border: 1px solid #666666; color: #CCCCCC; } .uiBoxLightblue { background-color: #EDEFF4; border: 1px solid #D8DFEA; } .uiBoxRed { background-color: #FFEBE8; border: 1px solid #DD3C10; } .uiBoxWhite { background-color: #FFFFFF; border: 1px solid #CCCCCC; } .uiBoxYellow { background-color: #FFF9D7; border: 1px solid #E2C822; } .uiBoxOverlay { background: none repeat scroll 0 0 rgba(255, 255, 255, 0.85); border: 1px solid rgba(59, 89, 153, 0.65); } .noborder { border: medium none; } .topborder { border-bottom: medium none; border-left: medium none; border-right: medium none; } .bottomborder { border-left: medium none; border-right: medium none; border-top: medium none; } .dashedborder { border-style: dashed; } .uiGrid { border: 0 none; border-collapse: collapse; border-spacing: 0; } .uiGridCalc { width: 100%; } .uiGrid .vTop { vertical-align: top; } .uiGrid .vMid { vertical-align: middle; } .uiGrid .vBot { vertical-align: bottom; } .uiGrid .hLeft { text-align: left; } .uiGrid .hCent { text-align: center; } .uiGrid .hRght { text-align: right; } .uiIconText { padding-left: 21px; position: relative; } label.uiIconText { vertical-align: baseline; } .uiIconText .img { left: 0; position: absolute; top: -1px; vertical-align: middle; } i.img u { position: absolute; top: -1e+7px; } .UIImageBlock_Content { display: table-cell; vertical-align: top; width: 10000px; } .UIImageBlock_Image { float: left; margin-right: 5px; } .UIImageBlock_Image .img, img.UIImageBlock_Image, i.UIImageBlock_Image { display: block; } .UIImageBlock_Ext { float: right; } .UIImageBlock_ICON_Image { margin-right: 5px; } .UIImageBlock_ICON_Content { padding-top: 1px; } .UIImageBlock_SMALL_Image { margin-right: 8px; } .UIImageBlock_MED_Image, .UIImageBlock_ENT_Image { margin-right: 10px; } .UIImageBlock_Entity .UIImageBlock_Content { height: 50px; vertical-align: middle; } .UIImageBlock_Entity img.UIImageBlock_Image, .UIImageBlock_Entity i.UIImageBlock_Image, .UIImageBlock_Entity .UIImageBlock_Image .img { height: 50px; width: 50px; } .UIImageBlock_Entity .UIImageBlock_Ext { margin-top: 14px; padding-left: 8px; } .lfloat { float: left; } .rfloat { float: right; } a.uiLinkLightBlue { color: #6D84B4; } a.uiLinkSubtle { color: gray; } .uiListItem { display: block; } .uiListHorizontalItem { float: left; } .uiListLight, .uiListMedium, .uiListDark { border-style: solid; } .uiListHorizontalItemBorder { border-width: 0 0 0 1px; } .uiListVerticalItemBorder { border-width: 1px 0 0; } .uiListItem:first-child { border-width: 0; } .uiListLight { border-color: #E9E9E9; } .uiListMedium { border-color: #CCCCCC; } .uiListDark { border-color: #AAAAAA; } .uiListBulleted { color: #3B5998; list-style-type: square; margin-left: 12px; } .pas { padding: 5px; } .pam { padding: 10px; } .pal { padding: 20px; } .pts { padding-top: 5px; } .ptm { padding-top: 10px; } .ptl { padding-top: 20px; } .prs { padding-right: 5px; } .prm { padding-right: 10px; } .prl { padding-right: 20px; } .pbs { padding-bottom: 5px; } .pbm { padding-bottom: 10px; } .pbl { padding-bottom: 20px; } .pls { padding-left: 5px; } .plm { padding-left: 10px; } .pll { padding-left: 20px; } .phs { padding-left: 5px; padding-right: 5px; } .phm { padding-left: 10px; padding-right: 10px; } .phl { padding-left: 20px; padding-right: 20px; } .pvs { padding-bottom: 5px; padding-top: 5px; } .pvm { padding-bottom: 10px; padding-top: 10px; } .pvl { padding-bottom: 20px; padding-top: 20px; } .mas { margin: 5px; } .mam { margin: 10px; } .mal { margin: 20px; } .mts { margin-top: 5px; } .mtm { margin-top: 10px; } .mtl { margin-top: 20px; } .mrs { margin-right: 5px; } .mrm { margin-right: 10px; } .mrl { margin-right: 20px; } .mbs { margin-bottom: 5px; } .mbm { margin-bottom: 10px; } .mbl { margin-bottom: 20px; } .mls { margin-left: 5px; } .mlm { margin-left: 10px; } .mll { margin-left: 20px; } .mhs { margin-left: 5px; margin-right: 5px; } .mhm { margin-left: 10px; margin-right: 10px; } .mhl { margin-left: 20px; margin-right: 20px; } .mvs { margin-bottom: 5px; margin-top: 5px; } .mvm { margin-bottom: 10px; margin-top: 10px; } .mvl { margin-bottom: 20px; margin-top: 20px; } .fss { font-size: 9px; } .fsm { font-size: 11px; } .fsl { font-size: 13px; } .fsxl { font-size: 16px; } .fsxxl { font-size: 18px; } .fwn { font-weight: normal; } .fwb { font-weight: bold; } .fcb { color: #333333; } .fcg { color: gray; } .uiLoadingIndicatorAsync { display: none; } .async_saving .uiLoadingIndicatorAsync { display: inline; } .uiMentionsInput { position: relative; } .uiMentionsInput .mentionsTextarea, .uiMentionsInput .mentionsTypeahead { background: none repeat scroll 0 0 transparent; } .uiMentionsInput .mentionsTextarea { line-height: 1.28; } .uiMentionsInput .highlighter { left: 0; overflow: hidden; padding: 4px; position: absolute; top: 0; } .ff4 .uiMentionsInput .highlighter { padding: 4px 5px; } .uiMentionsInput .highlighter div { color: transparent; line-height: 1.28; white-space: pre-wrap; width: 100%; word-wrap: break-word; } .uiMentionsInput .highlighterContent { display: inline-block; max-width: 100%; } .uiMentionsInput .highlighter b { background: none repeat scroll 0 0 #D8DFEA; font-weight: normal; } .uiSelector .uiCloseButton { background-clip: padding-box; border: 1px solid transparent; margin: 0; } .uiSelector .openToggler .uiCloseButton { background-position: left -32px; } .uiSelector .openToggler .uiCloseButtonSmall { background-position: left -24px; } .uiMenu { background-color: #FFFFFF; overflow-y: auto; padding: 3px 0 4px; } .uiMenuItem .itemAnchor { -moz-border-bottom-colors: none; -moz-border-image: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; border-color: #FFFFFF; border-style: solid; border-width: 1px 0; color: #111111; display: block; font-weight: normal; line-height: 16px; padding: 1px 16px 1px 22px; text-decoration: none; } .uiMenuItem a:hover { text-decoration: none; } .uiMenuItem a:active, .uiMenuItem a:focus { background-color: #6D84B4; border-color: #3B5998; color: #FFFFFF; outline: medium none; } .uiMenu .checked .itemAnchor { background: url("http://static.ak.fbcdn.net/rsrc.php/v1/yu/r/6NHt8H5uyPf.png") no-repeat scroll left 4px transparent; font-weight: bold; } .uiMenu .checked a:active, .uiMenu .checked a:focus { background-color: #6D84B4; background-position: left -56px; } .uiMenuItem { white-space: nowrap; } .uiMenuItem .itemLabel { display: block; max-width: 300px; text-overflow: ellipsis; white-space: nowrap; } .uiMenuItem .itemWithIcon .itemLabel, .uiMenuItem .itemIcon { display: inline-block; vertical-align: middle; } .uiMenuItem .itemLabel .menuIcon { vertical-align: sub; } .uiMenu .uiMenuItemPlus { position: relative; } .uiMenu .uiMenuItemPlusIcon { background-image: url("http://static.ak.fbcdn.net/rsrc.php/v1/yi/r/Ce0Xa8hRU2A.png"); background-position: -130px -20px; background-repeat: no-repeat; display: block; height: 8px; left: 8px; overflow: hidden; position: absolute; top: 6px; width: 8px; } .uiMenu .selected .uiMenuItemPlusIcon { background-image: url("http://static.ak.fbcdn.net/rsrc.php/v1/yi/r/Ce0Xa8hRU2A.png"); background-position: -122px -20px; background-repeat: no-repeat; } .uiMenuItemBigLabel .itemLabel { min-width: 300px; overflow: hidden; } .uiMenuItem .disabledAnchor, .uiMenu .disabled .itemAnchor { display: none; } .uiMenu .disabled .disabledAnchor { display: block; } .uiMenu .disabled .itemAnchor { opacity: 0.55; } .uiMenuItemGroup .groupTitle { margin: 0 16px 3px 22px; } .uiMenuSeparator { border-bottom: 1px solid #DDDDDD; margin: 5px 7px 6px; padding-top: 1px; } .uiMenuContainer { overflow: hidden; } .uiMenuContainer .uiMenu { position: relative; } .openToggler { z-index: 100; } .uiToggleFlyout, .toggleTargetClosed, .openToggler .uiToggleFlyout .uiToggleFlyout { display: none; } .openToggler .uiToggleFlyout, .openToggler .uiToggleFlyout .openToggler .uiToggleFlyout { display: block; } .hideToggler { border: 0 none; height: 0; opacity: 0; overflow: hidden; position: absolute; width: 0; } .uiSelector { max-width: 200px; vertical-align: top; } .uiSelector .wrap { position: relative; } .uiSelector select, .uiSelector .submitButton, .no_js form .uiSelectorButton { display: none; } .no_js form .uiSelector select, .no_js form .uiSelector .submitButton { display: inline; } .uiSelector .uiButton, .uiSelector .uiButton:active, .uiSelector .uiButton:focus, .uiSelector .uiButton:hover { background-image: none; } .uiSelector .uiSelectorButton { vertical-align: top; } .uiSelector .uiSelectorButton:active { background-color: #DDDDDD; } .uiSelector .openToggler .uiSelectorButton, .uiSelector .openToggler .uiSelectorButton:active, .uiSelector .openToggler .uiSelectorButton:focus, .uiSelector .openToggler .uiSelectorButton:hover { -moz-border-bottom-colors: none; -moz-border-image: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; background-color: #6D84B4; border-color: #3B5998 #3B5998 #6D84B4; border-style: solid; border-width: 1px; box-shadow: none; } .uiSelectorNormal .uiSelectorChevronOnly, .uiSelectorNormal .uiSelectorChevronOnly:active, .uiSelectorNormal .uiSelectorChevronOnly:focus, .uiSelectorNormal .uiSelectorChevronOnly:hover { height: 20px; padding: 0; } .uiSelectorNormal .uiSelectorButton, .uiSelectorNormal .uiSelectorButton:active, .uiSelectorNormal .uiSelectorButton:focus, .uiSelectorNormal .uiSelectorButton:hover, .uiSelectorNormal .uiButtonSuppressed:active, .uiSelectorNormal .uiButtonSuppressed:focus, .uiSelectorNormal .uiButtonSuppressed:hover { background-image: url("http://static.ak.fbcdn.net/rsrc.php/v1/yi/r/Ce0Xa8hRU2A.png"); background-position: right -5px; background-repeat: no-repeat; max-width: 169px; padding-right: 23px; } .uiSelectorNormal .uiButtonDisabled, .uiSelectorNormal a.uiButtonDisabled:active, .uiSelectorNormal a.uiButtonDisabled:focus, .uiSelectorNormal a.uiButtonDisabled:hover { background-image: url("http://static.ak.fbcdn.net/rsrc.php/v1/yi/r/Ce0Xa8hRU2A.png"); background-position: right -299px; background-repeat: no-repeat; } .uiSelectorNormal .uiButtonSuppressed.uiButtonDisabled { background-image: url("http://static.ak.fbcdn.net/rsrc.php/v1/yi/r/Ce0Xa8hRU2A.png"); background-position: right -103px; background-repeat: no-repeat; } .uiSelectorNormal .uiButtonOverlay, .uiSelectorNormal .uiButtonOverlay:active, .uiSelectorNormal .uiButtonOverlay:focus, .uiSelectorNormal .uiButtonOverlay:hover, .uiSelectorNormal .uiSelectorButton:active, .uiSelectorNormal .uiButtonSuppressed { background-image: url("http://static.ak.fbcdn.net/rsrc.php/v1/yi/r/Ce0Xa8hRU2A.png"); background-position: right -202px; background-repeat: no-repeat; } .uiSelectorNormal .openToggler .uiSelectorButton, .uiSelectorNormal .openToggler .uiSelectorButton:active, .uiSelectorNormal .openToggler .uiSelectorButton:focus, .uiSelectorNormal .openToggler .uiSelectorButton:hover, .uiSelectorNormal .openToggler .uiButtonSuppressed, .uiSelectorNormal .openToggler .uiButtonSuppressed:active, .uiSelectorNormal .openToggler .uiButtonSuppressed:focus, .uiSelectorNormal .openToggler .uiButtonSuppressed:hover { background-image: url("http://static.ak.fbcdn.net/rsrc.php/v1/yi/r/Ce0Xa8hRU2A.png"); background-position: right -250px; background-repeat: no-repeat; } .uiSelectorNormal .uiSelectorButton .uiButtonText { max-width: 169px; overflow: hidden; text-overflow: ellipsis; vertical-align: top; } .uiSelectorNormal .uiSelectorBigButtonLabel .img { float: left; } .uiSelectorNormal .uiSelectorBigButtonLabel .uiButtonText { display: block; } .uiSelectorNormal .openToggler .uiSelectorButton .uiButtonText { color: #FFFFFF; } .uiSelectorMenuWrapper { bottom: auto; left: 0; margin: -1px 0 30px; max-width: 340px; min-width: 100%; position: absolute; right: auto; top: 100%; z-index: -1; } .uiSelectorRight .uiSelectorMenuWrapper { left: auto; right: 0; } .uiSelectorMenuWrapper .loading { padding: 5px 20px; } .uiSelectorMenuWrapper .loading span { background: url("http://static.ak.fbcdn.net/rsrc.php/v1/yb/r/GsNJNwuI-UM.gif") no-repeat scroll 0 0 transparent; display: inline-block; height: 11px; margin: 0 auto; width: 16px; } .uiSelector .uiMenu { -moz-border-bottom-colors: none; -moz-border-image: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; border-color: #777777 #777777 #293E6A; border-style: solid; border-width: 1px 1px 2px; } .uiContextualLayer .uiSelector { margin: 0; max-width: none; position: relative; } .uiContextualLayerPositioner .aboveleft .uiSelector, .uiContextualLayerPositioner .aboveright .uiSelector { top: 2px; } .uiContextualLayerPositioner .belowleft .uiSelector, .uiContextualLayerPositioner .belowright .uiSelector { top: -1px; } .uiContextualLayer .uiSelectorMenuWrapper { margin: 0; position: static; } .uiContextualLayer .uiSelector .uiSelectorButton { position: absolute; } .uiContextualLayerPositioner .aboveleft .uiSelector .uiSelectorButton, .uiContextualLayerPositioner .aboveright .uiSelector .uiSelectorButton { -moz-border-bottom-colors: none; -moz-border-image: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; border-color: #6D84B4 #3B5998 #3B5998; border-right: 1px solid #3B5998; border-style: solid; border-width: 1px; margin-top: -2px; top: 100%; } .uiContextualLayerPositioner .belowleft .uiSelector .uiSelectorButton, .uiContextualLayerPositioner .belowright .uiSelector .uiSelectorButton { bottom: 100%; margin-bottom: -1px; } .uiContextualLayerPositioner .aboveleft .uiSelector .uiSelectorButton, .uiContextualLayerPositioner .belowleft .uiSelector .uiSelectorButton { left: 0; } .uiContextualLayerPositioner .aboveright .uiSelector .uiSelectorButton, .uiContextualLayerPositioner .belowright .uiSelector .uiSelectorButton { right: 0; } .uiTextareaNoResize { resize: none; } .uiTextareaAutogrow { overflow: hidden; } .uiHeader h2 { color: #1C2A47; font-size: 16px; } .uiHeader h2 a { color: #1C2A47; } .uiHeader h3, .uiHeader h4 { color: #333333; font-size: 11px; } .uiHeader h5 { color: #666666; font-size: 11px; } .uiHeader .uiHeaderTitle { outline: medium none; } .uiHeaderWithImage .uiHeaderTop { position: relative; } .uiHeaderWithImage .uiHeaderTitle { padding-left: 22px; } .uiHeaderImage { left: 0; position: absolute; } .uiHeader h2 .uiHeaderImage { top: 2px; } .uiHeaderTopBorder { border-top: 1px solid #AAAAAA; padding-top: 0.5em; } div.uiHeaderTopBorder { margin-left: 0; } .uiHeaderTopAndBottomBorder { border-bottom: 1px solid #E9E9E9; border-top: 1px solid #AAAAAA; padding: 5px 0; } .uiHeaderMiddleBorder { border-bottom: 1px solid #CCCCCC; height: 0.8em; margin: 0.5em 0 1.5em; position: relative; } .uiHeaderMiddleBorder .uiHeaderTitle, .uiHeaderMiddleBorder .uiHeaderActions { background-color: #FFFFFF; position: absolute; top: 0; } .uiHeaderMiddleBorder .uiHeaderTitle { left: 0; padding-right: 0.5em; } .uiHeaderMiddleBorder .uiHeaderActions { padding-left: 0.5em; right: 0; } .uiHeaderMiddleBorder .uiButton { margin-top: -2px; } .uiHeaderBottomBorder { border-bottom: 1px solid #AAAAAA; padding-bottom: 0.5em; } .uiHeaderPage { padding: 6px 0 16px; } .uiHeaderPage .uiHeaderTitle { line-height: 20px; min-height: 20px; padding-bottom: 2px; vertical-align: bottom; } .uiHeaderPage .uiHeaderActions { margin-top: -1px; } .uiHeaderPage .uiHeaderTop .fsl { margin-top: 3px; } .uiHeaderNav { border-color: #EEEEEE; margin: 8px 0 0 6px; padding: 7px 6px 3px 5px; } .uiHeaderNavEmpty { padding-top: 6px; } .uiHeaderNav h4 { color: gray; } .uiHeaderSection, .uiSideHeader { background-color: #F2F2F2; border-bottom: medium none; border-top: 1px solid #E2E2E2; padding: 4px 6px 5px; } .uiLayer { outline: medium none; } .uiScrollableArea { direction: ltr; height: 100%; overflow: hidden; position: relative; width: 100%; } .uiScrollableAreaWrap { height: 100%; outline: medium none; overflow-x: hidden; overflow-y: auto; position: relative; width: 150%; } .native .uiScrollableAreaWrap, .native .uiScrollableAreaBody, .no_js .uiScrollableAreaWrap, .no_js .uiScrollableAreaBody { width: auto !important; } .uiScrollableAreaBody { direction: ltr; position: relative; } .uiScrollableAreaTrack { bottom: 2px; display: block; position: absolute; right: 2px; top: 2px; width: 7px; z-index: 5; } .uiScrollableArea .uiContextualLayerPositioner { z-index: 4; } .native .uiScrollableAreaTrack, .no_js .uiScrollableAreaTrack { display: none; } .fade .uiScrollableAreaTrack { opacity: 0; } .uiScrollableAreaGripper { -moz-transition: all 25ms ease 0s; background-clip: content-box; background-color: rgba(0, 0, 0, 0.4); border: 1px solid rgba(85, 85, 85, 0.6); border-radius: 7px 7px 7px 7px; position: absolute; width: 5px; } .uiScrollableArea.contentBefore:before, .uiScrollableArea.contentAfter:after { content: ""; display: block; height: 2px; position: absolute; width: 100%; z-index: 99; } .uiScrollableArea.contentBefore:before { top: 0; } .uiScrollableArea.contentAfter:after { background-color: rgba(0, 0, 0, 0.07); bottom: 0; } .uiTooltip { position: relative; } .uiTooltip:active, .uiTooltip:focus, .uiTooltip:hover { outline: medium none; text-decoration: none; } .uiTooltipWrap { display: none; } .uiTooltipWrap:hover { visibility: hidden; } .uiTooltipText { background-color: #282828; color: #FFFFFF !important; display: block; font-size: 11px; line-height: 14px; padding: 4px 8px; text-align: left; white-space: nowrap; } .uiTooltip:active .uiTooltipWrap, .uiTooltip:focus .uiTooltipWrap, .uiTooltip:hover .uiTooltipWrap { background: url("http://static.ak.fbcdn.net/rsrc.php/v2/y1/r/uVR6w3wRHEJ.gif") no-repeat scroll left bottom transparent; bottom: 100%; display: block; left: 0; padding: 0 0 4px; position: absolute; } .uiTooltip:active .center, .uiTooltip:focus .center, .uiTooltip:hover .center { left: 50%; margin-left: -10px; padding-left: 10px; } .uiTooltip .center .uiTooltipText { left: -50%; position: relative; } .uiTooltip .centerbottom .uiTooltipText { margin-left: 18px; } .uiTooltip:active .right, .uiTooltip:focus .right, .uiTooltip:hover .right { background-position: right bottom; left: auto; right: 0; } .uiTooltip:active .middle, .uiTooltip:focus .middle, .uiTooltip:hover .middle { background-image: url("http://static.ak.fbcdn.net/rsrc.php/v2/yR/r/kPCE0g_tKJs.gif"); background-position: right top; left: auto; margin: -4px 4px 0 0; padding: 4px; right: 100%; top: 50%; } .uiTooltip .middle .uiTooltipText { margin-top: -10px; } .uiTooltip:active .rightmiddle, .uiTooltip:focus .rightmiddle, .uiTooltip:hover .rightmiddle { background-image: url("http://static.ak.fbcdn.net/rsrc.php/v2/yY/r/_ZWZupdaAgS.gif"); background-position: left top; left: 100%; margin: -4px 0 0 4px; right: auto; } .uiTooltip:active .bottom, .uiTooltip:focus .bottom, .uiTooltip:hover .bottom { background-image: url("http://static.ak.fbcdn.net/rsrc.php/v2/yX/r/k2R_CZuPy2I.png"); background-position: left top; bottom: auto; padding: 4px 0 0; top: 100%; } .uiTooltip:active .rightbottom, .uiTooltip:focus .rightbottom, .uiTooltip:hover .rightbottom { background-position: right top; } .uiCollapsedList .visible { margin-right: 10px; } .uiCollapsedListHidden .showAll { list-style-type: none; } .uiCollapsedListVisible .showAll, .uiCollapsedListHidden .hiddenItem { display: none; } .uiCollapsedListNoSeparate .visible { margin-right: 3px; } .uiCollapsedListVisible .visible, .uiCollapsedListMiddot .visible { margin-right: 0; } .uiMediaThumb { background: none repeat scroll 0 0 #FFFFFF; border: 1px solid #CCCCCC; display: inline-block; outline: medium none; padding: 4px; position: relative; vertical-align: bottom; } .loading.uiMediaThumb { background: url("http://static.ak.fbcdn.net/rsrc.php/v2/yk/r/LOOn0JtHNzb.gif") no-repeat scroll center center transparent; } .loading.uiMediaThumb i { opacity: 0.3; } .uiMediaThumbSelected { background-color: #3B5998; border-color: #3B5998; } .uiMediaThumb:hover, .uiMediaThumb:hover .uiMediaThumbWrap, .uiMediaThumb:active, .uiMediaThumb:active .uiMediaThumbWrap, .uiMediaThumb:focus, .uiMediaThumb:focus .uiMediaThumbWrap { border-color: #3B5998; } .uiMediaThumb i { background-color: #EEEEEE; background-position: center 25%; background-repeat: no-repeat; display: block; } .uiMediaThumbSmall i { height: 54px; width: 73px; } .uiMediaThumbMedium i { height: 85px; width: 114px; } .uiMediaThumbLarge i { height: 116px; width: 149px; } .uiMediaThumbHuge i { height: 120px; width: 161px; } .uiMediaThumbAlb { margin-bottom: 4px; margin-right: 4px; } .uiMediaThumbWrap { background: none repeat scroll 0 0 #FFFFFF; border: 1px solid #CCCCCC; left: 4px; padding: 4px; position: absolute; top: 4px; } .uiMediaThumbAlbSmall, .uiMediaThumbSmall .uiMediaThumbWrap i { height: 49px; width: 68px; } .uiMediaThumbAlbMedium, .uiMediaThumbMedium .uiMediaThumbWrap i { height: 80px; width: 109px; } .uiMediaThumbAlbLarge, .uiMediaThumbLarge .uiMediaThumbWrap i { height: 111px; width: 144px; } .uiMediaThumbAlbHuge, .uiMediaThumbHuge .uiMediaThumbWrap i { height: 115px; width: 156px; } .uiMorePager .uiMorePagerPrimary { display: block; padding: 10px 15px; } .uiMorePager .uiMorePagerPrimary:hover { background-color: #D8DFEA; } .uiMorePager .uiMorePagerSecondary { margin: 10px 15px; } .uiMorePager .arrow { display: inline-block; vertical-align: top; } .uiMorePager .uiMorePagerLoader { display: none; padding: 11px 15px 9px; text-align: center; } .async_saving .uiMorePagerLoader { display: block; } .async_saving .uiMorePagerPrimary, .async_saving .uiMorePagerSecondary { display: none; } .uiMorePagerCenter { text-align: center; } .uiMorePagerLight .uiMorePagerPrimary, .uiMorePagerLight .uiMorePagerLoader { border-top: 1px solid #E5EAF1; padding: 6px 5px 10px; } .uiMorePagerLight .uiMorePagerPrimary:hover { background-color: #EDEFF4; border-top: 1px solid #D8DFEA; } .uiMorePagerLight .uiMorePagerSecondary { margin: 6px 5px; } .uiSideNavCount { background-color: #D8DFEA; border-radius: 2px 2px 2px 2px; color: #3B5998; font-weight: bold; left: -1px; padding: 0 4px; position: relative; } .uiSideNav .uiSideNavCount { padding-bottom: 2px; } .uiSideNavCountInline { display: inline-block; line-height: 15px; } .uiSideNav .async_saving .uiSideNavCount, .uiSideNav .loading .uiSideNavCount { display: none; } .hideNavCounts .uiSideNavCount { display: none; } .uiContextualDialogDefaultPadding { padding: 15px; } .uiContextualDialogFooter { padding: 6px 7px 6px 8px; } .uiContextualDialogPositioner, .uiContextualDialogPositioner .uiContextualDialog { outline: medium none; position: absolute; z-index: 200; } .uiContextualDialogFixed { position: fixed; } .uiContextualDialogAbove .uiContextualDialog { bottom: 0; } .uiContextualDialogBelow .uiContextualDialog { top: 0; } .uiContextualDialogLeft .uiContextualDialog, .uiContextualDialogRightAligned .uiContextualDialog { right: 0; } .uiContextualDialog, .uiContextualDialog:focus { outline: 0 solid transparent; } .uiContextualDialogArrow { overflow: hidden; position: absolute; } .uiContextualDialogArrowTop { padding-top: 10px; } .uiContextualDialogArrowRight { padding-right: 10px; } .uiContextualDialogArrowBottom { padding-bottom: 10px; } .uiContextualDialogArrowLeft { padding-left: 10px; } .uiContextualDialogArrowTop .uiContextualDialogArrow { background-image: url("http://static.ak.fbcdn.net/rsrc.php/v1/yi/r/Ce0Xa8hRU2A.png"); background-position: -105px -20px; background-repeat: no-repeat; height: 9px; top: 2px; width: 16px; } .uiContextualDialogArrowRight .uiContextualDialogArrow { background-image: url("http://static.ak.fbcdn.net/rsrc.php/v1/yi/r/Ce0Xa8hRU2A.png"); background-position: -10px -67px; background-repeat: no-repeat; height: 16px; right: 2px; width: 9px; } .uiContextualDialogArrowBottom .uiContextualDialogArrow { background-image: url("http://static.ak.fbcdn.net/rsrc.php/v1/yi/r/Ce0Xa8hRU2A.png"); background-position: -54px -20px; background-repeat: no-repeat; bottom: 2px; height: 9px; width: 16px; } .uiContextualDialogWithFooterArrowBottom .uiContextualDialogArrow { background-image: url("http://static.ak.fbcdn.net/rsrc.php/v1/yi/r/Ce0Xa8hRU2A.png"); background-position: -71px -20px; background-repeat: no-repeat; } .uiContextualDialogHoverFooterArrow .uiContextualDialogArrow { background-image: url("http://static.ak.fbcdn.net/rsrc.php/v1/yi/r/Ce0Xa8hRU2A.png"); background-position: -88px -20px; background-repeat: no-repeat; } .uiContextualDialogArrowLeft .uiContextualDialogArrow { background-image: url("http://static.ak.fbcdn.net/rsrc.php/v1/yi/r/Ce0Xa8hRU2A.png"); background-position: 0 -67px; background-repeat: no-repeat; height: 16px; left: 2px; width: 9px; } .uiContextualDialogFooterLink { background: none repeat scroll 0 0 #F2F2F2; border-top: 1px solid #E0E0E0; display: block; font-weight: bold; padding: 7px; text-align: center; } .uiContextualDialogFooterLink:hover { background: none repeat scroll 0 0 #6D84B4; border-color: #3B5998; color: #FFFFFF; text-decoration: none; } .uiContextualLayerPositioner { height: 0; position: absolute; z-index: 200; } .uiContextualLayer { position: absolute; } div.uiContextualLayerPositionerFixed { position: fixed; } .uiContextualLayerParent { position: relative; } .uiOverlay { position: relative; z-index: 200; } .uiOverlayContent { -moz-border-bottom-colors: none; -moz-border-image: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; background: none repeat scroll 0 0 #FFFFFF; border-color: rgba(0, 0, 0, 0.45) rgba(0, 0, 0, 0.45) #666666; border-style: solid; border-width: 1px; box-shadow: 0 3px 8px rgba(0, 0, 0, 0.3); position: relative; } .uiOverlayFooter { text-align: right; } .uiOverlayFooterMessage { width: 100%; } .uiOverlayFooterButtons { white-space: nowrap; } .uiTooltipX { position: relative; } .uiTooltipX .tooltipContent { background-color: #282828; color: #FFFFFF; font-size: 11px; line-height: 14px; padding: 4px 8px; text-align: left; white-space: nowrap; } .uiTooltipX .tooltipText { max-width: 334px; } .uiTooltipX .tooltipWrap { white-space: normal; width: 334px; word-wrap: break-word; } .uiTooltipX .tooltipText span { } .uiTooltipX i.arrow { border: 4px solid transparent; font-size: 0; height: 0; line-height: 0; position: absolute; width: 0; } .aboveleft .uiTooltipX, .aboveright .uiTooltipX, .abovecenter .uiTooltipX { margin-bottom: 1px; padding-bottom: 4px; } .aboveleft .uiTooltipX i.arrow, .aboveright .uiTooltipX i.arrow, .abovecenter .uiTooltipX i.arrow { border-bottom: 0 none; border-top-color: #282828; bottom: 0; } .belowleft .uiTooltipX, .belowright .uiTooltipX, .belowcenter .uiTooltipX { margin-top: 1px; padding-top: 4px; } .belowleft .uiTooltipX i.arrow, .belowright .uiTooltipX i.arrow, .belowcenter .uiTooltipX i.arrow { border-bottom-color: #282828; border-top: 0 none; top: 0; } .aboveleft .uiTooltipX i.arrow, .belowleft .uiTooltipX i.arrow { left: 5px; } .aboveright .uiTooltipX i.arrow, .belowright .uiTooltipX i.arrow { right: 5px; } .abovecenter .uiTooltipX i.arrow, .belowcenter .uiTooltipX i.arrow { left: 50%; margin-left: -4px; } .left .uiTooltipX { margin-right: 1px; padding-right: 4px; } .left .uiTooltipX i.arrow { border-left-color: #282828; border-right: 0 none; right: 0; top: 6px; } .right .uiTooltipX { margin-left: 1px; padding-left: 4px; } .right .uiTooltipX i.arrow { border-left: 0 none; border-right-color: #282828; left: 0; top: 6px; } .uiProfilePhotoHugeBadCrop { background-position: center 25%; } .uiProfilePhotoHuge { height: 100px; width: 100px; } .uiProfilePhotoLarge { height: 50px; width: 50px; } .uiProfilePhotoMedium { height: 32px; width: 32px; } .uiProfilePhotoSmall { height: 24px; width: 24px; } .uiTypeaheadView { display: block; left: 0; position: absolute; top: 100%; width: 100%; } .uiContextualLayer .uiTypeaheadView { position: static; } .uiTypeaheadView ul { -moz-border-bottom-colors: none; -moz-border-image: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; background: none repeat scroll 0 0 #FFFFFF; border-color: #333333 #333333 #293E6A; border-style: solid; border-width: 1px 1px 2px; overflow: hidden; padding: 2px 0; } .uiTypeaheadView .freeform { border-top-color: #DDDDDD; padding: 2px 6px 1px; text-align: center; } .uiTypeaheadView li { -moz-border-bottom-colors: none; -moz-border-image: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; border-color: #FFFFFF; border-style: solid; border-width: 1px 0; color: #333333; cursor: pointer; display: block; min-height: 1px; padding: 0 6px; position: relative; } .uiTypeaheadView strong { background-color: #D8DFEA; color: #3B5998; } div.uiTypeaheadView .selected { background-color: #6D84B4; border-color: #3B5998; } .uiTypeaheadView .selected, .uiTypeaheadView .selected a, .uiTypeaheadView .selected div, .uiTypeaheadView .selected span { color: #FFFFFF !important; } .uiTypeaheadView .selected strong { background-color: #5670A6; } .uiTypeaheadView .text, .uiTypeaheadView .subtext, .uiTypeaheadView .category { display: block; padding-bottom: 2px; } .uiTypeaheadView .category { color: #666666; } .uiTypeaheadView .subtext { color: #999999; } .uiTypeaheadView .arrow { background: url("http://static.ak.fbcdn.net/rsrc.php/v2/yV/r/IJYgcESal33.png") repeat scroll 0 -413px transparent; display: inline-block; height: 7px; margin-left: 4px; width: 4px; } .uiTypeaheadView .selected .arrow { background-position: 0 -420px; } div.uiTypeaheadView li.calltoaction { background: none repeat scroll 0 0 #F7F7F7; border-bottom: medium none #DDDDDD; border-color: #DDDDDD; display: block; margin: 2px 0 -2px; min-height: 1px; padding: 8px; text-align: center; } div.uiTypeaheadView li.calltoaction.selected { background: none repeat scroll 0 0 #6D84B4; border-color: #3B5998; } div.typeaheadViewLoading li.calltoaction span.text { visibility: hidden; } div.typeaheadViewLoading li.calltoaction { background: url("http://static.ak.fbcdn.net/rsrc.php/v2/yb/r/GsNJNwuI-UM.gif") no-repeat scroll 50% 50% #F7F7F7; } div.typeaheadViewLoading li.calltoaction.selected { background: url("http://static.ak.fbcdn.net/rsrc.php/v2/y-/r/AGUNXgX_Wx3.gif") no-repeat scroll 50% 50% #6D84B4; } .uiTypeaheadView .bucketed ul { padding: 0; } .uiTypeaheadView .bucketed .header { background-color: #F2F2F2; border-bottom: medium none; border-top: 1px solid #E2E2E2; margin-top: 4px; min-height: 10px; padding: 2px 15px 2px 6px; } .uiTypeaheadView .bucketed .header:first-child { border-top: medium none; margin-top: 0; } .uiTypeaheadView .bucketed .header .text { color: #000000 !important; } .uiTypeahead { -moz-border-bottom-colors: none; -moz-border-image: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; background: none repeat scroll 0 0 #FFFFFF; border-color: #BDC7D8; border-style: solid; border-width: 1px 0; cursor: default; position: relative; } .uiTypeahead .wrap { -moz-border-bottom-colors: none; -moz-border-image: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; border-color: #BDC7D8; border-style: solid; border-width: 0 1px; } .uiTypeahead .innerWrap { overflow: hidden; } .uiTypeahead .textInput { -moz-box-sizing: border-box; background-color: transparent; border: 0 none; outline: 0 none; width: 100%; } .uiTypeahead .selected { background-color: #E2E8F6; } .uiTypeaheadDisabled, .uiTypeaheadDisabled div.wrap { border-color: #CCCCCC; } .uiTypeaheadDisabled div.wrap { background: none repeat scroll 0 0 #E2E2E2; } .uiTypeaheadDisabled div.wrap .textInput { color: #333333; } .uiTypeaheadView .basic img { display: block; float: left; padding-right: 4px; } div.uiTypeaheadView .basic .calltoaction { padding: 3px; } .uiTypeaheadView .compact li { min-height: 32px; padding: 2px 10px 2px 45px; } .uiTypeaheadView .compact .splitpics, .uiTypeaheadView .compact img { display: block; height: 32px; left: 6px; position: absolute; width: 32px; } .uiTypeaheadView .compact .text { font-weight: bold; } .uiTypeaheadView .compact .details { color: #999999; padding-top: 0; } .uiTypeaheadView .compact .detailsContents { position: relative; } .uiTypeaheadView .compact .splitpic { float: left; overflow: hidden; width: 15px; } .uiTypeaheadView .compact .splitpics img { left: 0; margin-left: -8px; position: static; } .uiTypeaheadView .compact .splitpics .leftpic { margin-right: 1px; width: 16px; } .uiTypeaheadView .compact .splitpics .toppic { height: 15px; margin-bottom: 1px; } .uiTypeaheadView .compact .splitpics .bottompic { height: 16px; } .uiTypeaheadView .compact .splitpics .toppic img, .uiTypeaheadView .compact .splitpics .bottompic img { margin-top: -8px; } .uiTypeaheadView .compact .friendlist img { background-color: transparent; } .autoexpand_mode .feedback_toggle_link { display: none; } .UIActionLinks .uiLinkButton, .UIActionLinks .uiLinkButton input, .UIActionLinks .uiLinkButton input:hover { color: #6B84B4; font-weight: normal; vertical-align: baseline; } .collapsed_comments .uiUfi { display: none; } .uiUfi { margin: 0; padding-top: 2px; width: 398px; } .uiUfi .ufiItem { background-color: #EDEFF4; margin-top: 1px; padding: 5px 5px 4px; } ul.uiUfi .ufiItem { border-bottom: 1px solid #D2D9E7; } .uiUfi .uiUfiSpamItem { background-color: #F6F7FA; } .uiUfi .uiUfiRemovedSpamItem { background-color: #EDEFF4; } .uiUfi .uiUfiSpamItem .actorName, .uiUfi .uiUfiSpamItem .actorPic, .uiUfi .uiUfiSpamItem .commentBody, .uiUfi .uiUfiSpamItem .uiLinkSubtle { opacity: 0.5; } .uiUfi .uiUfiUnseenItem { border-left: 2px solid #A8B2CE; padding-left: 3px; } .uiUfi .highlightComment { background-color: #FFF9D7; } .uiUfi .ufiNub { margin-bottom: -2px; margin-top: 0; } .uiUfi .ufiNub i { background-image: url("http://static.ak.fbcdn.net/rsrc.php/v2/y7/r/UvyvLtJTQzO.png"); background-position: 0 0; background-repeat: no-repeat; display: block; height: 5px; margin-left: 17px; width: 9px; } .uiUfi .uiUfiViewAll .uiLinkButton, .uiUfi .uiUfiViewReposts a { display: block; } .uiUfiAddComment .actorPic { float: left; margin-right: 6px; } .uiUfiAddComment .commentArea { padding: 0 !important; } .uiUfiAddComment .commentBox { padding: 0 8px 0 0; } .uiUfiAddComment .commentBtn { float: right; } .uiUfiAddComment .textBox { display: block; margin: 0; width: 100%; } .child_is_active .uiUfiAddCommentCollapsed .textBox, .child_was_focused .commentArea .inlineShareBox .textBox, .uiUfiAddComment .textBox { height: 29px; } .uiUfiAddCommentCollapsed .textBox { height: 14px; } .hidden_add_comment .uiUfiAddComment, .uiUfiAddCommentCollapsed .actorPic, .uiUfiAddComment .commentBtn, .uiUfiAddCommentCollapsed .sendOnEnterTip, .uiUfiAddCommentCollapsed .commentBoxSubtitle, .commentUndoTip { display: none; } .child_is_active .uiUfiAddCommentCollapsed .actorPic, .child_is_active .uiUfiAddComment .commentBtn, .child_is_active .sendOnEnterTip, .child_is_active .commentBoxSubtitle, .commentUndone .child_is_focused .commentUndoTip { display: block; } .commentUndone .commentBoxSubtitle, .commentUndone .sendOnEnterTip { display: none; } .uiUfiAddTip { padding-left: 0; padding-top: 1px; } .uiUfiAddComment .mentionsAddComment .commentBox { padding: 0; } .uiUfiAddComment .mentionsAddComment .mentionsTypeahead .wrap { padding: 3px; } .uiUfiAddComment .mentionsAddComment .textBoxContainer { background-color: #FFFFFF; } .uiUfiAddComment .mentionsAddComment .textBox { padding: 0; } .uiUfiComment .commentContent { padding-top: 1px; } .uiUfiComment .actorName { font-weight: bold; } .uiUfiComment .commentActions { padding-top: 2px; } .uiUfiComment .deleteAction, .uiUfiComment .commentHideSelector .uiSelectorButton, .uiUfiComment .commentRemoverButton { opacity: 0; } .uiUfiComment .socialContext a { color: gray; } .uiUfiComment:hover .deleteAction, .uiUfiComment:hover .commentHideSelector .uiSelectorButton, .uiUfiSpamItem .commentRemoverButton, .uiUfiSpamItem .commentHideSelector .uiSelectorButton, .uiUfiComment .commentHideSelector .openToggler .uiSelectorButton, .uiUfiComment:hover .commentRemoverButton { opacity: 1; } .uiUfiComment .commentHideSelector.editSelector .uiCloseButton { background-image: url("http://static.ak.fbcdn.net/rsrc.php/v2/yA/r/ZeVGbS5oL4o.png"); } .uiUfiPreview .commentContent { display: block; overflow: hidden; width: auto; } .uiUfiFailureShow, .uiUfiCommentFailed .uiUfiFailureHide { display: none; } .uiUfiCommentFailed .uiUfiFailureShow { display: block; } .uiUfiCommentFailed { background: none repeat scroll 0 0 #F2F2F2 !important; border-left: 2px solid #AAA7A2; } .uiUfiCommentFailed .actorName, .uiUfiCommentFailed { color: gray; } .uiUfiCommentFailed .uiUfiFailureMessage { color: #111111; } .uiUfiSmall .commentArea .textBox { height: 14px; } .text_exposed_root { display: inline; } .text_exposed .text_exposed_show { display: inline; } .text_exposed_show, .text_exposed .text_exposed_hide { display: none; } .text_exposed_link { font-size: 9px; padding: 0 12px 0 0; white-space: nowrap; } .text_exposed_link_icon { margin: 0 0 -1px 4px; } .text_exposed .text_exposed_link { display: none !important; } .fbChatOrderedList .item, .fbChatOrderedList .separator { float: left; width: 100%; } .fbChatOrderedList .item a { color: #333333; display: block; padding: 2px 8px 2px 10px; position: relative; } .fbChatOrderedList .item a:hover, .fbChatOrderedList .item a.selected { background-color: #E0E4EE; text-decoration: none; } .fbChatOrderedList .item .pic { float: left; height: 28px; margin-right: 8px; width: 28px; } .fbChatOrderedList .item .name { line-height: 28px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .fbChatOrderedList .item .icons { float: right; height: 28px; line-height: 24px; margin-left: 4px; } .fbChatOrderedList .item .icon { margin-right: 4px; vertical-align: middle; } .fbChatOrderedList .item .status { display: inline-block; height: 14px; width: 7px; } .fbChatOrderedList .item .timeline_icon { display: none; height: 21px; outline: medium none; width: 19px; } .fbChatOrderedList .item:hover .timeline_icon { background-image: url("http://static.ak.fbcdn.net/rsrc.php/v1/yy/r/l99moeWAIeK.png"); background-position: -277px -15px; background-repeat: no-repeat; display: inline-block; } .fbChatOrderedList .item:hover .timeline_icon:active { background-image: url("http://static.ak.fbcdn.net/rsrc.php/v1/yy/r/l99moeWAIeK.png"); background-position: -257px -15px; background-repeat: no-repeat; } .fbChatOrderedList .item.active .status { background-image: url("http://static.ak.fbcdn.net/rsrc.php/v1/yi/r/Ce0Xa8hRU2A.png"); background-position: -845px -397px; background-repeat: no-repeat; } .fbChatOrderedList .item.mobile .status { background-image: url("http://static.ak.fbcdn.net/rsrc.php/v1/yi/r/Ce0Xa8hRU2A.png"); background-position: -75px -30px; background-repeat: no-repeat; height: 12px; width: 8px; } .fbChatOrderedList .item.greenring .status { background-image: url("http://static.ak.fbcdn.net/rsrc.php/v1/yy/r/l99moeWAIeK.png"); background-position: -300px 0; background-repeat: no-repeat; } .fbChatOrderedList .item.greenphone .status { background-image: url("http://static.ak.fbcdn.net/rsrc.php/v1/yy/r/l99moeWAIeK.png"); background-position: -297px -15px; background-repeat: no-repeat; height: 12px; width: 8px; } .fbChatOrderedList .item.invis { opacity: 0.3; } .fbChatOrderedList .separator { -moz-user-select: -moz-none; display: table; height: 32px; } .fbChatOrderedList .separator .outer { display: table-cell; vertical-align: middle; } .fbChatOrderedList .separator .outer .inner { cursor: pointer; position: relative; text-align: center; top: -50%; z-index: 1; } .fbChatOrderedList .separator .text { background-color: #FFFFFF; color: #989DB3; display: inline-block; font-size: 9px; font-weight: bold; padding: 0 5px; text-transform: uppercase; } .fbChatOrderedList .separator .subheaderText { color: #989DB3; display: block; padding: 0 25px 5px; text-align: center; } .fbChatOrderedList .subheaderText a { color: #6D84B4; } .fbChatOrderedList .separator .dive { left: 0; position: absolute; top: 50%; width: 100%; z-index: -1; } .fbChatOrderedList .separator .dive .bar { border-bottom: 2px solid #CCD0DA; display: block; margin: 0 5px; } .uiContextualDialogContent .orderedListHovercard { margin: 10px; } div.fbChatSidebarDropdown .uiCloseButton { background-image: url("http://static.ak.fbcdn.net/rsrc.php/v1/yi/r/Ce0Xa8hRU2A.png"); background-position: 0 -5px; background-repeat: no-repeat; border: 0 none; height: 24px; width: 26px; } div.fbChatSidebarDropdown .uiCloseButton:hover { background-color: #FFFFFF; } div.fbChatSidebarDropdown .openToggler .uiCloseButton { -moz-border-bottom-colors: none !important; -moz-border-image: none !important; -moz-border-left-colors: none !important; -moz-border-right-colors: none !important; -moz-border-top-colors: none !important; background-image: url("http://static.ak.fbcdn.net/rsrc.php/v1/yi/r/Ce0Xa8hRU2A.png"); background-position: -27px -5px; background-repeat: no-repeat; border-color: -moz-use-text-color #3B5998 !important; border-style: none solid !important; border-width: 0 1px !important; margin: 0 -1px; } div.fbChatSidebarDropdown .openToggler .uiSelectorMenuWrapper { margin-right: -1px; } .fbChatSidebarDropdown .uiMenuItem .itemLabel { white-space: normal; width: 120px; } .fbChatSidebarDropdown .uiMenu .disabled { display: none; } .fbChatSidebarDropdown .uiMenu .checked .itemAnchor { font-weight: normal; } .offline .fbChatGoOnlineItem, .fbChatGoOfflineItem { display: block; } .offline .fbChatGoOfflineItem, .fbChatGoOnlineItem { display: none; } .fbSidebarGripper { border-bottom: 1px solid #E9EAEE; border-top: 1px solid #CAD0DB; cursor: ns-resize; width: 100%; } .fbSidebarGripper div { background: none repeat scroll 0 0 #E7E9EF; border-bottom: 1px solid #C1C9D5; border-top: 1px solid #F0F1F6; height: 4px; position: relative; } .fbSidebarGripper div span { background: none repeat scroll 0 0 #F0F1F6; border-top: 1px solid #CAD0DB; display: block; height: 1px; left: 50%; margin-left: -6px; margin-top: 1px; position: absolute; width: 12px; } .sidebarMode #chatFriendsOnline, .sidebarMode #fbDockChatBuddylistNub.fbNub, .sidebarMode #fbChatErrorNub { display: none; } .sidebarMode #pageHead, .sidebarMode #globalContainer { left: -90px; position: relative; } .sidebarMode .liquid #globalContainer { margin: 0 90px; } .sidebarMode .fbDockWrapper { right: 175px; } .fbChatSidebar .fbChatTypeahead, .fbChatSidebar .fbChatTypeahead .wrap { border: 0 none; } .fbChatSidebar .fbChatTypeahead .textInput { -moz-box-sizing: border-box; background-color: #F4F6F9; background-image: url("http://static.ak.fbcdn.net/rsrc.php/v1/yy/r/l99moeWAIeK.png"); background-position: left -23px; background-repeat: no-repeat; box-shadow: 2px 0 0 -1px #E0E2E9 inset, 0 1px #FFFFFF inset; color: #555555; height: 24px; padding-left: 20px; padding-right: 25px; } .fbChatSidebar .fbChatTypeahead .textInput:focus { background-color: #FFFFFF; } .fbChatSidebar { background-clip: padding-box; background-color: #F2F4F8; border-left: 1px solid rgba(0, 0, 0, 0.4); box-shadow: 2px 0 2px -2px #B2B9C9 inset; display: none; position: fixed; right: 0; top: 0; width: 179px; z-index: 300; } .sidebarMode .fbChatSidebar { display: block; } .fbChatSidebar .fbChatSidebarBody { overflow-x: hidden; overflow-y: auto; position: relative; } .fbChatSidebar .scrollableOrderedList { height: 100%; width: 100% !important; } .fbChatSidebar .scrollableOrderedList .uiScrollableAreaTrack { top: 10px; } .fbChatSidebar .fbChatOrderedList, .fbChatSidebar .fbChatTypeaheadView { padding-top: 8px; } .fbChatSidebar .fbChatOrderedList .item a:hover { box-shadow: 2px 0 2px -2px #B2B9C9 inset; } .fbChatSidebar .fbChatOrderedList .separator .text { background-color: #F2F4F8; } .fbChatSidebar .fbChatSidebarMessage { background-color: #FFFFFF; border-top: 1px solid #CCD0DB; box-shadow: 0 1px #FAFAFA inset; display: none; padding: 8px; } .fbChatSidebar.notice .fbChatSidebarMessage, .fbChatSidebar.error .fbChatSidebarMessage, .fbChatSidebar.offline .fbChatSidebarMessage { display: block; } .fbChatSidebar .fbChatSidebarMessage .img { float: left; margin-top: 3px; } .fbChatSidebar.notice .fbChatSidebarMessage .img { display: none; } .fbChatSidebar.error .fbChatSidebarMessage .img { margin-top: 7px; } .fbChatSidebar.offline .fbChatSidebarMessage .img { background-image: url("http://static.ak.fbcdn.net/rsrc.php/v1/ye/r/SJMMHV014Gr.png"); background-position: -102px -45px; background-repeat: no-repeat; height: 10px; width: 16px; } .fbChatSidebar.error .fbChatSidebarMessage .img { background-image: url("http://static.ak.fbcdn.net/rsrc.php/v1/yi/r/Ce0Xa8hRU2A.png"); background-position: -217px -50px; background-repeat: no-repeat; height: 13px; width: 14px; } .fbChatSidebar.offline .fbChatSidebarMessage .message, .fbChatSidebar.error .fbChatSidebarMessage .message { margin-left: 24px; } .fbChatSidebar .fbChatSidebarMessage .message .fbChatReconnectLink { white-space: nowrap; } .fbChatSidebar .fbChatSidebarFooter { border-top: 1px solid #C9D0DA; bottom: 0; position: absolute; } .fbChatSidebar .fbChatSidebarFooter td:first-child { vertical-align: top; width: 100%; } .fbChatSidebar .fbChatSidebarFooter .button { border-left: 1px solid #C9D0DA; box-shadow: 0 1px #FFFFFF inset; display: block; height: 24px; width: 26px; } .fbChatSidebar .fbChatSidebarFooter .button:hover { background-color: #FFFFFF; } .fbChatSidebar .fbChatSidebarFooter .toggle { background-image: url("http://static.ak.fbcdn.net/rsrc.php/v1/yy/r/l99moeWAIeK.png"); background-position: -230px -15px; background-repeat: no-repeat; } .fbChatSidebar .fbChatTypeaheadView { bottom: 0; position: absolute; top: auto; width: 100%; } .fbChatTypeahead .throbber { display: none; margin-top: -5px; position: absolute; right: 6px; top: 50%; } .fbChatTypeahead.hasValue .clear, .fbChatTypeahead.hasValue.typeaheadLoading .throbber { display: block; } .fbChatTypeahead.typeaheadLoading .clear { display: none; } .fbChatTypeaheadView li { color: #333333; cursor: pointer; padding: 2px 20px 2px 10px; position: relative; } .fbChatTypeaheadView li.selected { background-color: #E0E4EE; } .fbChatTypeaheadView li img { float: left; height: 28px; margin-right: 5px; width: 28px; } .fbChatTypeaheadView li .text { display: block; line-height: 28px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .fbChatTypeaheadView li i { display: block; height: 14px; margin-top: -7px; position: absolute; right: 8px; top: 50%; width: 7px; } .fbChatTypeaheadView li.active i { background-image: url("http://static.ak.fbcdn.net/rsrc.php/v1/yi/r/Ce0Xa8hRU2A.png"); background-position: -845px -397px; background-repeat: no-repeat; } .fbChatTypeaheadView li.mobile i { background-image: url("http://static.ak.fbcdn.net/rsrc.php/v1/yi/r/Ce0Xa8hRU2A.png"); background-position: -75px -30px; background-repeat: no-repeat; height: 12px; margin-top: -6px; right: 9px; width: 8px; } .fbChatTypeaheadView li.invis { opacity: 0.3; } .fbChatTypeaheadView .noResults { padding: 10px; } .downloadDialogPositioner .downloadDialog { position: fixed; } .downloadDialogTopLeft .downloadDialog { left: 10px; top: 48px; } .downloadDialogBottomLeft .downloadDialog { bottom: 10px; left: 10px; } .downloadDialogIE9Bottom .downloadDialog { bottom: 108px; left: 10px; } .downloadDialogTitle { background-color: #EDEFF4; border-bottom: 1px solid #E5EAF1; } .downloadDialogStep .downloadDialogStepLabel { padding-top: 3px; } .sidebarMode.ticker .fbDockWrapper { right: 205px; } .sidebarMode.ticker.theaterMode .fbDockWrapper { right: 220px; } .sidebarMode.ticker .tickerStoryContent { max-width: 158px; } .sidebarMode.ticker .fbChatSidebar, .sidebarMode.ticker .fbChatSidebar .uiScrollableAreaBody { width: 205px !important; } .sidebarMode.ticker .fbChatSidebar .tickerHeader { display: none; } .sidebarMode.ticker .fbChatSidebar .ticker_container { border: 0 none !important; height: 100% !important; width: 205px !important; } .sidebarMode.ticker .fbChatSidebar .scrollTopPrompt { width: 205px !important; } .sidebarMode.ticker .fbChatSidebar .fbFeedTicker { height: 100% !important; width: 100%; } .sidebarMode.ticker .fbChatSidebar .uiSideHeader { background-color: #D8DFEA !important; border-bottom: 1px solid #CCD4E2 !important; border-top: 0 none !important; margin-bottom: 0; } .sidebarMode.ticker .fbChatSidebar .tickerStoryBlock { margin-left: 0 !important; } .sidebarMode.ticker .fbChatSidebar .fbFeedTicker .fbFeedTickerStory { background-color: transparent; border-bottom-color: transparent; border-top-color: #D8DFEA; line-height: 13px; padding-right: 5px; } .sidebarMode.ticker .fbChatSidebar .fbFeedTicker .tickerStoryClickable:hover { border-bottom-color: transparent !important; box-shadow: 2px 0 2px -2px #B2B9C9 inset; } .sidebarMode.ticker .fbChatSidebar .fbFeedTicker .tickerStoryHidden, .sidebarMode.ticker .fbChatSidebar .fbFeedTicker .tickerStoryHidden:hover { background-color: transparent !important; border-bottom-color: transparent !important; border-top-color: #D8DFEA !important; } .sidebarMode.ticker .fbChatSidebar .fbChatOrderedList .item a, .sidebarMode.ticker .fbChatSidebar .fbChatTypeaheadView li { padding-left: 2px !important; } .sidebarMode.ticker .fbChatSidebar #pagelet_ticker { height: 50%; overflow: hidden; position: relative; } .sidebarMode.ticker .fbChatSidebar .uiProfilePhoto, .sidebarMode.ticker .fbChatSidebar .fbChatOrderedList .item .pic, .sidebarMode.ticker .fbChatSidebar .fbChatTypeaheadView li img { height: 28px !important; margin-left: 3px !important; width: 28px !important; } .sidebarMode.ticker .fbChatSidebar .fbFeedTicker .tickerStorySelected, .sidebarMode.ticker .fbChatSidebar .fbFeedTicker .tickerStorySelected:hover { background-position: 11px 15px; border-bottom-color: #A8B2CE !important; box-shadow: 2px 0 2px -2px #B2B9C9 inset; } .sidebarMode.ticker .fbChatSidebar .fbFeedTicker .fbFeedTickerStory.tickerNuxStory { background-color: #FFFFFF; border-bottom: 1px solid #B0B0B0; border-top: 1px solid #FFFFFF; padding: 8px 8px 9px 10px; width: 190px; z-index: 10; } #modalMaskOverlay { background-color: #FFFFFF; height: 100%; opacity: 0.8; position: fixed; top: 0; width: 100%; z-index: 199; } .megaphone_story_wrapper { margin-bottom: 20px; } .dialog_content .megaphone_story_wrapper { margin-bottom: 0; } .megaphone_story { overflow: hidden; position: relative; } .megaphone_story .megaphone_content { font-size: 11px; } .megaphone_story .megaphone_hide_link { float: right; } .megaphone_story_highlighted { background-color: #FCF5D0; border: 1px solid #CBB631; } .megaphone_box { background-color: #F5F7FA; border: 1px dashed #CED5E5; } .hasLeftCol .megaphone_box { border-width: 0 0 1px; margin-left: -20px; margin-top: -15px; } #headerArea .megaphone_box { margin-right: -20px; margin-top: -17px; } .megaphone_location_friends { margin: 0; } .megaphone_location_privacy { margin-left: auto; margin-right: auto; width: 760px; } .timelineLayout .megaphone_location_managed_profile_admin .megaphone_box { border-top: 1px dashed #CED5E5; } .uiSelectorBottomUp .openToggler .uiSelectorButton, .uiSelectorBottomUp .openToggler .uiSelectorButton:active, .uiSelectorBottomUp .openToggler .uiSelectorButton:focus, .uiSelectorBottomUp .openToggler .uiSelectorButton:hover, .uiSelectorBottomUp .openToggler .uiButtonSuppressed, .uiSelectorBottomUp .openToggler .uiButtonSuppressed:active, .uiSelectorBottomUp .openToggler .uiButtonSuppressed:focus, .uiSelectorBottomUp .openToggler .uiButtonSuppressed:hover { -moz-border-bottom-colors: none; -moz-border-image: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; border-color: #6D84B4 #3B5998 #3B5998; border-right: 1px solid #3B5998; border-style: solid; border-width: 1px; } .uiSelectorBottomUp .uiSelectorMenuWrapper { bottom: 100%; margin-bottom: -2px; top: auto; } .uiToken { background: none repeat scroll 0 0 #E2E6F0; border: 1px solid #9DACCC; border-radius: 2px 2px 2px 2px; color: #1C2A47; cursor: default; display: block; float: left; height: 14px; margin: 0 4px 4px 0; padding: 0 3px; position: relative; white-space: nowrap; } .uiToken .remove { margin: 2px 0 -2px 1px; outline: medium none; } .uiTokenSelected { background-color: #6D84B4; border-color: #3B5998; color: #FFFFFF; } .uiTokenizer { background: none repeat scroll 0 0 #FFFFFF; } .uiNormalTokenizer .uiTypeahead { width: 100%; } .uiNormalTokenizer .tokenarea { overflow: hidden; padding-top: 6px; } .uiClearableTypeahead .selected .clear { display: block; } .uiClearableTypeahead .clear, .uiTypeaheadDisabled .selected .clear { display: none; margin-top: -7px; position: absolute; right: 3px; top: 50%; } .uiClearableTypeahead .selected { padding-right: 16px; } .uiTypeaheadDisabled .selected { padding-right: 0; } .uiInputLabel + .uiInputLabel { margin-top: 3px; } .uiInputLabel + .inlineBlock.uiInputLabel { margin-left: 10px; margin-top: 0; } .uiInputLabelRadio, .uiInputLabelCheckbox { float: left; margin: 0; padding: 0; } .uiInputLabelRadio { margin-top: 1px; } .uiInputLabel label { color: #333333; display: block; font-weight: normal; margin-left: 17px; vertical-align: baseline; } #chatFriendsOnline .chatGoOnlineLink span { background: url("http://static.ak.fbcdn.net/rsrc.php/v2/yW/r/AebrcwrBeG6.png") no-repeat scroll right 3px transparent; padding: 0 12px 0 2px; } #chatFriendsOnline .chatGoOnlineLink, #chatFriendsOnline .chatGoOnlineLink:hover, #chatFriendsOnline .chatReconnectLink, #chatFriendsOnline .chatReconnectLink:hover { margin: 3px 0 0 7px; text-decoration: none; } #chatFriendsOnline .fbChatReconnecting { display: inline-block; } #chatFriendsOnline .chatGoOnlineLink .img { background-image: url("http://static.ak.fbcdn.net/rsrc.php/v2/yi/r/Ce0Xa8hRU2A.png"); background-position: -136px -50px; background-repeat: no-repeat; height: 16px; width: 15px; } #chatFriendsOnline .chatReconnectLink .img { background-image: url("http://static.ak.fbcdn.net/rsrc.php/v2/yi/r/Ce0Xa8hRU2A.png"); background-position: -217px -50px; background-repeat: no-repeat; height: 13px; margin-top: 7px; width: 14px; } #chatFriendsOnline .fbChatOfflineMessage, #chatFriendsOnline .fbChatDisconnectedMessage { padding: 0 5px 0 1px; } #chatFriendsOnline.disconnected .uiFacepileItem .img { opacity: 0.3; } #chatFriendsOnline .typeaheadContainer td:first-child { width: 100%; } #chatFriendsOnline .sidebarBtn { display: none; margin-left: 3px; } .sidebarCapable #chatFriendsOnline .sidebarBtn { display: inline-block; } .profileItemImg { height: 16px; width: 16px; } .fbReminders .fbRemindersHeader { margin-bottom: 6px; } .fbReminders .fbRemindersStory { padding: 3px 5px; } .fbReminders .fbRemindersStory .fbRemindersRemove { display: none; margin-top: -1px; } .fbReminders .fbRemindersStory:hover { background-color: #ECEFF5; cursor: pointer; } .fbReminders .fbRemindersStory:hover a { text-decoration: none; } .fbReminders .fbRemindersStory:hover .fbRemindersRemove { display: block; } .fbReminders .fbRemindersStory .fbRemindersTitle { color: #3B5998; } .fbRemindersContent .fbRemindersFooter { text-align: center; } .uiMoreLinkCaret { margin-left: 2px; padding-bottom: 2px; } .uiToolbarBordered { margin: 0 -7px; padding: 6px 7px 6px 1px; } .uiToolbar .uiToolbarItem { float: left; margin-left: 6px; vertical-align: top; } .uiToolbarUnbordered .uiToolbarItem:first-child { margin-left: 0; } .uiToolbar .uiToolbarDivider { background: none repeat scroll 0 0 #D6D6D6; height: 22px; width: 1px; } .uiFacepileSmall ul { margin-top: -2px; } .uiFacepileMedium ul { margin-top: -1px; } .uiFacepileLarge ul { margin-top: -3px; } .uiFacepile .link { display: inline-block; position: relative; } .uiFacepile .uiFacepileItem .img { vertical-align: bottom; } .uiFacepileSmall .uiFacepileItem { margin: 2px 2px 0 0; } .uiFacepileMedium .uiFacepileItem { margin: 1px 1px 0 0; } .uiFacepileLarge .uiFacepileItem { margin: 3px 3px 0 0; } .uiFacepile li:last-child .img { margin-right: 0; } .uiFacepile .showAll { width: 100%; } .uiFacepile .showAllLink { border-color: #7792BA; border-width: 1px 0 0; padding: 3px; vertical-align: middle; } .uiFacepileSmall .showAllLink { line-height: 18px; margin: 2px 2px 0 0; } .uiFacepileMedium .showAllLink { line-height: 24px; margin: 1px 1px 0 0; } .uiFacepileLarge .showAllLink { line-height: 44px; margin: 5px 5px 0 0; } .uiFacepile .chatStatus { -moz-border-bottom-colors: none; -moz-border-image: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; border-color: #FFFFFF; border-style: solid; border-width: 1px 0 0 1px; bottom: 0; height: 5px; position: absolute; right: 0; width: 5px; } .uiFacepile .chatOnline .chatStatus { background: -moz-linear-gradient(center top , #88CC5F, #7BC64D) repeat scroll 0 0 transparent; } .uiFacepile .chatOffline .chatStatus, .uiFacepile .chatIdle .chatStatus, .uiFacepile .chatMobile .chatStatus { border: medium none; } .uiMenu .privUnselectable { color: #333333; } .uiMenu .privUnselectable .itemAnchor { opacity: 1; } .uiMenu .fixedWidthDesc .itemLabel { white-space: normal; width: 200px; } .emote_text { display: none; } .emote_img, .emote_custom { height: 16px; vertical-align: top; width: 16px; } .emote_img { background: url("http://static.ak.fbcdn.net/rsrc.php/v2/yM/r/WlL6q4xDPOA.png") no-repeat scroll 0 0 transparent; overflow: hidden; } #pageHead { margin: 0 auto; width: 980px; } .fbx #pageHead { margin: 0; width: auto; } #pageLogo { float: left; margin-left: -6px; z-index: 5; } #pageLogo a { background-color: #3B5998; background-image: url("http://static.ak.fbcdn.net/rsrc.php/v1/yO/r/_2cdInypv2b.png"); background-position: -135px -102px; background-repeat: no-repeat; display: block; height: 31px; width: 103px; } #pageLogo a:hover, #pageLogo a:focus, #pageLogo a:active { background-color: #4B67A1; background-image: url("http://static.ak.fbcdn.net/rsrc.php/v1/yO/r/_2cdInypv2b.png"); background-position: -31px -102px; background-repeat: no-repeat; outline: medium none; } #headNav { -moz-border-bottom-colors: none; -moz-border-image: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; background-color: #627AAD; border-color: #1D4088 #1D4088 -moz-use-text-color; border-style: solid solid none; border-width: 1px 1px 0; height: 30px; margin-left: 180px; } #pageNav li { float: left; } #pageNav a { color: #FFFFFF; display: inline-block; font-weight: bold; height: 22px; padding: 8px 10px 0; text-decoration: none; } #pageNav a:hover, #pageNav a:focus, #pageNav a:active { background-color: #6D86B7; outline: medium none; } #navAccount { position: relative; } #navAccount #navAccountLink { padding-right: 16px; } .openToggler #navAccountLink, .no_js #navAccount:hover #navAccountLink { -moz-border-bottom-colors: none; -moz-border-image: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; background-color: #FFFFFF; border-color: #333333 #333333 -moz-use-text-color; border-style: solid solid none; border-width: 1px 1px 0; color: #333333; margin: -1px -1px 0; position: relative; z-index: 2; } .openToggler #navAccountLink:hover, .openToggler #navAccountLink:focus, .openToggler #navAccountLink:active, .no_js #navAccountLink:hover { background-color: #FFFFFF; } #navAccountLink .accountPulldown { background-image: url("http://static.ak.fbcdn.net/rsrc.php/v1/yO/r/_2cdInypv2b.png"); background-position: -228px -134px; background-repeat: no-repeat; height: 4px; left: 5px; position: relative; top: -2px; width: 7px; } .openToggler #navAccountLink .dropMenuDivide, .no_js #navAccount:hover #navAccountLink .dropMenuDivide { background: none repeat scroll 0 0 #E0E0E0; } .openToggler #navAccountLink .accountPulldown, .no_js #navAccount:hover #navAccountLink .accountPulldown { background-image: url("http://static.ak.fbcdn.net/rsrc.php/v1/yO/r/_2cdInypv2b.png"); background-position: -220px -134px; background-repeat: no-repeat; } #navAccount .contextualHelp, #navAccount .navigation { -moz-border-bottom-colors: none; -moz-border-image: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; background: none repeat scroll 0 0 #FFFFFF; border-color: #333333 #333333 #2D4486; border-style: solid; border-width: 1px 1px 2px; margin-right: -1px; margin-top: -1px; min-width: 200px; padding: 10px 0 5px; position: absolute; right: 0; top: 100%; z-index: 1; } #navAccount .navigation { display: none; } #navAccount.openToggler .navigation, .no_js #navAccount:hover .navigation { display: block; } #navAccount .navigation .logoutButton { display: block; } #navAccount .logoutButton:hover { text-decoration: none; } #navAccount .logoutButton input { outline: 0 none; text-align: left; width: 100%; } #navAccount .navigation a, #navAccount .navigation .logoutButton input { color: #3A579A; display: block; font-weight: normal; height: auto; padding: 4px 10px 5px; white-space: nowrap; } #navAccount .navigation a:hover, #navAccount .navigation a:focus, #navAccount .navigation a:active, #navAccount .logoutButton:hover input, #navAccount .logoutButton input:active, #navAccount .logoutButton input:focus { background: none repeat scroll 0 0 #6D84B4; border-bottom: 1px solid #3B5998; border-top: 1px solid #3B5998; color: #FFFFFF; padding: 3px 10px 4px; text-decoration: none; } #navAccount li { display: block; float: none; } #navSearch { margin: 4px 0 0 4px; position: relative; width: 350px; } #navSearch .uiSearchInput { border: 0 none; } #navSearch .uiSearchInput input { width: 315px; } #navSearch .uiTypeahead, #navSearch .uiTypeahead .wrap { border-color: #3B5998; height: 22px; } .slim #blueBar { border-bottom: 1px solid #133783; box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.52); height: 37px; position: relative; } .slimHeader #headNav { background: none repeat scroll 0 0 transparent; border: medium none; margin-left: 176px; } .slimHeader .fbJewelFlyout { top: 32px; } .slimHeader #jewelContainer { padding-top: 5px; } .slimHeader .fbJewel .jewelCount { background: none repeat scroll 0 0 transparent; top: 0; } .slimHeader .fbJewel .jewelCount span { -moz-border-bottom-colors: none; -moz-border-image: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; border-color: #E23923 #D83722 #C0311E; border-left: 1px solid #D83722; border-right: 1px solid #D83722; border-style: solid; border-width: 1px; box-shadow: 0 1px 0 rgba(0, 39, 121, 0.77); padding: 0 1px; } .slimHeader #jewelContainer .fbJewel a.jewelButton { height: 31px; position: relative; top: 1px; } .slimHeader .openToggler a.jewelButton { height: 31px !important; } .slimHeader #fbMessagesJewel a.jewelButton { background-image: url("http://static.ak.fbcdn.net/rsrc.php/v1/yO/r/_2cdInypv2b.png"); background-position: -207px -167px; background-repeat: no-repeat; } .slimHeader #fbMessagesJewel a.jewelButton:active, .slimHeader #fbMessagesJewel a.jewelButton:focus, .slimHeader #fbMessagesJewel a.jewelButton:hover { background-image: url("http://static.ak.fbcdn.net/rsrc.php/v1/yO/r/_2cdInypv2b.png"); background-position: -56px -215px; background-repeat: no-repeat; } .slimHeader #fbMessagesJewel.hasNew a.jewelButton { background-image: url("http://static.ak.fbcdn.net/rsrc.php/v1/yO/r/_2cdInypv2b.png"); background-position: -31px -215px; background-repeat: no-repeat; } .slimHeader #fbMessagesJewel.openToggler a.jewelButton { background-image: url("http://static.ak.fbcdn.net/rsrc.php/v1/yO/r/_2cdInypv2b.png") !important; background-position: -232px -167px !important; background-repeat: no-repeat !important; } .slimHeader #fbNotificationsJewel a.jewelButton { background-image: url("http://static.ak.fbcdn.net/rsrc.php/v1/yO/r/_2cdInypv2b.png"); background-position: -107px -167px; background-repeat: no-repeat; } .slimHeader #fbNotificationsJewel a.jewelButton:active, .slimHeader #fbNotificationsJewel a.jewelButton:focus, .slimHeader #fbNotificationsJewel a.jewelButton:hover { background-image: url("http://static.ak.fbcdn.net/rsrc.php/v1/yO/r/_2cdInypv2b.png"); background-position: -182px -167px; background-repeat: no-repeat; } .slimHeader #fbNotificationsJewel.hasNew a.jewelButton { background-image: url("http://static.ak.fbcdn.net/rsrc.php/v1/yO/r/_2cdInypv2b.png"); background-position: -157px -167px; background-repeat: no-repeat; } .slimHeader #fbNotificationsJewel.openToggler a.jewelButton { background-image: url("http://static.ak.fbcdn.net/rsrc.php/v1/yO/r/_2cdInypv2b.png") !important; background-position: -132px -167px !important; background-repeat: no-repeat !important; } .slimHeader #fbRequestsJewel a.jewelButton { background-image: url("http://static.ak.fbcdn.net/rsrc.php/v1/yO/r/_2cdInypv2b.png"); background-position: -131px -215px; background-repeat: no-repeat; } .slimHeader #fbRequestsJewel a.jewelButton:active, .slimHeader #fbRequestsJewel a.jewelButton:focus, .slimHeader #fbRequestsJewel a.jewelButton:hover { background-image: url("http://static.ak.fbcdn.net/rsrc.php/v1/yO/r/_2cdInypv2b.png"); background-position: -82px -167px; background-repeat: no-repeat; } .slimHeader #fbRequestsJewel.hasNew a.jewelButton { background-image: url("http://static.ak.fbcdn.net/rsrc.php/v1/yO/r/_2cdInypv2b.png"); background-position: -81px -215px; background-repeat: no-repeat; } .slimHeader #fbRequestsJewel.openToggler a.jewelButton { background-image: url("http://static.ak.fbcdn.net/rsrc.php/v1/yO/r/_2cdInypv2b.png") !important; background-position: -106px -215px !important; background-repeat: no-repeat !important; } .slimHeader #pageLogo a, .slimHeader #pageLogo a:hover, .slimHeader #pageLogo a:focus, .slimHeader #pageLogo a:active { background-image: url("http://static.ak.fbcdn.net/rsrc.php/v1/yO/r/_2cdInypv2b.png"); background-position: -31px -134px; background-repeat: no-repeat; height: 31px; margin-top: 6px; } .slimHeader #navSearch { margin-top: 9px; } .slimHeader #navSearch .uiTypeahead { -moz-border-bottom-colors: none; -moz-border-image: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; background: none repeat scroll 0 0 transparent; border-color: #123682 #294A8F #294A8F; border-radius: 2px 2px 2px 2px; border-right: 1px solid #294A8F; border-style: solid; border-width: 1px; } .slimHeader #navSearch .uiSearchInput { background: none repeat scroll 0 0 #FFFFFF; border-radius: 1px 1px 1px 1px; border-top: 1px solid #D9D9D9; padding: 0 0 1px; } .slimHeader #navSearch div, .slimHeader #navSearch span { border: medium none; } .slimHeader #navSearch .textInput .inputtext { padding-top: 2px; } .slimHeader #pageNav .topNavLink { height: 31px; } .slimHeader #pageNav a { color: #D8DFEA; } .slimHeader #pageNav { margin-right: 1px; padding-top: 6px; } .slimHeader #pageNav .topNavLink:hover, .slimHeader #pageNav .topNavLink:focus, .slimHeader #pageNav .topNavLink:active, .slimHeader #pageNav .tinyman:hover a, .slimheader #pageNav .tinyman:focus a, .slimHeader #pageNav .tinyman:active a, .slimHeader #pageNav .topNavLink a:hover, .slimHeader #pageNav .topNavLink a:focus, .slimHeader #pageNav .topNavLink a:active { background-color: #4B67A1; color: #FFFFFF; height: 31px; } .slimHeader #pageNav .headerTinymanPhoto { -moz-border-bottom-colors: none; -moz-border-image: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; border-color: #123682 #294A8F #294A8F; border-radius: 2px 2px 2px 2px; border-right: 1px solid #294A8F; border-style: solid; border-width: 1px; height: 23px; margin: 3px 5px 3px 3px; width: 23px; } .slimHeader #pageNav .topNavLink .headerTinymanName, .slimHeader #pageNav .lightNav .headerTinymanName { display: inline-block; max-width: 175px; overflow: hidden; padding-right: 8px; text-overflow: ellipsis; vertical-align: top; white-space: nowrap; } .slimHeader #pageNav .topNavLink a { height: 31px; line-height: 29px; padding: 0; vertical-align: top; } .slimHeader #pageNav .voiceBarToggle { display: none; } .hasVoiceToggle .slimHeader #pageNav .voiceBarToggle { display: inline; } .slimHeader #pageNav .middleLink a, .slimHeader #pageNav .voiceBarToggle a { padding: 0 8px; } .slimHeader #pageNav li.tinyman:after, .slimHeader #pageNav li.middleLink:after, .slimHeader #pageNav li.voiceBarToggle:after { background: none repeat scroll 0 0 #526DA4; content: " "; display: inline-block; float: right; height: 14px; margin-top: 9px; width: 1px; } .slimHeader #pageNav .topNavLink:hover:after { background: none repeat scroll 0 0 #4B67A1; } .slimHeader #pageNav li.middleLink:active, .slimHeader #pageNav li.middleLink:focus, .slimHeader #pageNav li.middleLink:hover, .slimHeader #pageNav #navAccountLink:active, .slimHeader #pageNav #navAccountLink:focus, .slimHeader #pageNav #navAccountLink:hover, .slimHeader #pageNav .voiceBarToggle:active, .slimHeader #pageNav .voiceBarToggle:focus, .slimHeader #pageNav .voiceBarToggle:hover { margin-left: -1px; padding-left: 1px; } .slimHeader #pageNav .menuPulldown { background-image: url("http://static.ak.fbcdn.net/rsrc.php/v1/yO/r/_2cdInypv2b.png"); background-position: -191px -213px; background-repeat: no-repeat; height: 31px; overflow: hidden; text-indent: 30px; width: 24px; } .slimHeader #pageNav .menuPulldown:hover { background-image: url("http://static.ak.fbcdn.net/rsrc.php/v1/yO/r/_2cdInypv2b.png"); background-position: -245px -213px; background-repeat: no-repeat; } .slimHeader .no_js #navAccount:hover, .slimHeader #pageNav #navAccount.openToggler { position: relative; top: 1px; } .slimHeader .no_js #navAccount:hover #navAccountLink, .slimHeader #pageNav #navAccount.openToggler #navAccountLink { padding-left: 0; } .slimHeader #pageNav .openToggler .menuPulldown, .slimHeader #pageNav .openToggler .menuPulldown:hover { background-color: #FFFFFF; background-image: url("http://static.ak.fbcdn.net/rsrc.php/v1/yO/r/_2cdInypv2b.png") !important; background-position: -218px -213px !important; background-repeat: no-repeat !important; } .slimHeader #pageNav #navAccountLink { height: auto; padding-right: 0; } .slimHeader #pageNav .menuDivider { background: none repeat scroll 0 0 #DDDDDD; font-size: 0; height: 1px; line-height: 0; margin: 6px 7px; } .slimHeader #navAccount .navigation { border-bottom-color: #333333; padding: 4px 0; } .slimHeader #pageNav #navAccount .navSubmenu { border-bottom: 1px solid #FFFFFF; border-top: 1px solid #FFFFFF; color: #222222; height: 18px; line-height: 18px; padding: 0 22px; } .slimHeader #navAccount .navSubmenu input { color: #222222; height: 20px; margin-top: -1px; padding: 0; } .slimHeader #navAccount .navSubmenu { border: medium none; color: #000000; height: 18px; line-height: normal; } .slimHeader #navAccount .navSubmenu:hover, .slimHeader #navAccount .navSubmenu:focus, .slimHeader #navAccount .navSubmenu:active { background: none repeat scroll 0 0 #6D84B4; color: #FFFFFF; height: 18px; text-decoration: none; } .slimHeader #pageNav .navSubmenu img { height: 18px; width: 18px; } .slimHeader #pageNav .navSubmenu img.uiLoadingIndicatorAsync { height: 11px; margin-top: 4px; width: 16px; } .slimHeader #navAccount .pagesNavMenuTitle { padding: 0 22px 6px; } .slimHeader #navAccount .uiScrollableArea.contentAfter:after { display: none; } .slimHeader #pageNav #navAccount .navSubmenu:hover, .slimHeader #pageNav #navAccount .navSubmenu:focus, .slimHeader #pageNav #navAccount .navSubmenu:active { background: none repeat scroll 0 0 #6D84B4; border-bottom: 1px solid #3B5998; border-top: 1px solid #3B5998; color: #FFFFFF; } .slimHeader #navAccount .navSubmenu:hover input, .slimHeader #navAccount .navSubmenu:focus input, .slimHeader #navAccount .navSubmenu:active input { color: #FFFFFF; text-decoration: none; } .slimHeader #navAccount .navIdentity { padding: 5px 22px 5px 17px; width: 200px; } .slimHeader #navAccount .navIdentityPic a:hover, .slimHeader #navAccount .navIdentityPic:hover img { background: none repeat scroll 0 0 transparent; border: medium none; padding: 0; } .slimHeader #navAccount .navIdentityLinks { margin-top: 3px; width: 120px; } .slimHeader .lightNav .headerTinymanName { color: #D8DFEA; font-weight: bold; line-height: 29px; } #jewelContainer.notifNegativeBase .openToggler .jewelButton { background-color: transparent !important; border-color: -moz-use-text-color transparent transparent; border-top: 0 none; } .notifNegativeBase .openToggler { z-index: 1; } .notifNegativeBase .fbJewelFlyout { background: none repeat scroll 0 0 padding-box rgba(255, 255, 255, 0.98); border: 1px solid rgba(100, 100, 100, 0.4); border-radius: 3px 3px 3px 3px; box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); top: 37px; } .notifNegativeBase .fbJewelFlyout .jewelItemList { padding: 0; } .notifNegativeBase .fbJewelFlyout .uiScrollableAreaContent { padding-bottom: 1px; } .notifNegativeBase .fbJewelFlyout li.jewelItemNew { background-color: transparent; } .notifNegativeBase .fbJewelFlyout .beeperNub { background-image: url("http://static.ak.fbcdn.net/rsrc.php/v2/yO/r/_2cdInypv2b.png"); background-position: -239px -119px; background-repeat: no-repeat; height: 11px; position: absolute; top: -11px; width: 20px; } .notifNegativeBase .timestamp { color: #999999; font-size: 11px; } .notifNegativeBase .fbJewelFlyout .jewelHeader { background-clip: padding-box; background-color: #FFFFFF; border-bottom: 1px solid rgba(100, 100, 100, 0.22); border-top-left-radius: 3px; border-top-right-radius: 3px; margin-bottom: -1px; padding: 8px 8px 6px; position: relative; z-index: 100; } .notifNegativeBase .fbJewelFlyout .jewelFooter a { background-color: #F7F7F7; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; border-top: 1px solid #C5C5C5; position: relative; z-index: 100; } .notifNegativeBase .fbJewelFlyout .jewelFooter a:hover, .notifNegativeBase .fbJewelFlyout .jewelFooter a:active, .notifNegativeBase .fbJewelFlyout .jewelFooter a:focus { background-color: #F7F7F7; border-top: 1px solid #C5C5C5; color: #3B5998; outline: medium none; text-decoration: underline; } .notifNegativeBase .fbJewelFlyout .jewelFooter a:hover .seeMoreCount, .notifNegativeBase .fbJewelFlyout .jewelFooter a:active .seeMoreCount, .notifNegativeBase .fbJewelFlyout .jewelFooter a:focus .seeMoreCount { color: gray; } .notifNegativeBase #fbMessagesFlyout { left: -128px; } .notifNegativeBase #fbMessagesFlyout.notifNonCentered { left: 0; } .notifNegativeBase #fbMessagesFlyout .beeperNub { left: 130px; } .notifNegativeBase #fbMessagesFlyout.notifNonCentered .beeperNub { left: 0; } .notifNegativeBase #fbMessagesJewel.openToggler a.jewelButton { background-image: url("http://static.ak.fbcdn.net/rsrc.php/v1/yO/r/_2cdInypv2b.png") !important; background-position: 0 -253px !important; background-repeat: no-repeat !important; } .notifNegativeBase #fbMessagesFlyout .author, .notifNegativeBase #fbMessagesFlyout a.messagesContent:hover .author, .notifNegativeBase #fbMessagesFlyout .subject, .notifNegativeBase #fbMessagesFlyout a.messagesContent:hover .subject { color: #333333; } .notifNegativeBase #fbMessagesFlyout.monochromeBlue .author { color: #3B5998; } .notifNegativeBase #fbMessagesFlyout .preview, .notifNegativeBase #fbMessagesFlyout a.messagesContent:hover .preview { color: gray; padding-top: 1px; } .notifNegativeBase #fbMessagesFlyout .time .timestamp, .notifNegativeBase #fbMessagesFlyout a.messagesContent:hover .time .timestamp { color: #9D9D9D; display: block; font-size: 9px; padding-top: 2px; } .notifNegativeBase #fbMessagesFlyout .jewelContent li { border-top: 0 none; } .notifNegativeBase #fbMessagesFlyout .jewelContent li:first-child a.messagesContent, .notifNegativeBase #fbMessagesFlyout .jewelContent li:first-child a.messagesContent:hover, .notifNegativeBase #fbMessagesFlyout .jewelContent li:first-child a.messagesContent:active, .notifNegativeBase #fbMessagesFlyout .jewelContent li:first-child a.messagesContent:focus { border-top: medium none; } .notifNegativeBase #fbMessagesFlyout .jewelContent a.messagesContent { border-bottom: 1px solid #E9E9E9; border-top: 1px solid #E9E9E9; margin-bottom: -1px; padding: 4px 20px 4px 8px; } .notifNegativeBase #fbMessagesFlyout .jewelContent a.messagesContent:hover, .notifNegativeBase #fbMessagesFlyout .jewelContent a.messagesContent:active, .notifNegativeBase #fbMessagesFlyout .jewelContent a.messagesContent:focus { background-color: #F4F6F9 !important; border-color: #E3E8F0; position: relative; z-index: 1; } .notifNegativeBase #fbMessagesFlyout li.jewelItemNew a.messagesContent { background: none repeat scroll 0 0 rgba(237, 239, 245, 0.98); border-color: #D1D8E7; position: relative; z-index: 2; } .notifNegativeBase #fbMessagesFlyout .jewelContent li.jewelItemNew a.messagesContent:hover, .notifNegativeBase #fbMessagesFlyout .jewelContent li.jewelItemNew a.messagesContent:active, .notifNegativeBase #fbMessagesFlyout .jewelContent li.jewelItemNew a.messagesContent:focus { background-color: #E7EBF2 !important; border-color: #D1D8E7; } .notifNegativeBase .fbJewelFlyout .jewelHighlight a.messagesContent:hover span, .notifNegativeBase .fbJewelFlyout .jewelHighlight a.messagesContent:active span, .notifNegativeBase .fbJewelFlyout .jewelHighlight a.messagesContent:focus span, .notifNegativeBase .fbJewelFlyout .jewelHighlight a.messagesContent:hover div, .notifNegativeBase .fbJewelFlyout .jewelHighlight a.messagesContent:active div, .notifNegativeBase .fbJewelFlyout .jewelHighlight a.messagesContent:focus div { color: gray; } .notifNegativeBase .fbJewelFlyout .jewelItemList { padding: 0; } .notifNegativeBase #fbNotificationsFlyout { left: -153px; } .notifNegativeBase #fbNotificationsFlyout.notifNonCentered { left: 0; } .notifNegativeBase #fbNotificationsFlyout .beeperNub { left: 155px; } .notifNegativeBase #fbNotificationsFlyout.notifNonCentered .beeperNub { left: 0; } .notifNegativeBase #fbNotificationsJewel.openToggler a.jewelButton { background-image: url("http://static.ak.fbcdn.net/rsrc.php/v1/yO/r/_2cdInypv2b.png") !important; background-position: -25px -253px !important; background-repeat: no-repeat !important; } .notifNegativeBase #fbNotificationsFlyout a:hover .blueName { color: #333333; } .notifNegativeBase #fbNotificationsFlyout .blueName { color: #333333; } .notifNegativeBase #fbNotificationsFlyout.monochromeBlue .blueName { color: #3B5998; } .notifNegativeBase #fbNotificationsFlyout div.notif_x_div, .notifNegativeBase #fbNotificationsFlyout div.confirmingMsg { display: block; } .notifNegativeBase #fbNotificationsFlyout li a.notif_x { padding: 0; } .notifNegativeBase #fbNotificationsFlyout li a.notif_x .placeholder { height: 40px; margin: 3px 1px 0 0; padding-left: 5px; width: 11px; } .notifNegativeBase #fbNotificationsFlyout li .notif_x_div { position: absolute; right: 9px; top: 7px; z-index: 2; } .notifNegativeBase #fbNotificationsFlyout li.notifHover a.notif_x { visibility: visible; } .notifNegativeBase #fbNotificationsFlyout a.notif_x, .notifNegativeBase #fbNotificationsFlyout li.first_receipt a.notif_x { margin-top: 0; visibility: hidden; } .notifNegativeBase .confirmingMsg, .notifNegativeBase .notifMainLink { -moz-transition-duration: 0.15s; -moz-transition-property: height, left, padding, width; -moz-transition-timing-function: ease; } .notifNegativeBase li div.info { max-width: 243px; position: relative; } .notifNegativeBase .fbJewelFlyout li div.confirmingMsg { left: 100%; padding: 4px 8px; position: absolute; top: 0; visibility: hidden; } .notifNegativeBase .fbJewelFlyout li.negativeActions div.confirmingMsg { left: 0; padding: 8px; position: relative; visibility: visible; } .notifNegativeBase .fbJewelFlyout li.notification div.confirmedMsg, .notifNegativeBase .fbJewelFlyout li.notification div.firstConfirmedMsg, .notifNegativeBase .fbJewelFlyout li.notification div.spamMsg { padding: 4px 8px; } .notifNegativeBase .fbJewelFlyout td.confirming_table_row { white-space: nowrap; } .notifNegativeBase .notifMainLink { left: 0; position: relative; visibility: visible; } .notifNegativeBase .negativeActions .notifMainLink { left: -100%; position: absolute; visibility: hidden; } .notifNegativeBase .async_saving .negative_loading { margin-left: 10px; } .notifNegativeBase .async_saving label.uiButton, .notifNegativeBase .async_saving div.link_buttons { display: none; } .notifNegativeBase #fbNotificationsFlyout li { position: relative; } .notifNegativeBase #fbNotificationsFlyout a.notifMainLink { border-bottom: 1px solid #E9E9E9; border-top: 1px solid #E9E9E9; color: #333333; display: block; margin-bottom: -1px; padding: 4px 20px 4px 8px; text-decoration: none; } .notifNegativeBase #fbNotificationsFlyout li.first_receipt a.notifMainLink { border-bottom-style: none; } .notifNegativeBase #fbNotificationsFlyout li.notifHover a.notifMainLink { border-color: #E3E8F0; } .notifNegativeBase #fbNotificationsFlyout li.notifHover a.notifMainLink { background-color: #F4F6F9; } .notifNegativeBase #fbNotificationsFlyout li.notifHover { position: relative; z-index: 1; } .notifNegativeBase #fbNotificationsFlyout li.jewelItemNew a.notifMainLink, .notifNegativeBase #fbNotificationsFlyout li.first_receipt a.notifMainLink { border-top: 1px solid #D1D8E7; } .notifNegativeBase #fbNotificationsFlyout li.jewelItemNew a.notifMainLink { border-bottom: 1px solid #D1D8E7; } .notifNegativeBase #fbNotificationsFlyout li.jewelItemNew, .notifNegativeBase #fbNotificationsFlyout li.first_receipt { background: none repeat scroll 0 0 rgba(237, 239, 245, 0.98); margin-bottom: -1px; z-index: 2; } .notifNegativeBase #fbNotificationsFlyout li.jewelItemNew:hover a.notifMainLink, .notifNegativeBase #fbNotificationsFlyout li.fbJewelBeep:hover a.notifMainLink, .notifNegativeBase #fbNotificationsFlyout li.first_receipt:hover a.notifMainLink { background-color: #E7EBF2; border-color: #D1D8E7; } .notifNegativeBase #fbNotificationsFlyout li.first_receipt:hover div.first_receipt_div { background-color: #E7EBF2; } .notifNegativeBase #fbNotificationsFlyout li.negativeActions a.notifMainLink, .notifNegativeBase #fbNotificationsFlyout li.negativeActions a.notifMainLink:hover { background-color: #FFFFFF; cursor: default; outline: medium none; padding: 4px 8px 6px; } .notifNegativeBase #fbNotificationsFlyout li.negativeActions a.notif_x, .notifNegativeBase #fbNotificationsFlyout li div.first_receipt_div { display: none; } .notifNegativeBase #fbNotificationsFlyout li.first_receipt div.first_receipt_div { display: block; } #fbNotificationsFlyout .beeperArea, #fbNotificationsFlyout.hasBeeps .aggregatedNotifs { display: none; } #fbNotificationsFlyout.hasBeeps .beeperArea { display: block; } .notifNegativeBase #fbRequestsJewel.openToggler a.jewelButton { background-image: url("http://static.ak.fbcdn.net/rsrc.php/v2/yO/r/_2cdInypv2b.png") !important; background-position: -50px -253px !important; background-repeat: no-repeat !important; } .notifNegativeBase #fbRequestsFlyout { left: -103px; } .notifNegativeBase #fbRequestsFlyout.notifNonCentered { left: 0; } .notifNegativeBase #fbRequestsFlyout li { border-top: 1px solid #E9E9E9; } .notifNegativeBase #fbRequestsFlyout .beeperNub { left: 105px; } .notifNegativeBase #fbRequestsFlyout.notifNonCentered .beeperNub { left: 0; } .notifNegativeBase #fbRequestsFlyout .fbRequestList { padding-top: 0; } .notifNegativeBase #fbRequestsFlyout .fbRequestList li:first-child { border-top: medium none; } .notifNegativeBase #fbRequestsFlyout .uiScrollableAreaContent { padding-bottom: 0; } .notifNegativeBase #fbRequestsFlyout .jewelFooter a:hover { border-top: 0 none; } .notifNegativeBase #fbRequestsPYMK .jewelHeader { z-index: 1; } .fbJewel { float: left; margin-right: -1px; position: relative; } #jewelContainer { float: left; position: relative; z-index: 4; } #jewelContainer .hasNew, #jewelContainer .openToggler { position: relative; } .fbJewel .jewelCount { background-color: #00376A; border-radius: 2px 2px 2px 2px; color: #FFFFFF; display: none; font-size: 9px; font-weight: bold; padding-bottom: 1px; position: absolute; right: -1px; top: -1px; z-index: 101; } #jewelContainer .hasNew .jewelCount { display: block; } #jewelContainer .openToggler .jewelCount { display: none; } .fbJewel .jewelCount span { -moz-border-bottom-colors: none; -moz-border-image: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; background-color: #F03D25; border-color: -moz-use-text-color #DD3822 #DD3822; border-radius: 2px 2px 2px 2px; border-right: 1px solid #DD3822; border-style: none solid solid; border-width: 0 1px 1px; display: block; padding: 1px 1px 0; } .fbJewel a.jewelButton { display: block; height: 31px; margin: 0 1px; text-decoration: none; width: 24px; } .fbJewel a.jewelButton:active, .fbJewel a.jewelButton:focus, .fbJewel a.jewelButton:hover { background-color: #4B67A1; outline: medium none; text-decoration: none; } #jewelContainer .openToggler .jewelButton { -moz-border-bottom-colors: none; -moz-border-image: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; background-color: #FFFFFF !important; border-color: #333333 #333333 -moz-use-text-color; border-style: solid solid none; border-width: 1px 1px 0; height: 30px; margin: 0; } .fbJewelFlyout { -moz-border-bottom-colors: none; -moz-border-image: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; background-color: #FFFFFF; border-color: #333333 #333333 #293E6A; border-style: solid; border-width: 1px 1px 2px; left: 0; overflow: visible; position: absolute; top: 30px; width: 330px; z-index: -1; } .fbJewelFlyout .metadata { padding-top: 3px; } .fbJewelFlyout .jewelItemList { padding: 4px 0; } .fbJewelFlyout .empty, .fbJewelFlyout .jewelHighlight .empty { border: medium none; color: #757575; padding: 4px 8px 10px; } .fbJewelFlyout .jewelHighlight li a { color: #333333; display: block; padding: 4px 8px; text-decoration: none; } .fbJewelFlyout .jewelHighlight li a:hover, .fbJewelFlyout .jewelHighlight li a:active, .fbJewelFlyout .jewelHighlight li a:focus { background-color: #6D84B4 !important; border-bottom: 1px solid #3B5998; border-top: 1px solid #3B5998; outline: medium none; padding-bottom: 3px; padding-top: 3px; text-decoration: none; } .fbJewelFlyout .jewelHighlight a:hover span, .fbJewelFlyout .jewelHighlight a:active span, .fbJewelFlyout .jewelHighlight a:focus span, .fbJewelFlyout .jewelHighlight a:hover div, .fbJewelFlyout .jewelHighlight a:active div, .fbJewelFlyout .jewelHighlight a:focus div, .fbJewelFlyout .jewelHighlight li.selected a, .fbJewelFlyout .jewelHighlight li.selected .timestamp { color: #FFFFFF; } .fbJewelFlyout .jewelHighlight li { border-top: 1px solid #E6E6E6; cursor: pointer; } .fbJewelFlyout .jewelHighlight li:first-child { border-top: medium none; } .fbJewelFlyout li.jewelItemNew { background: none repeat scroll 0 0 #EFF1F7; } .fbJewelFlyout li.jewelItemResponded { background: none repeat scroll 0 0 #FFF9D7; } .fbJewelFlyout .jewelLoading { display: block; margin: 10px auto; } .fbJewelFlyout .jewelHeader { background-color: #FFFFFF; border-color: #DDDDDD; padding: 7px 8px; } .fbJewelFlyout .jewelFooter a { background-color: #F7F7F7; border-top: 1px solid #E0E0E0; display: block; font-weight: bold; padding: 8px; text-align: center; } .fbJewelFlyout .jewelFooter a:hover, .fbJewelFlyout .jewelFooter a:active, .fbJewelFlyout .jewelFooter a:focus { background-color: #6D84B4; border-top: 1px solid #3B5998; color: #FFFFFF; outline: medium none; text-decoration: none; } .fbJewelFlyout .jewelFooter .seeMoreCount { display: none; font-weight: bold; padding: 2px 0 0; } .fbJewelFlyout .jewelUnread .seeMoreCount { display: block; } .fbJewelFlyout .jewelFooter a:hover .seeMoreCount, .fbJewelFlyout .jewelFooter a:active .seeMoreCount, .fbJewelFlyout .jewelFooter a:focus .seeMoreCount { color: #E7E7E7; } #fbMessagesJewel a.jewelButton { background-image: url("http://static.ak.fbcdn.net/rsrc.php/v1/yO/r/_2cdInypv2b.png"); background-position: -207px -167px; background-repeat: no-repeat; } #fbMessagesJewel a.jewelButton:active, #fbMessagesJewel a.jewelButton:focus, #fbMessagesJewel a.jewelButton:hover { background-image: url("http://static.ak.fbcdn.net/rsrc.php/v1/yO/r/_2cdInypv2b.png"); background-position: -56px -215px; background-repeat: no-repeat; } #fbMessagesJewel.hasNew a.jewelButton { background-image: url("http://static.ak.fbcdn.net/rsrc.php/v1/yO/r/_2cdInypv2b.png"); background-position: -31px -215px; background-repeat: no-repeat; } #fbMessagesJewel.openToggler a.jewelButton { background-image: url("http://static.ak.fbcdn.net/rsrc.php/v1/yO/r/_2cdInypv2b.png") !important; background-position: -232px -167px !important; background-repeat: no-repeat !important; } #fbMessagesFlyout li a { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } #fbMessagesFlyout .content { display: block; width: auto; } #fbMessagesFlyout .author { color: #3B5998; font-weight: bold; padding-top: 2px; white-space: normal; } #fbMessagesFlyout .preview { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } #fbMessagesFlyout .subject { color: #333333; } #fbMessagesFlyout .time { color: #9D9D9D; font-size: 9px; } #fbMessagesFlyout a:hover .author, #fbMessagesFlyout a:hover .preview, #fbMessagesFlyout a:hover .subject, #fbMessagesFlyout a:hover .time { color: #FFFFFF; } #fbNotificationsJewel a.jewelButton { background-image: url("http://static.ak.fbcdn.net/rsrc.php/v1/yO/r/_2cdInypv2b.png"); background-position: -107px -167px; background-repeat: no-repeat; } #fbNotificationsJewel a.jewelButton:active, #fbNotificationsJewel a.jewelButton:focus, #fbNotificationsJewel a.jewelButton:hover { background-image: url("http://static.ak.fbcdn.net/rsrc.php/v1/yO/r/_2cdInypv2b.png"); background-position: -182px -167px; background-repeat: no-repeat; } #fbNotificationsJewel.hasNew a.jewelButton { background-image: url("http://static.ak.fbcdn.net/rsrc.php/v1/yO/r/_2cdInypv2b.png"); background-position: -157px -167px; background-repeat: no-repeat; } #fbNotificationsJewel.openToggler a.jewelButton { background-image: url("http://static.ak.fbcdn.net/rsrc.php/v1/yO/r/_2cdInypv2b.png") !important; background-position: -132px -167px !important; background-repeat: no-repeat !important; } #fbNotificationsFlyout a:hover .blueName { color: #FFFFFF; } #fbNotificationsFlyout .blueName { color: #3B5998; font-weight: bold; } #fbNotificationsFlyout .staticAppIcon { background-position: right center; height: 16px; width: 16px; } #fbNotificationsFlyout .selected .staticAppIcon { background-position: left center; } #fbNotificationsFlyout .info { max-width: 259px; word-wrap: break-word; } #fbNotificationsFlyout div.notif_x_div, #fbNotificationsFlyout div.confirmingMsg { display: none; } #fbRequestsJewel a.jewelButton { background-image: url("http://static.ak.fbcdn.net/rsrc.php/v1/yO/r/_2cdInypv2b.png"); background-position: -131px -215px; background-repeat: no-repeat; } #fbRequestsJewel a.jewelButton:active, #fbRequestsJewel a.jewelButton:focus, #fbRequestsJewel a.jewelButton:hover { background-image: url("http://static.ak.fbcdn.net/rsrc.php/v1/yO/r/_2cdInypv2b.png"); background-position: -82px -167px; background-repeat: no-repeat; } #fbRequestsJewel.hasNew a.jewelButton { background-image: url("http://static.ak.fbcdn.net/rsrc.php/v1/yO/r/_2cdInypv2b.png"); background-position: -81px -215px; background-repeat: no-repeat; } #fbRequestsJewel.openToggler a.jewelButton { background-image: url("http://static.ak.fbcdn.net/rsrc.php/v1/yO/r/_2cdInypv2b.png") !important; background-position: -106px -215px !important; background-repeat: no-repeat !important; } #fbRequestsFlyout ul.jewelItemList { padding: 0; } #fbRequestsFlyout li { padding: 4px 8px; } #fbRequestsFlyout .jewelHighlight li { padding: 0; } #fbRequestsFlyout .fbRequestMessageWrapper { white-space: nowrap; } #fbRequestsFlyout .fbRequestMessage { display: inline-block; max-width: 169px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } #fbRequestsFlyout .jewelHighlight .title { color: #3B5998; } #fbRequestsFlyout .jewelHighlight .mutualFriends { color: gray; } #fbRequestsFlyout .jewelHighlight a:hover .title, #fbRequestsFlyout .jewelHighlight a:focus .title, #fbRequestsFlyout .jewelHighlight a:active .title, #fbRequestsFlyout .jewelHighlight a:hover .mutualFriends, #fbRequestsFlyout .jewelHighlight a:focus .mutualFriends, #fbRequestsFlyout .jewelHighlight a:active .mutualFriends { color: #FFFFFF; } #fbRequestsFlyout .jewelRequest .jewelRequestContent { padding-top: 5px; } #fbRequestsFlyout .title { font-size: 11px; } #fbRequestsFlyout .requestLabel { line-height: 12px; } #fbRequestsFlyout .jewelFooter .seeMoreCount { display: block; } .fbRequestsJewelRelationshipIcon { margin-bottom: -3px; padding-right: 5px; } #fbRequestsFlyout .fbRequestList { padding-top: 4px; } #fbRequestsFlyout .fbMoreRequestList { border-top: 1px solid #E9E9E9; padding: 0; } #fbRequestsFlyout .friendBrowserExtraSpacing { margin: 0; } #fbRequestsFlyout .friendBrowserCheckboxContentGrid { padding-top: 4px; } .uiScrollableArea #fbRequestsPYMKContainer .uiListItem:last-child { padding: 0; } #fbRequestsFlyout .uiScrollableAreaContent { padding-bottom: 4px; } #fbRequestsList .uiScrollableArea.contentAfter { border-bottom: 1px solid #BBBBBB; } #fbRequestsList .uiScrollableArea { border-bottom: 1px solid #E0E0E0; } #fbRequestsFlyout .jewelFooter a { border: 0 none; } #fbRequestsFlyout .jewelFooter a:hover { border-top: 1px solid #3B5998; } .uiScrollableHeaderBox { position: absolute; top: 0; width: 100%; z-index: 1; } #fbRequestsFlyout .jewelHeader { padding-right: 10px; position: relative; } #fbRequestsFlyout .uiScrollableAreaContent .uiListItem { padding-right: 12px; } .uiSearchInput { -moz-border-bottom-colors: none; -moz-border-image: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; background: none repeat scroll 0 0 #FFFFFF; border-color: #6484B4 #899BC1 #899BC1; border-right: 1px solid #899BC1; border-style: solid; border-width: 1px; display: inline-block; } .uiSearchInput span { -moz-border-bottom-colors: none; -moz-border-image: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; border-color: #EDEDED -moz-use-text-color -moz-use-text-color; border-right: 0 none; border-style: solid none none; border-width: 1px 0 0; display: inline-block; padding: 1px 0 2px; position: relative; } .uiSearchInput input { border: 0 none; margin: 0 22px 0 5px; outline: medium none; padding: 1px 5px 2px 0; width: 190px; } .uiSearchInput button { background-color: #FFFFFF; background-image: url("http://static.ak.fbcdn.net/rsrc.php/v1/yi/r/Ce0Xa8hRU2A.png"); background-position: 0 -30px; background-repeat: no-repeat; border: 0 none; cursor: pointer; display: block; height: 19px; padding: 0; position: absolute; right: 0; top: 0; width: 22px; } .ff4.mac .uiSearchInput input { padding-bottom: 1px !important; } .uiTypeaheadView .search li { min-height: 50px; padding: 2px 30px 2px 63px; } .uiTypeaheadView .search li a { outline: medium none; } .uiTypeaheadView .search li a:hover { text-decoration: none; } .uiTypeaheadView .search .playButton { background-image: url("http://static.ak.fbcdn.net/rsrc.php/v1/yO/r/_2cdInypv2b.png"); background-position: 0 -102px; background-repeat: no-repeat; height: 30px; left: 16px; position: absolute; top: 12px; width: 30px; } .uiTypeaheadView .search a:hover .playButton { background-image: url("http://static.ak.fbcdn.net/rsrc.php/v1/yO/r/_2cdInypv2b.png"); background-position: 0 -132px; background-repeat: no-repeat; } .uiTypeaheadView .search .music_playing a .playButton { background-image: url("http://static.ak.fbcdn.net/rsrc.php/v1/yO/r/_2cdInypv2b.png"); background-position: 0 -162px; background-repeat: no-repeat; } .uiTypeaheadView .search .music_playing a:hover .playButton { background-image: url("http://static.ak.fbcdn.net/rsrc.php/v1/yO/r/_2cdInypv2b.png"); background-position: 0 -192px; background-repeat: no-repeat; } .uiTypeaheadView .search .song.async_saving a .playButton { background-image: url("http://static.ak.fbcdn.net/rsrc.php/v1/yO/r/_2cdInypv2b.png"); background-position: 0 -222px; background-repeat: no-repeat; } .uiTypeaheadView .search .song.async_saving a .playLoader { background: url("http://static.ak.fbcdn.net/rsrc.php/v1/yp/r/DrGcdjdlpCl.gif") no-repeat scroll 0 0 transparent; height: 14px; left: 24px; position: absolute; top: 20px; width: 14px; } .uiTypeaheadView .search img { background-color: #ECEFF5; display: block; height: 50px; left: 6px; position: absolute; width: 50px; } .uiTypeaheadView .search .text { color: #3B5998; font-weight: bold; } .uiTypeaheadView .search .subtext { font-size: 9px; } .uiTypeaheadView .search .preCategory { color: #999999; } .uiTypeaheadView .search .seeMore { color: #3B5998; font-size: 11px; font-weight: bold; padding-bottom: 0; padding-right: 7px; } .uiTypeaheadView .search .question { min-height: 14px; padding: 3px 30px 3px 6px; } .uiTypeaheadView .search .question .text { display: inline; } .uiTypeaheadView .search .question .subtext { display: inline; margin-left: 5px; white-space: nowrap; } .uiTypeaheadView .search .websuggestion { min-height: 14px; padding: 3px 30px 3px 6px; } .uiTypeaheadView .search .websuggestion .text { display: inline; } .uiTypeaheadView .search .websuggestion .subtext { display: inline; margin-left: 5px; white-space: nowrap; } .uiTypeaheadView .search .group .photo, .uiTypeaheadView .search .friendlist .photo { background-color: transparent; } .uiTypeaheadView .search .text .alias { color: #999999; font-weight: normal; } .noFooter #pageFooter { display: none; } .permalinkBody { background-color: #E7EBF2; } .permalinkBody #globalContainer { margin-top: 40px; min-width: 889px; padding: 0 40px; width: 889px; } .permalinkBody #mainContainer { width: 100%; } .permalinkBody #contentCol { background-color: transparent; } .permalinkBody #rightCol { width: 243px; } .permalinkBody #contentArea { background-color: #FFFFFF; border: 1px solid #C4CDE0; padding: 0 3px 1px; width: 624px; } .permalinkBody .fbTimelineSideAds { padding-top: 0; width: auto; } .permalinkBody .permalink_stream .uiStream .uiStreamMessage, .permalinkBody .permalink_stream .uiStream .uiStreamAttachments { font-size: 13px; padding-left: 15px; padding-right: 20px; } .permalinkBody .permalink_stream .uiStream .uiStreamMessage { line-height: 18px; } .permalinkBody .permalink_stream .uiStream .mainWrapper .uiAttachmentNoMedia { border-left: 2px solid #C0C9DD; margin-left: 18px; padding-left: 10px; } .permalink_stream .uiStream .uiStreamMessage { font-size: 13px; max-width: 640px; } .permalinkBody .permalink_stream .fbStreamPermalinkHeader { border-bottom: 1px solid #E9E9E9; margin: 15px; } .permalinkBody .permalink_stream .uiStreamStory .mainWrapper { margin-right: 0; padding-top: 0; } .permalinkBody .fbTimelineUFI { margin-top: 3px; } .permalinkBody .permalink_stream .subscribeOrLikeSentence, .permalinkBody .permalink_stream .uiStreamPassive, .permalinkBody .permalink_stream .uiStreamHeadline { color: #999999; font-weight: normal; } .permalinkBody .permalink_stream .uiStreamHeadline { width: 500px; } .permalinkBody .permalink_stream .fbStreamPermalinkHeader .UIImageBlock_Content { padding-top: 8px; } .permalinkBody .permalink_stream .uiStreamPrivacy .img, .permalinkBody .permalink_stream .uiStreamSecondaryTime .img { margin-top: 2px; } .permalinkBody .permalink_stream .uiStreamMessage .actorDescription { padding: 0; } .permalinkBody .uiStreamSource { font-size: 11px; } .permalinkBody #mainContainer { margin-bottom: 50px; } .permalinkBody .permalink_stream .uiStreamHide { float: right; } .permalinkBody .permalink_stream .followOrLikeButton { clear: right; margin-right: 25px; } .permalinkBody .fbStreamPermalinkHeader .uiCloseButton { float: right; left: -9999px; overflow: hidden; position: relative; } .permalinkBody .permalink_stream:hover .fbStreamPermalinkHeader .uiCloseButton { left: auto; overflow: visible; } .permalinkBody #globalContainer #mainContainer .permalink_stream .noStoryBodyHeader { border-bottom: medium none; } .permalinkBody #globalContainer #mainContainer .spamMessage { border-top: 1px solid #EEEEEE; padding: 15px 0 15px 15px; } .permalinkBody .uiStreamAttachments .UIImageBlock_Image .img { display: inline-block; } .profileInfoSection { margin-bottom: 30px; } .profileInfoSection .emptyInfoSection { font-size: 13px; text-align: center; } .profileInfoSection .inlineLabel { color: #999999; } .profileInfoSection .privacyTooltip { padding-top: 4px; } .fbProfileExperience .hubPhoto { margin-right: 7px; } .fbProfileExperience .wishlistPhoto { height: 150px; margin-right: 7px; width: 150px; } .fbProfileExperience .experienceContent { line-height: 14px; padding-top: 1px; } .fbProfileExperience .experienceContentLarge { font-size: 13px; font-weight: bold; line-height: 30px; padding-left: 8px; padding-top: 22px; } .fbProfileExperience .experienceBody, .fbProfileExperience .subexperienceContent { margin-top: 2px; } .fbProfileExperience .subexperiences { margin: 6px 0 0 15px; } .fbProfileExperience .subexperience { padding-bottom: 1px; } .fbProfileExperience .subexperienceContent { width: 273px; } .showAllExperiences .revealerArrow { margin: 0 0 2px 5px; } .showAllExperiences:hover a, .showAllExperiences .mediaRevealer:hover { text-decoration: none; } .profileInfoTable .highlight { background-color: #FFFBE4; } .profileInfoTable .fbProfileExperience.highlight { left: -5px; padding: 5px 0 5px 5px; position: relative; top: -5px; } .profileInfoTable .afterHighlight { margin-top: -10px; } .profileInfoTable .highlight .complimentsBlingBox { margin-right: -5px; } li.showAllExperiences { border-top: 1px solid #E5EAF1; padding-top: 7px; text-align: center; } .showAllExperiences:hover { background-color: #ECEFF4; border-top-color: #D8DFEA; cursor: pointer; } .showAllExperiences a { display: inline-block; padding-bottom: 8px; } .fbProfileInfoExpandedRowWrapper .fbProfileExperience { text-align: left; } .fbProfileInfoExpandedRowWrapper .revealerWrapper { margin-top: 0; } .fbProfileInfoWorkRowWrapper .fbProfileExperience { text-align: left; } .fbProfileInfoEducationRowWrapper .fbProfileExperience { text-align: left; } .mediaRow .mediaPortrait { line-height: 14px; overflow: hidden; padding: 0; width: 75px; } .mediaRow .mediaPortrait .photo { height: 75px; margin-bottom: 5px; } .mediaRow .mediaPortrait .mediaPageName { max-height: 28px; overflow: hidden; word-wrap: break-word; } .mediaRowWrapper { text-align: center; } .mediaRowRevealer { line-height: 12px; } .profileInfoTable th.label { color: #999999; font-weight: bold; line-height: 15px; text-align: left; vertical-align: top; width: 90px; } .nile_profile .profileInfoTable th.label { font-size: 11px; line-height: 16px; } .profileInfoTable .greenLink { color: #006600; } .profileInfoTable td.data { line-height: 15px; } .profileInfoTable td.rightCol { padding: 3px 0 0 35px; text-align: right; width: 50px; } .profileInfoTable .sampleImageCaption { text-align: center; width: 50px; word-wrap: break-word; } .profileInfoTable .uiInfoTable .label { color: #666666; font-size: 11px; font-weight: normal; padding-top: 0; } .profileInfoTable .uiInfoTable .data { padding-top: 0; } .profileInfoTable .throbber { display: none; } .profileInfoTable .async_saving .throbber { display: block; } .uiInfoTable { border: 0 none; border-collapse: collapse; border-spacing: 0; width: 100%; } .uiInfoTable .spacer td { padding: 5px 0; } .noBorder .spacer td { padding: 0; visibility: hidden; } .uiInfoTable .label, .uiInfoTable .data, .uiInfoTable .rightCol { padding: 3px 0 1px; text-align: left; vertical-align: top; } .uiInfoTable .dataRow .data, .uiInfoTable .dataRow .rightCol { padding-top: 5px; } .uiInfoTable .data > input, .uiInfoTable .data > label input, .uiInfoTable .rightCol > input, .uiInfoTable .rightCol > label input { margin-left: 0; } .uiInfoTable .label { color: #666666; font-weight: bold; padding-right: 10px; text-align: right; width: 130px; } .uiInfoTable .dataRow .label { padding-top: 8px; } .uiInfoTable .label .annotation { color: #999999; } .uiInfoTable .rightCol { padding: 0 0 0 20px; width: 225px; } .hideBanner .fbPageBanner, .fixedBody .fbPageBanner { display: none; } .fbPageBannerInner { margin: auto; width: 980px; } .sidebarMode .fbPageBannerInner { left: -90px; position: relative; } .fbxWelcomeBox .fbxWelcomeBoxName { padding-bottom: 1px; } .fbxWelcomeBoxBlock .fbxWelcomeBoxImg { height: 40px !important; width: 40px !important; } .fbxWelcomeBoxName { display: block; font-weight: bold; width: 112px; word-wrap: break-word; } .HighlightSelectorMenu { margin-right: 1px; position: relative; top: -2px; } .HighlightSelectorMenu .uiMenuXShortBorder { padding-right: 2px; } body .fixedScrolling { position: fixed !important; } body.fixedBody #contentCol { min-height: 617px; } body.fixedBody { overflow-x: hidden; } .fixedBody #blueBar, .fixedBody #leftCol { position: fixed !important; } .fixedBody #blueBar { left: 0; right: 0; } .fixedBody #leftColContainer { float: left; padding-right: 2px; width: 179px; } .fixedBody .hideWhenFixed { display: none; } .home #leftCol { min-height: 600px; } .home #rightCol .friend_list_right_column_header { height: 44px; } div.bookmarksMenuButton .uiCloseButton { background-image: url("http://static.ak.fbcdn.net/rsrc.php/v1/yI/r/AShQNChNgfr.png"); background-position: -65px -65px; background-repeat: no-repeat; } div.bookmarksMenuButton .uiCloseButton:hover, div.bookmarksMenuButton .openToggler .uiCloseButton { background-image: url("http://static.ak.fbcdn.net/rsrc.php/v1/yI/r/AShQNChNgfr.png"); background-position: -83px -65px; background-repeat: no-repeat; } .uiSideNav ul { display: none; } .uiSideNav .open ul { display: block; } .uiSideNav .forceSubitems ul { display: block; } .uiSideNav .hidden { display: none; } .uiSideNav .item, .uiSideNav .subitem { border-bottom: 1px solid #FFFFFF; color: #333333; display: block; line-height: 13px; min-height: 17px; padding: 3px 8px 0 28px; text-decoration: none; } .uiSideNav .subitem { padding-left: 37px; } .uiSideNav .item:hover, .uiSideNav .item:active, .uiSideNav .item:focus, .uiSideNav .subitem:hover, .uiSideNav .subitem:active, .uiSideNav .subitem:focus { background-color: #EFF2F7; text-decoration: none; } .uiSideNav .selectedItem .item, .uiSideNav .selectedItem .item:hover, .uiSideNav ul .selectedItem .subitem, .uiSideNav ul .selectedItem .subitem:hover { background-color: #D8DFEA; font-weight: bold; } .uiSideNav .item .imgWrap { width: 18px; } .uiSideNav .external { background: url("http://static.ak.fbcdn.net/rsrc.php/v2/yW/r/AebrcwrBeG6.png") no-repeat scroll right 3px transparent; padding-right: 12px; } .uiSideNav .item .linkWrap { display: block; max-width: 116px; overflow: hidden; padding-left: 0; text-overflow: ellipsis; white-space: nowrap; } .uiSideNavCountText { color: gray; } .uiSideNav .item .uiSideNavCountRed { background-color: #F64C4C; color: #FFFFFF; } .uiSideNav .loading .item, .uiSideNav .sideNavItem .loading .subitem { background-color: #EFF2F7; border-color: #EFF2F7 #EFF2F7 #FFFFFF; } .uiSideNav .loading .subitem { background-color: #FFFFFF; border-color: #FFFFFF; } .uiFutureSideNav .actionLinks { font-size: 9px; font-weight: bold; text-transform: uppercase; } .droppableNav .actionLinks { display: block; } .actionLinks { line-height: 12px; padding: 4px 0 4px 28px; position: relative; } .uiSideNav .loadingIndicator, .actionLinks .loadingIndicator { background: url("http://static.ak.fbcdn.net/rsrc.php/v2/yb/r/GsNJNwuI-UM.gif") no-repeat scroll 0 0 transparent; display: none; height: 11px; position: absolute; right: 5px; top: 5px; width: 16px; } .loading .loadingIndicator, .async_saving .loadingIndicator { display: block; } .editMode .loadingIndicator, .loading ul .loadingIndicator { display: none; } .uiSideNav ul .loading .loadingIndicator { top: 5px; } .uiSideNav .showSubitems .hiddenSubitem, .uiSideNav .open .navMore { display: block; } .uiSideNav .hiddenSubitem, .uiSideNav .showSubitems .navMore, .uiSideNav .navMore { display: none; } .uiSideNav li .navMore { margin: 4px 0 10px 37px; } .uiSideNav .loading .navMore { background-color: transparent; } .uiSideNav .item:hover .buttonWrap .uiCloseButton { visibility: visible; } .editMode .droppableNav .uiCloseButton, .editMode .droppableNav .item:hover .uiCloseButton { visibility: visible; } .middot { display: none; } .expandedMode .middot { display: inline; } .uiSideNav .mover { display: none; left: -18px; overflow: hidden; position: absolute; text-align: right; top: 3px; z-index: 2; } .uiSideNav .placeholder { border: 2px dashed gray; } .editMode .item { cursor: default; opacity: 0.5; } .editMode .item:hover { background-color: transparent; } .editMode .sortableItem { cursor: move; opacity: 1; } .editMode .sortableItem:hover { background-color: #EFF2F7; } .uiSideNav .mover .arrow { position: relative; top: -20px; } .uiSideNav .mover .arrow:active, .uiSideNav .mover .arrow:focus { top: 0; } .droppableNav .grip { background-image: url("http://static.ak.fbcdn.net/rsrc.php/v2/yI/r/AShQNChNgfr.png"); background-position: -11px -49px; background-repeat: no-repeat; display: none; height: 10px; margin-top: 2px; width: 10px; } .editMode .droppableNav .grip { display: block; } .editMode .uiSideNav .external { background-image: none; } .middot, .navEdit, .navDone { display: none; } .expandedMode .middot, .expandedMode .navEdit, .navEditDone .navEdit, .editMode .navDone { display: inline; } .editMode .draggingMode { opacity: 0.5; } .editMode .droppableNav .draggingMode { opacity: 1; } .editMode .uiSideNav ul { display: none; } .editMode .middot, .editMode .navEdit, .editMode .navLessLink, .editMode .uiSideNav .count, .editMode .uiSideNav .divider, .editMode .uiSideNav .loading .mover, .editMode .uiSideNav .uiCloseButton { display: none !important; } #sideNav #pinnedNav { margin-top: 16px; } #sideNav .belowThreshold, #sideNav .homeSideNav .actionLinks, #sideNav #pinnedNav .hideOption { display: none; } #sideNav.editMode .homeSideNav .actionLinks { display: block; } #sideNav .moreSectionsLink { color: #7F93BC; font-size: 9px; font-weight: bold; } .navHeader, .navHeader a { color: #999999; font-size: 9px; font-weight: bold; margin-top: 12px; } .navHeader .bookmarksNavSeeAll { color: #6D84B4; white-space: nowrap; } .navHeader .uiLoadingIndicatorAsync { margin-top: -3px; } .editMode .nonDroppableNav { opacity: 0.5; } .editMode .nonDroppableNav .sortableItem { cursor: default; } .editMode .homeSideNav .bookmarksNavSeeAll, .homeSideNav .bookmarksNavSeeAll { visibility: hidden; } .homeSideNav:hover .bookmarksNavSeeAll, .forceMoreLink .bookmarksNavSeeAll { visibility: visible; } .homeSideNav a:hover { text-decoration: none; } .bookmarksNavSeeAll:hover { text-decoration: underline; } .homeSideNav .loading .bookmarksNavSeeAll { display: none; } .homeSideNav .bookmarksMenuButton ul { display: inline; } .sideNavItem:hover .bookmarksMenuButton .uiCloseButton, .sideNavItem .bookmarksMenuButton a.selected { visibility: visible; } .editMode .homeSideNav .sideNavItem .bookmarksMenuButton .uiCloseButton, .editMode .homeSideNav .sideNavItem:hover .bookmarksMenuButton .uiCloseButton { visibility: hidden; } .droppableNav .rearrange { display: inline; } .nonDroppableNav .rearrange { display: none; } div.fbComposerWideSpacing { border-bottom: 0 none; margin: 9px 0 -6px; padding-bottom: 4px; } div.fbFriendListComposer { border-bottom: medium none; margin-left: -18px; padding-left: 18px; } div.fbFriendListComposer .focus_target { border-bottom: 1px solid #E6E6E6; margin-left: -18px; padding-left: 18px; } div.fbFriendListComposer .child_was_focused { border-bottom: medium none; } div.fbFriendListComposer .uiComposerAttachments { padding: 5px 0 6px; } .composerExpandedPhoto #leftCol { padding-top: 2px; } .composerExpanded #content .newsFeedComposer { padding-top: 5px; } .composerExpanded .newsFeedComposer #rightCol { padding-top: 40px; } .composerExpandedPhoto .newsFeedComposer #rightCol { padding-top: 38px; } .hasExpandedComposer .home_right_column, .sidebarMode #content .hasExpandedComposer .home_right_column { margin-top: -12px; } .home #content .hasExpandedComposer .adsOnTop, .home #content .hasExpandedComposer .stickyAds { margin-top: 0; } div.uiComposerWithPhoto .focus_target { padding-left: 58px; } div.uiComposerWithPhoto .focus_target .uiComposerMetaContainer { margin-left: 2px; margin-top: -2px; } .uiComposerPhoto { position: absolute; top: 7px; } div.friendListFeed .uiComposerPhoto { top: 13px; } .composerExpandedPhoto .groupJumpLayout .groupComposerCleanWrap { margin-left: -10px; padding-top: 7px; } div.uiComposerWithPhoto .focus_target .groupComposerCleanWrap .uiComposerMetaContainer { margin-top: -1px; } .composerExpandedPhoto div.fbFriendListComposer .focus_target { padding: 3px 0 14px 76px; } .uiExpandedComposerWrap, .uiExpandedComposerWrapNotMeta { position: relative; } .composerExpandedPhoto .composerLeftNub { background: url("http://static.ak.fbcdn.net/rsrc.php/v2/yw/r/Z-7RGb1UpCq.gif") no-repeat scroll 0 0 transparent; height: 11px; left: 54px; position: absolute; top: 37px; width: 7px; z-index: 2; } .home .friendListFeed .composerLeftNub { top: 43px; } .composerExpandedPhoto .uiExpandedComposerWrapNotMeta .composerLeftNub { left: 52px; top: 39px; } .composerExpandedPhoto .uiExpandedComposerWrapNotMeta .uiComposerPhoto { top: 9px; } .composerExpanded .uiComposerWithPhoto .uiComposerAttachment .nub { display: none; } #pagelet_rhc_ticker { margin-top: -5px; } #pagelet_rhc_ticker .fbFeedTicker { padding-top: 5px; } .homeFixedLayout .fbFeedTicker.fixed_elem { background-color: #FFFFFF; z-index: 2; } .homeFixedLayout #contentCurve { height: 0; } div#contentCol.homeFixedLayout { padding-top: 5px; } .homeFixedLayout div#contentArea { padding-bottom: 20px; } .tickerOnTop #pagelet_rhc_ticker { margin-bottom: 5px; margin-top: 0; } .adsOnTop .rightColumnWrapper .fixed_scrolling_wrapper, .tickerOnTop .rightColumnWrapper { width: 244px; } .sidebarMode .tickerOnTop #pagelet_rhc_ticker { margin-bottom: 0; } .tickerOnTop #pagelet_rhc_ticker .fbFeedTicker { padding-top: 0; } .sidebarMode .tickerOnTop #pagelet_reminders .fbReminders { margin: 6px 0 12px; } .tickerOnTop #pagelet_reminders .fbReminders { margin: 8px 0 10px; } .tickerOnTop .ticker_container .ticker_stream { margin-top: -1px; } .tickerOnTop .ego_section { margin-bottom: 0; } .tickerOnTop .fbFeedTicker .ticker_container:before, .tickerOnTop .fbFeedTicker .ticker_container:after { background-color: rgba(0, 0, 0, 0.1) !important; content: ""; display: block; height: 1px !important; position: absolute; width: 100%; z-index: 2; } .tickerOnTop .fixed_elem .ticker_container:before { background-color: transparent !important; } .tickerOnTop .forceThickLine .ticker_container:before, .tickerOnTop .forceThickLine .ticker_container:after { background-color: transparent !important; } .tickerOnTop .fbFeedTicker .ticker_container:after { bottom: 0; } .tickerOnTop .fbFeedTicker .fbTickerFooter { border-top: 3px solid #F2F2F2; } .tickerOnTop .fixed_elem .fbFeedHeadThickLineCapable { border: 0 none; } div.composerOpen #rightCol { padding-top: 40px; } .homeFixedLayout #rightCol { padding-top: 56px; } .sidebarMode .hasExpandedComposer .tickerOnTop .fbRemindersThickline { visibility: hidden; } .hasExpandedComposer .stickyAds .fbRemindersThickline, .sidebarMode .home .hasExpandedComposer .stickyAds .fbRemindersThickline { display: block; visibility: visible; } .ticker .home .hasExpandedComposer .home_right_column { margin-top: 0; } .home_right_column .fbFeedTicker { border-bottom: 1px solid #C1C1C1; box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1); } .fbFeedTicker { width: 244px; } .homeFixedLayout .uiContextualDialogArrowRight { margin-right: 3px; } .homeFixedLayout #rightCol .uiSideHeader, #rightCol .tickerHeader { border-bottom: 1px solid #D9D9D9; border-top: 1px solid #E5E5E5; margin-bottom: 8px; padding: 3px 6px; } .homeFixedLayout #rightCol .uiSideHeader a { color: #6D84B4; } .homeFixedLayout #rightCol .tickerHeader { margin-bottom: 0; } .homeFixedLayout #rightCol .tickerHeader a { display: block; } .homeFixedLayout #rightCol .tickerHeader a .img { display: block; padding-top: 2px; } .tickerStoryContent { max-width: 183px; } .fbFeedTicker.disconnected { opacity: 0.3; } .fbFeedTicker .fbFeedTickerStory { background: none no-repeat scroll 15px 16px #FFFFFF; border-bottom: 1px solid #FFFFFF; border-top: 1px solid #E9E9E9; line-height: 14px; outline: 0 none; padding: 6px 14px 6px 2px; position: relative; } .hidden_rhc_ticker { display: none; } .adsOnTop .fbRemindersThickline, .tickerOnTop .fbRemindersThickline { display: none; } .adsOnTop div.fbRemindersThicklineForce, .tickerOnTop div.fbRemindersThicklineForce, #pagelet_reminders .displayedTickerToggleWrapper { display: block; } .sidebarMode #pagelet_reminders .tickerLineToggle, .sidebarMode #pagelet_sidebar .tickerLineToggle, .sidebarMode #pagelet_rhc_ticker .tickerLineToggle, .canvasTicker #pagelet_ticker .tickerLineToggle { display: none; } .sidebarMode #pagelet_reminders #fbTickerClosedEd, .sidebarMode #pagelet_current #fbTickerClosedEd, .sidebarMode #pagelet_sidebar #fbTickerClosedEd, .sidebarMode #pagelet_rhc_ticker #fbTickerClosedEd, .canvasTicker #pagelet_ticker #fbTickerClosedEd { display: none; } .tickerToggleWrapper { position: relative; } .tickerLineToggle { display: none; } .displayedTickerToggleWrapper .tickerLineToggle { background-color: #FFFFFF; display: inline-block; height: 7px; position: absolute; right: 6px; top: -6px; width: 20px; z-index: 3; } .displayedTickerToggleWrapper .tickerLineToggle .tickerLineToggleNormal { padding-left: 4px; } .displayedTickerToggleWrapper .tickerLineToggle .tickerLineToggleAsync { padding-left: 2px; } .displayedTickerToggleWrapper .async_saving .tickerLineToggleNormal { display: none; } .canHaveFixedElements #fixed_scrolling_container .displayedTickerToggleWrapper, .canHaveFixedElements .fixed_elem .displayedTickerToggleWrapper { margin-top: 15px; } .canHaveFixedElements .fixed_elem .toggleWrapperWithoutMargin { margin-top: 0 !important; } .fbRemindersThickline, .sidebarMode .fbRemindersThickline { background: none repeat scroll 0 0 #E9E9E9; border-top: 1px solid #CCCCCC; display: block; height: 1px; } .tickerOnTop .fbFeedHeadThickLineCapable { border-top: 1px solid #CCCCCC; } .fbFeedTicker .tickerStoryHidden .tickerStoryBlock { display: none; } .fbFeedTicker .fbFeedTickerStory .uiProfilePhoto { margin-right: 8px; } .fbFeedTicker .fbFeedTickerStory .uiFacepile .uiProfilePhoto { margin-right: 0; } .fbFeedTicker .fbFeedTickerStory .tickerFeedMessage, .fbFeedTicker .fbFeedTickerStory div.tickerFeedMessage h6 { display: inline; font-size: 11px; font-weight: normal; } .fbFeedTicker .fbFeedTickerStory .actorName, .fbFeedTicker .fbFeedTickerStory .actorDescription { display: inline; } .fbFeedTicker .fbFeedTickerStory .removeStory { float: right; margin-right: -5px; } .fbFeedTicker .fbFeedTickerStory .fbEmuHidePoll { padding-left: 5px; } .fbFeedTicker .tickerStoryClickable { cursor: pointer; } .fbFeedTicker .tickerStoryHidden { cursor: auto; } .fbFeedTicker .fbFeedTickerStory .uiStreamPassive, .fbFeedTicker .fbFeedTickerStory .tickerAttachmentBodyText, .fbFeedTicker .tickerStoryClickable a, .fbFeedTicker .tickerStoryClickable .passiveName, .fbFeedTicker .tickerStoryClickable .token { color: #333333; outline: 0 none; text-decoration: none; } .fbFeedTicker .tickerStoryActive, .fbFeedTicker .tickerStoryClickable:hover { background-color: #ECEFF5 !important; border-bottom-color: #ECEFF5 !important; } .fbFeedTicker .tickerStoryClicked, .fbFeedTicker .tickerStoryClicked:hover, .fbFeedTicker .tickerStorySelected, .fbFeedTicker .tickerStorySelected:hover { background-color: #D8DFEA !important; border-color: #A8B2CE !important; } .fbFeedTicker .tickerStoryHidden, .fbFeedTicker .tickerStoryHidden:hover { background-color: #FFFFFF !important; border-bottom: 1px solid #FFFFFF !important; border-top: 1px solid #E9E9E9 !important; } .fbFeedTicker .tickerStoryFetching.tickerStoryActive { background-image: url("http://static.ak.fbcdn.net/rsrc.php/v1/yk/r/LOOn0JtHNzb.gif"); } .fbFeedTicker .tickerStoryFetching.tickerStoryActive .tickerStoryImage { visibility: hidden; } .fbFeedTicker .scrollTopPrompt { background: url("http://static.ak.fbcdn.net/rsrc.php/v1/yU/r/n93MoBZD7fU.png") no-repeat scroll center 3px #E7E9EF; box-shadow: 0 1px 0 rgba(67, 74, 90, 0.3); cursor: pointer; height: 10px; position: absolute; width: 244px; z-index: 1; } .fbFeedTicker .scrollTopPrompt:hover { background-color: #E1E2E9; } .home_right_column .fbFeedTicker .scrollTopPrompt { background: url("http://static.ak.fbcdn.net/rsrc.php/v1/yU/r/n93MoBZD7fU.png") no-repeat scroll center 3px #FBFBFB; box-shadow: 0 1px 0 rgba(0, 0, 0, 0.15); } .home_right_column .fbFeedTicker .scrollTopPrompt:hover { background-color: #F2F2F2; box-shadow: 0 1px 0 rgba(0, 0, 0, 0.18); } .fbFeedTicker .fbFeedTickerStory .attachmentLink { border-left: 2px solid #CCCCCC; } .fbFeedTicker .attachmentPhotoOuter { border: 1px solid #CCCCCC; float: left; height: 34px; margin-left: 3px; padding: 2px; width: 54px; } .fbFeedTicker .attachmentPhotoOuter:first-child { margin-left: 0; } .fbFeedTicker .tickerPhotoAttachment { display: none; overflow: hidden; } div.fbFeedTicker .tickerStoryClickable .uiTooltipWrap { display: none; } .fbFeedTicker .attachmentPhotoInner { height: 34px; overflow: hidden; width: 54px; } .fbFeedTicker .attachmentPhoto { width: 54px; } .fbFeedTicker .highlightedStory { background-color: #FFF9D7 !important; border-color: #E2C822 !important; padding: 10px 5px; text-align: center; } .fbFeedTicker .noTimestamps .ticker_timestamp { display: none; } .fbFeedTicker .tickerSpamMenu { background: none repeat scroll 0 0 transparent !important; padding-left: 5px; } .fbFeedTicker .uiStreamInlineReplaceList { margin-left: 15px; margin-top: 5px; } .tickerNUXDialog { margin-top: 50px; } .fbFeedTicker .fbFeedTickerStory.tickerNuxStory { background-color: #F4F4F4; border-bottom-color: silver; border-top-color: #CCCCCC; box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1); margin: -2px 0 -15px; padding: 8px 8px 8px 10px; z-index: 10; } .tickerInlineOverlay { -moz-border-bottom-colors: none; -moz-border-image: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; background-color: #FFFFFF; border-color: rgba(0, 0, 0, 0.2) -moz-use-text-color rgba(0, 0, 0, 0.2) rgba(0, 0, 0, 0.2); border-radius: 2px 2px 2px 2px; border-style: solid none solid solid; border-width: 1px medium 1px 1px; box-shadow: 5px 0 10px 10px #ECEFF5; color: #6D84B4; display: none; height: 17px; margin-top: -12px; padding: 3px 10px 0 6px; position: absolute; right: 0; top: 50%; } .fbFeedTicker .tickerStoryActive .tickerInlineOverlay { display: block; } .fbFeedTicker .tickerStorySelected .tickerInlineOverlay { box-shadow: 5px 0 10px 10px #D8DFEA; } .tickerInlineOverlay:hover { border-color: rgba(59, 89, 152, 0.55); } .tickerInlineOverlay:active { background-color: rgba(249, 250, 252, 0.9); border-color: rgba(59, 89, 152, 0.5); } .tickerInlineOverlayDisabled { background-color: #FFFFFF !important; border-color: rgba(0, 0, 0, 0.2) !important; } .tickerInlineOverlayLink { display: none; } .canvasTicker .tickerInlineOverlayLink { display: none !important; } .tickerActionBottomButton { display: none !important; } .tickerActionExpandableButton { margin-top: -9px; position: absolute; right: 7px; top: 50%; } .tickerActionExpandableButton .tickerActionButtonLink { background-color: #F8F8F8; background-image: -moz-linear-gradient(center bottom , #F0F0F0, #FFFFFF); box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1); height: 16px; padding: 3px 0 1px 20px; width: 0; } .tickerStoryClicked .tickerActionExpandableButton .tickerActionButtonLink { background-color: #FFFFFF; background-image: -moz-linear-gradient(center bottom , #FFFFFF, #F0F0F0); } .tickerActionExpandableButton .tickerActionVerb { color: #3B5998; display: none; font-weight: bold; } .fbFeedTickerStory:hover .tickerActionExpandableButton .tickerActionButtonLink, .tickerStoryActive .tickerActionExpandableButton .tickerActionButtonLink { width: auto; } .tickerStoryActive .tickerActionExpandableButton .tickerActionVerb, .fbFeedTickerStory:hover .tickerActionExpandableButton .tickerActionVerb { display: inline; } .tickerActionExpandableButton .tickerActionIcon { left: 6px; position: absolute; top: 6px; } .tickerActionButtonLink { background-color: #FFFFFF; border: 1px solid #96A2C4; border-radius: 3px 3px 3px 3px; display: block; } .tickerActionButtonLink .tickerActionVerb { padding-right: 4px; } .fbFeedTicker .tickerStoryWithIcon { padding-right: 18px !important; } .fbFeedTicker .tickerStoryWithButton { padding-right: 33px !important; } .fbFeedTickerStory .tickerVisitIcon { display: none; margin-top: -3px; opacity: 0.7; position: absolute; right: 7px; top: 50%; } .fbFeedTickerStory:hover .tickerVisitIcon { display: block; } .tickerMusicButtonImg { background-image: url("http://static.ak.fbcdn.net/rsrc.php/v1/yj/r/qGQ43RMXTXE.png"); background-position: -17px -67px; background-repeat: no-repeat; height: 11px; width: 9px; } .tickerNewsButtonImg { background-image: url("http://static.ak.fbcdn.net/rsrc.php/v1/yj/r/qGQ43RMXTXE.png"); background-position: -17px -43px; background-repeat: no-repeat; height: 11px; width: 11px; } .tickerVideoButtonImg { background-image: url("http://static.ak.fbcdn.net/rsrc.php/v1/yj/r/qGQ43RMXTXE.png"); background-position: -17px -55px; background-repeat: no-repeat; height: 11px; width: 11px; } .tickerActionButtonImg { background-image: url("http://static.ak.fbcdn.net/rsrc.php/v1/yj/r/qGQ43RMXTXE.png"); background-position: -17px -79px; background-repeat: no-repeat; height: 10px; width: 10px; } .tickerActionExpandableButton img.tickerGameButtonImg { background-image: url("http://static.ak.fbcdn.net/rsrc.php/v1/yj/r/qGQ43RMXTXE.png"); background-position: -17px -17px; background-repeat: no-repeat; height: 14px; top: 5px; width: 11px; } #fbTickerClosedEd { border-bottom: 1px dashed #CCCCCC; } .homeWiderContent div#rightCol .home_right_column { width: 244px; } div#contentCol.homeWiderContent, .homeWiderContent #bottomContent { padding-left: 0; padding-right: 0; } .homeWiderContent div#rightCol { padding-right: 0; } .hasLeftCol .homeWiderContent div#contentArea { padding-left: 18px; padding-right: 25px; width: 511px; } div.homeWiderContent .megaphone_box { margin-left: -18px; margin-top: -5px; } #profile_minifeed .reportHide { display: none; } #profile_minifeed.uiReportStream .reportHide { display: block; } #profile_minifeed.uiReportStream .uiStreamHide, #profile_minifeed.uiReportStream .uiStreamHide .uiSelectorButton { position: static; } .fbProfileStream .uiStreamMessage .passiveName { font-weight: normal; } .fbProfileStream .uiStreamMessage a.passiveName { font-weight: bold; } div.experienceAttachment { border-left: 2px solid #CCCCCC; float: none; } div.experienceAttachment .img { margin-top: 1px; } .uiStreamStory .uiPhotoThumb img { max-width: 121px; } .uiStreamStory .largePhoto img { max-width: 300px; } .uiStream .uiStreamHeader { background-color: #E9E9E9; border-top: 1px solid #CCCCCC; height: 1px; margin: 20px 0 5px -18px; padding: 0; position: relative; } .hasExpandedComposer .uiStream .uiStreamHeader { border-top: 0 none; margin-top: 10px; } .uiStream .uiStreamHeader .uiStreamHeaderChronologicalForm, .uiStream .uiStreamHeader .uiStreamHeaderText { background-color: #FFFFFF; left: 0; padding-right: 2px; position: absolute; } .uiStream .uiStreamHeader .uiStreamHeaderText { color: gray; margin-left: 68px; top: -6px; } .uiStream .uiStreamHeader .uiStreamHeaderChronologicalForm { left: auto; right: 35px; top: -6px; } .uiStreamHeaderChronologicalForm .sortLink { background-image: url("http://static.ak.fbcdn.net/rsrc.php/v2/yI/r/AShQNChNgfr.png"); background-position: right -70px; background-repeat: no-repeat; color: gray; font-size: 9px; font-weight: bold; margin: 0 2px; padding: 0 9px 2px 3px; } .UIIntentionalStream_Error { display: none; padding-bottom: 8px; padding-top: 2px; } .UIIntentionalStream_HiddenInfo { float: right; } .UIIntentionalStream_AutoUpdate { margin: 5px; } .UIIntentionalStream_AutoUpdateMessage, .UIIntentionalStream_AutoUpdateControl { float: right; } .feedback_toggle_link .feedbackBling .text { line-height: normal; } a.feedbackBling { margin-left: -1px; margin-right: -1px; padding-bottom: 0; padding-top: 0; } .feedback_toggle_link .feedbackBling .img { margin-top: -1px; } .ufiItem .async_saving .uiUfiViewSharesLink, .ufiItem .stat_elem .uiUfiViewSharesLoading { display: none; } .ufiItem .async_saving .uiUfiViewSharesLoading { display: inline; } .uiPhotoThumb { border: 1px solid #CCCCCC; display: inline-block; } .uiPhotoThumb img { display: block; margin: 3px; } .uiPhotoThumb:hover { border: 1px solid #3B5998; } .loading.uiPhotoThumb { background: url("http://static.ak.fbcdn.net/rsrc.php/v2/yb/r/GsNJNwuI-UM.gif") no-repeat scroll center center transparent; } .loading.uiPhotoThumb img { opacity: 0.3; } .uiMenuXLoading { padding: 5px 0 3px; text-align: center; } .uiMenuXLoading .spinner { background-image: url("http://static.ak.fbcdn.net/rsrc.php/v2/yb/r/GsNJNwuI-UM.gif"); background-position: 0 0; background-repeat: no-repeat; display: inline-block; height: 11px; margin: 2px 10px 0; width: 16px; } .belowleft .uiMenuXWithShortBorder .uiMenuX, .belowright .uiMenuXWithShortBorder .uiMenuX { border-top: medium none; } .aboveleft .uiMenuXWithShortBorder .uiMenuX, .aboveright .uiMenuXWithShortBorder .uiMenuX { border-bottom: medium none; } .uiMenuXShortBorder { border-top: 1px solid #777777; position: absolute; right: 0; top: -1px; } .aboveleft .uiMenuXShortBorder, .aboveright .uiMenuXShortBorder { border-top: 2px solid #293E6A; } .aboveleft .uiMenuXShortBorder, .aboveright .uiMenuXShortBorder { top: auto; } .aboveright .uiMenuXShortBorder, .belowright .uiMenuXShortBorder { left: 0; right: auto; } .uiMenuX { -moz-border-bottom-colors: none; -moz-border-image: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; background-color: #FFFFFF; border-color: #777777 #777777 #293E6A; border-style: solid; border-width: 1px 1px 2px; overflow-y: auto; padding: 3px 0 4px; } .uiMenuXItem .itemAnchor { -moz-border-bottom-colors: none; -moz-border-image: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; border-color: #FFFFFF; border-style: solid; border-width: 1px 0; color: #111111; display: block; font-weight: normal; line-height: 16px; padding: 1px 16px 1px 22px; text-decoration: none; } .uiMenuXItem a:hover, .uiMenuXItem a:active, .uiMenuXItem a:focus { outline: medium none; text-decoration: none; } .uiMenuXItem a.highlighted { background-color: #6D84B4; border-color: #3B5998; color: #FFFFFF; } .uiMenuX .checked .itemAnchor { background: url("http://static.ak.fbcdn.net/rsrc.php/v2/yu/r/6NHt8H5uyPf.png") no-repeat scroll left 4px transparent; font-weight: bold; } .uiMenuX .checked a.highlighted { background-color: #6D84B4; background-position: left -56px; } .uiMenuXItem { white-space: nowrap; } .uiMenuXItem .itemLabel { display: block; max-width: 300px; text-overflow: ellipsis; white-space: nowrap; } .uiMenuXItem .hasIcon .img, .uiMenuXItem .hasIcon .itemLabel { display: inline-block; vertical-align: middle; } .uiSideNav .loading .uiLoadingIndicatorAsync, .uiFutureSideNav .loading .uiLoadingIndicatorAsync { display: inline; } .editMode .uiSideNav .loading .uiLoadingIndicatorAsync, .uiSideNav .loading ul .uiLoadingIndicatorAsync { display: none; } .uiSideNav .uiLoadingIndicatorAsync { position: relative; top: 2px; } .uiSideNav .buttonWrap { clear: left; float: left; height: 20px; text-align: right; width: 20px; } .uiSideNav .sideNavItem { margin-left: -20px; padding-right: 20px; width: 100%; } .uiSideNav .drag { margin-left: 0; } .uiSideNav .item, .uiSideNav .subitem { margin-left: 20px; margin-right: -20px; } .uiSideNav .sideNavItem .imgWrap { float: left; margin-left: -22px; margin-top: -1px; } .uiSideNav .sideNavItem .linkWrap { display: block; overflow: hidden; padding-left: 0; text-overflow: ellipsis; white-space: nowrap; } .uiSideNav .sideNavItem .hasCount { max-width: 110px; } .uiSideNav .sideNavItem .noCount { max-width: 145px; } .uiSideNav .sideNavItem .subitem .hasCount { max-width: 90px; } .uiSideNav .sideNavItem .subitem .noCount { max-width: 125px; } .uiSideNav .loading .noCount { max-width: 127px; } .uiSideNav .sideNavItem .uiSideNavEditButton { margin: 2px 5px 0 0; text-align: left; } .uiSideNav .sideNavItem .uiCloseButton { opacity: 0; } .uiSideNav .sideNavItem .uiCloseButton:focus, .uiSideNav .sideNavItem:hover .uiCloseButton, .uiSideNav .sideNavItem .openToggler .uiCloseButton { opacity: 1; } .uiNarrowSideNav .uiSideNav .sideNavItem:hover .buttonWrap, .uiNarrowSideNav .uiSideNav .hover .buttonWrap, .uiNarrowSideNav .uiSideNav .editMenuOpened .buttonWrap { display: block; padding-right: 4px; width: 25px; } .uiNarrowSideNav .uiSideNav .buttonWrap, .uiNarrowSideNav .uiSideNav .sideNavItem:hover .item .rfloat, .uiNarrowSideNav .uiSideNav .hover .item .rfloat, .uiNarrowSideNav .uiSideNav .editMenuOpened .item .rfloat { display: none; } .uiNarrowSideNav .uiSideNav .buttonWrap { float: right; margin-right: -2px; width: 0; } .uiNarrowSideNav .sideNavItem { margin-left: 0; padding-right: 0; } .uiNarrowSideNav .sideNavItem .item, .uiNarrowSideNav .sideNavItem .subitem { margin-left: 0; margin-right: 0; } .uiBlingBox { border-bottom: 1px solid #FFFFFF; display: inline-block; padding: 3px 4px 3px 2px; } .uiBlingBox:hover { background-color: #ECEFF5; border-bottom: 1px solid #E5EAF1; text-decoration: none; } .uiBlingBox .text { line-height: 11px; vertical-align: text-bottom; } .uiBlingBoxSm .text { font-size: 9px; } .uiBlingBox .img { margin-right: 2px; vertical-align: text-top; } .uiBlingBoxSm .img { vertical-align: text-bottom; } .uiBlingBox .emptyBling { margin-right: 0 !important; } span.FollowLink .followLinkInlineCheck { display: inline; margin-right: 4px; } .followLinkSubscribed { cursor: default; } .fan_status_inactive { background-color: #FFFCCC; color: #666666; line-height: 18px; margin: 0; padding: 0 0 0 3px; } .audienceSelector { text-align: left; } .audienceSelectorNoTruncate, .audienceSelectorNoTruncate .uiSelectorButton, .audienceSelectorNoTruncate .uiSelectorButton:active, .audienceSelectorNoTruncate .uiSelectorButton:focus .audienceSelectorNoTruncate .uiSelectorButton:hover, .audienceSelectorNoTruncate .uiButtonSuppressed:active, .audienceSelectorNoTruncate .uiButtonSuppressed:focus, .audienceSelectorNoTruncate .uiButtonSuppressed:hover, .audienceSelectorNoTruncate .uiSelectorButton .uiButtonText { max-width: none !important; } .audienceSelector .uiSelectorBigButtonLabel .uiButtonText { overflow: visible; } .audienceSelector .uiSelectorButton .customimg { margin-left: -2px; margin-right: 2px; } .audienceSelector .uiButtonNoText .customimg { margin-right: -5px; } .showSecondaryOptions li, .audienceSelector .secondaryOption, .audienceSelector .returnOption { display: none; } .showSecondaryOptions li, .audienceSelector .secondaryOption, .audienceSelector .returnOption { display: none; } .showSecondaryOptions .returnOption, .showSecondaryOptions .secondaryOption, .friendList .friendListOption { display: block; } .showSecondaryOptions .uiSelectorMenu { max-height: 214px; overflow-x: hidden; overflow-y: auto; } .permalink_stream .fbStreamPermalinkHeader .audienceSelector .uiSelectorButton, .uiStream .uiStreamMinistoryGroup .uiStreamPrivacyContainer .audienceSelector .uiSelectorButton, .uiStream .uiStreamStory .uiStreamFooter .audienceSelector .uiSelectorButton { padding: 1px 18px 1px 6px; vertical-align: middle; } .permalink_stream .fbStreamPermalinkHeader .audienceSelector .wrap .uiSelectorButton { margin-top: 2px; } .permalink_stream .fbStreamPermalinkHeader .audienceSelector .wrap .uiSelectorButton, .uiStream .uiStreamMinistoryGroup .uiStreamPrivacyContainer .audienceSelector .wrap .uiSelectorButton, .uiStreamFooter .audienceSelector .wrap .uiSelectorButton { background-color: transparent; background-image: none; } .permalink_stream:hover .fbStreamPermalinkHeader .newAudienceSelector.audienceSelector .uiSelectorButton, .uiStream .uiStreamMinistoryGroup:hover .uiStreamPrivacyContainer .audienceSelector.newAudienceSelector .uiSelectorButton, .uiStream .uiStreamStory:hover .uiStreamFooter .newAudienceSelector.audienceSelector .uiSelectorButton { background-image: url("http://static.ak.fbcdn.net/rsrc.php/v2/yI/r/AShQNChNgfr.png"); background-position: -464px -3px; background-repeat: no-repeat; border: 1px solid #DDDDDD; } .permalink_stream .fbStreamPermalinkHeader .audienceSelector .uiSelectorButton:hover, .uiStream .uiStreamMinistoryGroup .uiStreamPrivacyContainer .audienceSelector .uiSelectorButton:hover, .uiStream .uiStreamStory .uiStreamFooter .audienceSelector .uiSelectorButton:hover { background-image: url("http://static.ak.fbcdn.net/rsrc.php/v2/yi/r/Ce0Xa8hRU2A.png"); background-position: -816px -7px; background-repeat: no-repeat; border: 1px solid #999999; padding-right: 18px; } .permalink_stream:hover .fbStreamPermalinkHeader .audienceSelector .openToggler .uiSelectorButton, .permalink_stream .fbStreamPermalinkHeader .audienceSelector .openToggler .uiSelectorButton, .permalink_stream .fbStreamPermalinkHeader .audienceSelector .openToggler .uiSelectorButton:hover, .uiStream .uiStreamMinistoryGroup:hover .uiStreamPrivacyContainer .audienceSelector .openToggler .uiSelectorButton, .uiStream .uiStreamMinistoryGroup .uiStreamPrivacyContainer .audienceSelector .openToggler .uiSelectorButton, .uiStream .uiStreamMinistoryGroup .uiStreamPrivacyContainer .audienceSelector .openToggler .uiSelectorButton:hover, .uiStream .uiStreamStory:hover .uiStreamFooter .audienceSelector .openToggler .uiSelectorButton, .uiStream .uiStreamStory .uiStreamFooter .audienceSelector .openToggler .uiSelectorButton, .uiStream .uiStreamStory .uiStreamFooter .audienceSelector .openToggler .uiSelectorButton:hover { -moz-border-bottom-colors: none; -moz-border-image: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; background-color: #6D84B4; background-image: url("http://static.ak.fbcdn.net/rsrc.php/v2/yi/r/Ce0Xa8hRU2A.png"); background-position: -816px -252px; background-repeat: no-repeat; border-color: #3B5998 #3B5998 #6D84B4; border-style: solid; border-width: 1px; box-shadow: none; padding-right: 18px; } .permalink_stream .fbStreamPermalinkHeader .audienceSelector .openToggler .uiSelectorButton .customimg, .permalink_stream .audienceSelector .openToggler .uiSelectorButton:hover .customimg, .uiStream .uiStreamMinistoryGroup .uiStreamPrivacyContainer .audienceSelector .openToggler .uiSelectorButton .customimg, .uiStream .uiStreamMinistoryGroup .uiStreamPrivacyContainer .audienceSelector .openToggler .uiSelectorButton:hover .customimg, .uiStream .uiStreamStory .uiStreamFooter .audienceSelector .openToggler .uiSelectorButton .customimg, .uiStream .uiStreamStory .uiStreamFooter .audienceSelector .openToggler .uiSelectorButton:hover .customimg { margin-left: -1px; } .permalink_stream .fbStreamPermalinkHeader .audienceSelector .uiSelectorMenuWrapper, .uiStream .uiStreamMinistoryGroup .uiStreamPrivacyContainer .audienceSelector .uiSelectorMenuWrapper, .timelineAudienceSelector .uiSelectorMenuWrapper, .uiStream .uiStreamStory .uiStreamFooter .audienceSelector .uiSelectorMenuWrapper { margin-top: 0; } .permalink_stream .fbStreamPermalinkHeader .audienceSelector .wrap, .uiStream .uiStreamMinistoryGroup .uiStreamPrivacyContainer .audienceSelector, .uiStream .uiStreamStory .uiStreamFooter .audienceSelector .wrap { margin-top: -3px; } .permalinkBody .fbStreamPermalinkHeader .audienceSelector .uiSelectorButton .customimg, .uiStream .uiStreamMinistoryGroup .uiStreamPrivacyContainer .audienceSelector .uiSelectorButton .customimg, .uiStreamFooter .audienceSelector .uiSelectorButton .customimg { margin-right: 0; margin-top: 1px; } .permalinkBody .fbStreamPermalinkHeader .audienceSelector .uiSelectorMenu .itemIcon, .uiStream .uiStreamMinistoryGroup .uiStreamPrivacyContainer .audienceSelector .uiSelectorMenu .itemIcon, .uiStreamFooter .audienceSelector .uiSelectorOption .itemIcon { display: none; } .fbTimelineFeedbackActions { background-color: #EDEFF4; padding: 5px 13px; } .fbTimelineMiniUFI .fbTimelineFeedbackActions { background: none repeat scroll 0 0 transparent; padding: 0; } .lifeEventContainer .fbTimelineFeedbackNub { display: none; } .fbTimelineFeedbackNub i { background-image: url("http://static.ak.fbcdn.net/rsrc.php/v1/y7/r/UvyvLtJTQzO.png"); background-position: 0 0; background-repeat: no-repeat; display: block; height: 5px; margin-left: 17px; width: 9px; } .fbTimelineFeedbackHeader form { display: inline; } .fbTimelineUFI .UIActionLinks_bottom a, .fbTimelineUFI .fbTimelineFeedbackActions input, .fbTimelineUFI .UIActionLinks .uiLinkButton, .fbTimelineUFI .UIActionLinks .uiLinkButton input, .fbTimelineUFI div.fbTimelineFeedbackActions input:hover, .fbTimelineUFI .fbTimelineFeedbackActions button.as_link { color: #3B5998; } .fbTimelineFeedbackHeader .uiBlingBox, .fbTimelineFeedbackHeader .uiBlingBox:hover { border-style: none; height: 13px; padding: 0; } .fbTimelineFeedbackHeader .uiBlingBox .text { vertical-align: baseline; } .fbTimelineFeedbackComments a:hover, .fbTimelineFeedbackLikes a:hover, .fbTimelineFeedbackShares a:hover { text-decoration: none; } .fbTimelineFeedbackComments a, .fbTimelineFeedbackLikes a, .fbTimelineFeedbackShares a { padding-left: 18px; position: relative; } .fbTimelineFeedbackComments i, .fbTimelineFeedbackLikes i, .fbTimelineFeedbackShares i { display: block; left: 0; position: absolute; top: -1px; width: 14px; } .fbTimelineFeedbackLikes i { background-image: url("http://static.ak.fbcdn.net/rsrc.php/v1/ye/r/SJMMHV014Gr.png"); background-position: -14px -63px; background-repeat: no-repeat; height: 13px; } .fbTimelineFeedbackComments i { background-image: url("http://static.ak.fbcdn.net/rsrc.php/v1/yI/r/AShQNChNgfr.png"); background-position: -101px -64px; background-repeat: no-repeat; height: 15px; } .fbTimelineFeedbackShares i { background-image: url("http://static.ak.fbcdn.net/rsrc.php/v1/yi/r/Ce0Xa8hRU2A.png"); background-position: -51px -50px; background-repeat: no-repeat; height: 16px; } .timelineLayout { background: none repeat scroll 0 0 #E7EBF2; } .canHaveFixedElements body.timelineLayout #blueBar { padding-top: 0 !important; } body.timelineLayout #blueBar.timeline_fixed { padding-top: 0 !important; position: fixed !important; } .timelineLayout #globalContainer { clear: both; } .timelineLayout #contentArea { position: relative; width: 851px !important; } .timelineLayout #contentCol { background: none repeat scroll 0 0 transparent; padding-top: 0; } .timelineLayout #rightCol { margin-right: -5px; width: 122px; } .timelineLayout #rightCol.timeline_fixed .rightColWrap { position: fixed; top: 38px; } .timelineLayout #pageFooter { margin: 0; overflow: hidden; width: 851px; } .timelineLayout #contentCurve { background-color: transparent; } .timelineLayout #footerContainer { border: 0 none; padding: 8px 0 38px; } .timelineLayout .fbTimelineTopSection { margin: 0; padding: 0; } .timelineLayout .megaphone_story_wrapper { margin-bottom: 10px; } .timelineLayout .megaphone_box { background-color: #FFFFFF; border-top: 0 none; } .fbTimelineSection { -moz-border-bottom-colors: none; -moz-border-image: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; background: none repeat scroll 0 0 #FFFFFF; border-color: #C4CDE0; border-radius: 3px 3px 3px 3px; border-style: solid; border-width: 1px 1px 2px; padding: 20px 35px 10px; } .fbTimelineSection .uiMorePager { margin: 0 -35px -10px; } .pageAppTab { padding: 20px; } .fbTimelineTopSection { border-bottom: 0 none; border-radius: 0 0 0 0; border-top: 0 none; padding-bottom: 0; } .fbTimelineTopSectionBase .topSectionBottomBorder { display: block; } .fbTimelineTopSectionBase.collapsedHead .topSectionBottomBorder { display: none; } .fbTimelineCompactSection { padding: 0 0 15px; } .fbTimelineCompactSection .uiMorePager { margin: 0; } .fbTimelineSectionTransparent { background: none repeat scroll 0 0 transparent; border: medium none; border-radius: 0 0 0 0; box-shadow: none; padding-top: 75px; } .fbTimelinePermalink .fbTimelineSectionTransparent { padding-top: 0; } #pagelet_timeline_recent .fbTimelineCompactSection { padding: 0; } .fbTimelineTabSection { padding: 20px 20px 0; } .fbTimelineTabSection .uiMorePager { margin: 0 -20px; } .fbTimelineSectionOverlay { height: 550px; overflow: auto; padding: 0; } .fbTimelineMorePostsPager .uiMorePager { text-align: right; } .fbTimelineSubSections { display: none; } .fbTimelineSectionExpanded .fbTimelineSubSections { display: block; } .fbTimelineSectionExpandPager .async_saving a.uiMorePagerPrimary { display: none; } .fbTimelineSectionExpandPager .asyncSaving .uiMorePager .uiMorePagerLoader { display: inline-block; } .fbTimelineSectionExpander .uiMorePager .uiMorePagerPrimary, .fbTimelineSectionExpander .uiMorePager .uiMorePagerPrimary:hover { background: none repeat scroll 0 0 transparent; border: 0 none; margin: 0; padding: 0; } .fbTimelineSectionExpandPager .timelineExpandLabel { background: none repeat scroll 0 0 #778CB7; border-radius: 3px 3px 3px 3px; color: #FFFFFF; display: inline-block; height: 14px; padding: 4px 10px; white-space: nowrap; } .fbTimelineSectionExpandPager .timelineExpandLabel i { margin: 0 0 1px 7px; position: relative; } .fbTimelineSectionExpandPager .timelineExpandLabel:hover { background: none repeat scroll 0 0 #5D76AA; } .fbTimelineShowOlder .uiMorePager a.uiMorePagerPrimary, .fbTimelineShowOlder .uiMorePager a.uiMorePagerPrimary:hover { background-color: #94A1C1; border-radius: 3px 3px 3px 3px; display: inline-block; padding: 4px 10px; } .fbTimelineShowOlder .uiMorePager a.uiMorePagerPrimary:hover { background-color: #697CAC; text-decoration: underline; } .fbTimelineShowOlder .async_saving a.uiMorePagerPrimary, .fbTimelineShowOlder .async_saving a.uiMorePagerPrimary:hover { display: none; } .fbTimelineSectionExpandPager a { color: #FFFFFF; } .fbTimelineSectionExpandPager a:hover { text-decoration: none; } .fbTimelineSectionExpandPager .uiHeader { background: none repeat scroll 0 0 transparent; border: 0 none; } .fbTimelineSectionExpandPager .uiMorePagerLoader { background-color: #E7EBF2; border: 0 none; margin: 0; padding: 8px; } .fbTimelineSectionExpandPager .async_saving .uiMorePagerLoader { display: inline-block; } .fbTimelineSectionExpandPager .noContent { background-color: #EDEFF4; color: #999999; text-align: center; } .fbTimelineSectionExpandPager { position: relative; text-align: center; } .fbTimelineRightPager { left: 50%; } .fbTimelineSectionLoading { min-height: 180px; } .fbTimelineHiddenPager { bottom: -10000px; position: fixed; } .tinyViewport div.fbTimelineSideAdsOffScreen, div.fbTimelineSideAdsOffScreen { position: fixed !important; right: -300px !important; width: 244px; } .tinyViewport .fbTimelineVerticalAds div.fbTimelineSideAdsOffScreen, .fbTimelineVerticalAds div.fbTimelineSideAdsOffScreen { width: 122px; } .fbTimelineSideAds { bottom: 15px; padding-top: 12px; width: 244px; } .fbPagesTimelineAds { padding-top: 42px; } div.fbTimelineVerticalAds .ego_column, div.fbTimelineVerticalAds { width: 122px; } div.fbTimelineVerticalAds .fbEmuEgo .image_body_block { padding-top: 0; } div.fbTimelineVerticalAds .fbEmuEgo .fbEmuImage { float: none; } div.fbTimelineSideAds .uiSideHeader { background: none repeat scroll 0 0 transparent; border-bottom: 1px solid #C8D1E2; border-top: 0 none; margin-bottom: 0; padding: 4px; } div.fbTimelineSideAds .ego_unit { border-color: #C8D1E2; margin-bottom: 7px; padding-top: 3px; } div.fbTimelineSideAds div.ego_section > div { padding-left: 0; padding-right: 0; } .fbTimelineSideAds .uiSideHeader h4 { color: gray; font-weight: normal; } .fbTimelineVerticalAds a.uiHeaderActions { display: none; } .adsUpsellEgoImage { margin-top: 3px; } .fbTimelineTopAlignedAds { bottom: auto; top: 50px; } .fbTimelineUFI { background: none repeat scroll 0 0 #FFFFFF; margin-bottom: 0 !important; margin-top: -12px; position: relative; top: 12px; } .fbTimelineUFIEmpty { margin-top: -15px; } .fbTimelineUFI .fbUfi { padding: 0; width: 100%; } .fbTimelineUFI .uiUfi .ufiItem { border: 0 none; padding: 5px 12px; } .fbTimelineFeedbackLikes, .fbTimelineFeedbackComments, .fbTimelineFeedbackShares { float: right; margin-left: 5px; } .fbTimelineOneColumn .fbTimelineUFI .uiUfiComment .commentContent { width: 600px; } .fbTimelineMiniUFI { margin: 0 0 -2px; } .fbTimelineMiniUFI .miniActionList { display: inline-block; } .fbTimelineMiniUFI .uiLoadingIndicatorAsync { margin: 0 0 -2px 6px; } .timelineUnitContainer { position: relative; } .timelineUnitContainer .uiCommentContainer { margin-bottom: -12px; margin-left: -12px; padding-top: 3px; width: 403px; } .fbTimelineOneColumn .uiCommentContainer { width: 843px; } .fbTimelineUnitActor + .aboveUnitContent { margin-top: 15px; } .timelineUnitContainer .aboveUnitContent { margin-bottom: 15px; } .timelineUnitContainer .belowUnitContent { margin-top: 15px; } .uiButtonGroup { background-clip: padding-box; background-color: #FFFFFF; border: 1px solid rgba(0, 0, 0, 0.35); border-radius: 3px 3px 3px 3px; box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1); display: inline-block; padding: 0; white-space: nowrap; } .uiButtonGroup .uiButtonGroupItem { border-color: rgba(0, 0, 0, 0.15); border-left: 1px solid rgba(0, 0, 0, 0.15); display: inline-block; vertical-align: top; } .uiButtonGroup .firstItem { border-left: 0 none; } .uiButtonGroup .uiSelector, .uiButtonGroup .uiButton { box-shadow: none; vertical-align: top; } .uiButtonGroup .selectorItem .uiSelector, .uiButtonGroup .buttonItem .uiButton { margin: -1px; } .uiButtonGroup .uiButtonLarge { padding: 2px 8px; } .uiButtonGroup .uiButtonOverlay, .uiButtonGroupOverlay .uiButtonGroupItem .uiButtonDisabled, .uiButtonGroupOverlay .uiButtonGroupItem .uiButtonDisabled:hover, .uiButtonGroupOverlay .uiButtonGroupItem .uiButtonDisabled:active, .uiButtonGroupOverlay .uiButtonGroupItem .uiButtonDisabled:focus { background-clip: padding-box; border-color: transparent; } .uiButtonGroup .selectorItem .openToggler .uiButton, .uiButtonGroup .buttonItem .uiButtonSpecial, .uiButtonGroup .buttonItem .uiButtonConfirm { position: relative; z-index: 1; } .uiButtonGroup span .uiButtonOverlay, .uiButtonGroup span .uiButtonOverlay:hover { background-color: transparent; background-image: url("http://static.ak.fbcdn.net/rsrc.php/v2/yz/r/Xa4Engrwdwn.png"); background-position: right -4px; background-repeat: no-repeat; } .uiButtonGroup span .uiButtonOverlay:active, .uiButtonGroup span .uiButtonOverlay:focus { background-color: transparent; background-image: url("http://static.ak.fbcdn.net/rsrc.php/v2/yz/r/Xa4Engrwdwn.png"); background-position: right -53px; background-repeat: no-repeat; } .uiButtonGroupOverlay span .uiButtonOverlay.uiButtonDisabled { background-image: url("http://static.ak.fbcdn.net/rsrc.php/v2/yz/r/Xa4Engrwdwn.png"); background-position: right -4px; background-repeat: no-repeat; } .uiButtonGroup .buttonItem .uiButtonOverlay, .uiButtonGroup .buttonItem .uiButtonOverlay:hover { background-image: url("http://static.ak.fbcdn.net/rsrc.php/v2/yh/r/dY1OX3Rg_lr.png"); background-position: 0 0; background-repeat: no-repeat; } .uiButtonGroup .buttonItem .uiButtonOverlay:active, .uiButtonGroup .buttonItem .uiButtonOverlay:focus { background-image: url("http://static.ak.fbcdn.net/rsrc.php/v2/yh/r/dY1OX3Rg_lr.png"); background-position: 0 -49px; background-repeat: no-repeat; } .uiButtonGroupOverlay .buttonItem .uiButtonOverlay.uiButtonDisabled { background-image: url("http://static.ak.fbcdn.net/rsrc.php/v2/yh/r/dY1OX3Rg_lr.png"); background-position: 0 0; background-repeat: no-repeat; } .uiButtonGroupOverlay .uiButton { border-radius: 0 0 0 0; } .uiButtonGroupOverlay .firstItem .uiButton { border-bottom-left-radius: 3px; border-top-left-radius: 3px; } .uiButtonGroupOverlay .lastItem .uiButton { border-bottom-right-radius: 3px; border-top-right-radius: 3px; } .uiHoverButton, .uiHoverButton .uiButtonText, .uiHoverButton input { cursor: default; } .uiHoverButtonSelected, .uiHoverButtonSelected:active, .uiHoverButtonSelected:hover { background: none repeat scroll 0 0 #6D84B4; border-color: #3B5998; box-shadow: none; } .uiHoverButtonSelected input { color: #FFFFFF; } .uiHoverButtonLoading { text-align: center; } .uiSideNavCountSprited, .uiSideNavCountSpritedRed { display: inline-block; font-weight: bold; line-height: 13px; padding-right: 4px; text-decoration: none; } .uiSideNavCountSprited { background: url("http://static.ak.fbcdn.net/rsrc.php/v2/yk/r/BwKwOpPWbGZ.png") no-repeat scroll right 0 transparent; color: #3B5998; } .uiSideNavCountSpritedRed { background: url("http://static.ak.fbcdn.net/rsrc.php/v2/yw/r/FXhobYWkNTu.png") no-repeat scroll right 0 transparent; color: #FFFFFF; } .uiSideNavCountSprited .countValue { background: url("http://static.ak.fbcdn.net/rsrc.php/v2/yk/r/BwKwOpPWbGZ.png") no-repeat scroll 0 -13px transparent; padding-left: 4px; } .uiSideNavCountSpritedRed .countValue { background: url("http://static.ak.fbcdn.net/rsrc.php/v2/yw/r/FXhobYWkNTu.png") no-repeat scroll 0 -13px transparent; padding-left: 4px; } .uiSideNavCountSprited .countValue, .uiSideNavCountSprited .maxCountIndicator { display: inline-block; height: 13px; vertical-align: top; } .uiSideNav .async_saving .uiSideNavCountSprited, .uiSideNav .loading .uiSideNavCountSprited { display: none; } .bulkTaggerTypeahead { width: 210px; } .bulk_tagger_body .bulkTagIcon { margin-right: 7px; margin-top: 6px; } .bulk_tagger_body .bulkTagStatus { display: inline-block; padding-top: 4px; } .bulkTagSaving { display: none; } .tagSaving .bulkTagSaving { display: inline-block; margin-top: 2px; } .bulk_tagger_loading { background-image: url("http://static.ak.fbcdn.net/rsrc.php/v2/yk/r/LOOn0JtHNzb.gif"); background-position: center center; background-repeat: no-repeat; height: 21px; } .fbCommentViewMetadata, .fbCommentViewMetadata .fbPhotosPhotoUfi { width: 364px; } span.fbCommentViewThumb i { width: 320px; } .fbxPhotoSetPageHeader .fbxPhotoSetPageHeaderByline { width: 714px; } .fbxPhotoSetPageHeader .fbxPhotoSetPageHeaderBox { float: left; width: 714px; } .fbxPhotoSetPageHeader .fbxPhotoSetViewSwitcher { width: 8px; } .fbxPhotoSetPageHeader .fbxPhotoSetViewSwitcher .fbxPhotoSetViewSwitcherIcon { margin-top: 2px; } #fbxPhotoSetViewSwitcherGrid { border-right: 0 none; } #fbxPhotoSetViewSwitcherComment { margin-left: 0; } .fbxPhotoSetViewSwitcherThrobber { background-position: left center; display: inline-block; } .fbxPhotoSetPageHeader .async_throbber_left .async_saving { padding-left: 28px; } #fbCommentViewList { margin-top: -10px; } div.photoSetHeader { padding-bottom: 0; } .fbxPhotoSetPageMetadata { width: 437px; } .fbPhotoFeedbackForm .uiUfi { width: 430px; } a.uiMediaThumbTagging { cursor: default; } a.uiMediaThumbTagging i, a.uiMediaThumbTagging .taggerOverlay { cursor: crosshair; } a.uiMediaThumbTagging .taggerOverlayDisabled { cursor: default; } a.uiMediaThumbTagging:hover, a.uiMediaThumbTagging:active, a.uiMediaThumbTagging:focus { border-color: #CCCCCC; text-decoration: none; } .tagWrapper { overflow: hidden; position: relative; } a.uiMediaThumbTagging .taggerOverlay .lockBar { background-color: #222222; color: #FFFFFF; left: 10px; opacity: 0.9; padding-left: 21px; position: absolute; top: 86px; } a.uiMediaThumbTagging .taggerOverlay .lockIcon { background-image: url("http://static.ak.fbcdn.net/rsrc.php/v2/y7/r/LIMS6JdvvOD.png"); background-repeat: no-repeat; display: inline-block; height: 15px; left: 6px; position: absolute; top: 5px; width: 15px; } a.uiMediaThumbTagging .taggerOverlay .blackwash { background: none repeat scroll 0 0 #000000; height: 100%; left: 0; opacity: 0.7; position: absolute; top: 0; width: 100%; } a.uiMediaThumbTagging .taggerOverlay .highlightBox { border: 2px solid #FFFFFF; opacity: 0.3; position: absolute; } .fbPhotosReorderableGrid .drag { z-index: 200; } .fbPhotosReorderableGrid .dragWrapper { position: relative; } .fbPhotosReorderableGrid .dragWrapper .uiMediaThumb { cursor: move; } .fbPhotosReorderableGrid .dragWrapper .dragHover { display: none; } .fbPhotosReorderableGrid .dragWrapper:hover .dragHover { display: block !important; } .fbPhotosReorderableGrid .dragHover { background-color: #DDDDDD; left: 10px; position: absolute; top: 10px; } .fbPhotosReorderableGrid .mover { display: block; left: -8px; overflow: hidden; position: absolute; text-align: right; top: 3px; z-index: 2; } .fbPhotosReorderableGrid .mover .arrow { position: relative; top: -20px; } .fbPhotosReorderableGrid .mover .arrow:active, .fbPhotosReorderableGrid .mover .arrow:focus { top: 0; } .fluploader_swfdiv { left: 0; position: absolute; top: 0; } .modalWrapper.flashUploaderOverlay.uiLayerPageWrapper { background-color: rgba(231, 235, 243, 0.92); } .flashUploaderOverlayButton { display: inline; position: relative; vertical-align: top; } .composerPhotoGrid .flashUploaderOverlayButton { display: block; } .flashUploaderOverlayButton.async_saving { background: url("http://static.ak.fbcdn.net/rsrc.php/v2/yk/r/LOOn0JtHNzb.gif") no-repeat scroll center center transparent; } .flashUploaderOverlayButton.async_saving div, .flashUploaderOverlayButton.async_saving a { opacity: 0.5; } .flashUploaderOverlayButton a.selectOver, .flashUploaderOverlayButton .selectOver a.attachmentLink { text-decoration: underline; } .composerPhotoGrid .flashUploaderOverlayButton a.selectOver { background-color: #EBEEF4; } .flashUploaderOverlay .uiOverlayContent { padding-bottom: 25px; } .flashUploaderOverlay .layerCancel { display: none; } .flashUploaderOverlay .headerBox { border-color: #C4CDE0 #C4CDE0 rgba(0, 0, 0, 0.1); border-radius: 3px 3px 0 0; left: -1px; margin: 0; position: absolute; right: -1px; top: -1px; z-index: 2; } .flashUploaderOverlay .albumInfoFields { width: 330px; } .flashUploaderOverlay .albumMetaFields { margin-left: 110px; } .flashUploaderOverlay .albumMetaPlacesInput { float: right; margin-right: 20px; width: 280px; } .flashUploaderOverlay .albumInfoFields input { -moz-transition: border-color 0.2s ease 0s; border-color: #FFFFFF; outline: medium none; } .flashUploaderOverlay .albumInfoFields input:hover, .flashUploaderOverlay .albumInfoFields input:focus { border-color: #BEC7DA; } .flashUploaderOverlay .albumInfoFields .photoAlbumTitleInput:focus + .photoAlbumDescInput, .flashUploaderOverlay .albumInfoFields .photoAlbumTitleInput:hover + .photoAlbumDescInput:focus { border-top-color: transparent; } .flashUploaderOverlay .fbPhotoBulkEditor { margin: 65px -15px 0; } .flashUploaderOverlay .fbPhotoBulkEditor .editablePhoto { margin-bottom: 17px; margin-left: 17px; } .flashUploaderOverlay .headerFixed { border-bottom-color: #B0BBD7; border-radius: 0 0 0 0; left: 50%; margin-left: -483px; position: fixed; right: auto; width: 946px; } .flashUploaderOverlay .addPhotosEnabled .fakeButton, .flashUploaderOverlay .addPhotosDisabled .realButton { position: absolute; top: -10000px; } .flashUploaderOverlay .footerBox { border-color: rgba(0, 0, 0, 0.1) #C4CDE0 #C4CDE0; border-radius: 0 0 3px 3px; left: -1px; position: absolute; right: -1px; } .footerBox .footerInner { width: 100%; } .flashUploaderOverlay .footerFixed { border-bottom: 0 none; border-radius: 0 0 0 0; border-top-color: #C4CDE0; bottom: 0; left: 50%; margin-left: -483px; margin-top: 50px; position: fixed; width: 926px; z-index: 1; } .flashUploaderOverlay .titleInput input, .flashUploaderOverlay .descriptionInput { width: 100%; } .flashUploaderOverlay .placesTypeaheadCell { width: 280px; } .flashUploaderOverlay .progressLinks { padding-top: 3px; } .flashUploaderOverlay .progressWrap { width: 120px; } .showEmptyState .progressWrap { display: none; } .flashUploaderOverlayFooter .quality { display: inline-block; left: 10px; position: relative; } .flashUploaderOverlayFooter .quality label { color: #666666; } .fbAudienceHover { position: relative; top: 2px; } .fbPhotosGridHeader { margin: 0 0 8px; } .uiHeader + .fbPhotosGridHeader { margin-top: 0; } .presenceIndicator { display: inline-block; } .presenceIndicator i { display: inline-block; height: 14px; width: 7px; } .presenceIndicator .online { background-image: url("http://static.ak.fbcdn.net/rsrc.php/v1/yi/r/Ce0Xa8hRU2A.png"); background-position: -845px -397px; background-repeat: no-repeat; } .presenceIndicator .mobile { background-image: url("http://static.ak.fbcdn.net/rsrc.php/v1/yi/r/Ce0Xa8hRU2A.png"); background-position: -75px -30px; background-repeat: no-repeat; height: 12px; width: 8px; } .presenceIndicator .offline { background-image: url("http://static.ak.fbcdn.net/rsrc.php/v1/yI/r/AShQNChNgfr.png"); background-position: -493px -49px; background-repeat: no-repeat; } .profileHeader { margin-top: 4px; } .profileHeaderMain { width: 513px; } .profileHeaderMain h1 { display: inline; margin-right: 5px; } .profileHeaderMain .profileHeaderButtons { display: inline-block; vertical-align: top; white-space: nowrap; } .profileHeaderMain .profileHeaderButton { margin-right: 5px; z-index: 3; } .profileHeaderMain #profile_connect_text .uiButton, .profileHeaderMain #profile_connect { margin-left: 0; } .profileHeader .mainButtonSpan { display: inline-block; vertical-align: top; } .profileHeader .headerFormButton { display: inline; } .profileHeader .headerActions { text-align: right; } .profileHeader .subtitle { line-height: 15px; padding-top: 4px; width: 490px; } .profileHeader .profileActions { float: left; margin-top: 3px; } .profileHeader .profileCallButton .img { margin-top: 2px; } .profileHeader .fadedDespressedButton { opacity: 0.6; } .profileHeader .addToMapForm { display: inline; } .addToMapForm + .uiButton { margin-left: 4px; } .ginormousProfileName { color: #1C2A47; font-size: 20px; } .profileArrow { margin: 0 5px 2px 6px; } .fbx_above_html #above_the_profile { padding-right: 0; width: auto; } .profile-picture { background-color: #FFFFFF; display: block; overflow: hidden; position: relative; width: 180px; } .profile-picture:hover { text-decoration: none; } .profile-picture:hover .edit_profilepicture { display: block; } .profile-picture img { display: block; margin: auto; max-width: 180px; } .profile-picture span { background-color: #000000; height: 800px; opacity: 0.3; position: absolute; right: 0; top: 0; width: 1px; } .edit_profilepicture { background: none repeat scroll 0 0 #000000; color: #FFFFFF; display: none; height: 20px; opacity: 0.7; padding: 6px 7px 0 23px; position: absolute; right: 1px; top: 0; } .edit_profilepicture:hover { opacity: 0.95; } span.edit_profilepicture_icon { background: url("http://static.ak.fbcdn.net/rsrc.php/v2/yA/r/QbfalTL4SQ2.png") no-repeat scroll left 4px transparent; height: 18px; left: 7px; opacity: 0.95; position: absolute; top: 4px; width: 18px; } .profile-friends .profileFriendsContent { height: 42px; line-height: 14px; overflow: hidden; } .profile-friends .profileFriendsText { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 102px; word-wrap: normal; } .profile-friends .profileFriendsByline { width: 172px; } .profileFriendsByline { white-space: nowrap; } .profileFriendsNetwork { white-space: nowrap; } .profile-left-nav-facepile { margin: 2px 6px 14px; } .relationshipSection:hover .fbProfileNavHeaderEditButton { display: block; } .relationshipSection .fbProfileNavHeaderEditButton { display: none; } .profile-friends { margin: 7px 6px 15px; } .profile-friends li { margin-bottom: 7px; } .profile-friends li .UIImageBlock_Content { padding-top: 3px; } .profile-friends-footer { border-top: 1px solid #CDCDCD; padding: 8px 10px 0 6px; } .profile-friends-footer li:first-child { padding-top: 0; } div.profile-pagelet-section { margin-bottom: 24px; } .profile .fbx_profile_tab_loading { background: url("http://static.ak.fbcdn.net/rsrc.php/v2/y9/r/jKEcVPZFk-2.gif") no-repeat scroll center center transparent; padding: 150px 0; } .fbx .profileInfoTable th.label { padding-right: 8px; width: 80px; } .fbx .nuxBanner .description { width: 450px; } .fbx .fStatusOutgoing .addFriendText { display: none; } .fbx .fStatusRequestable .addFriendText { display: inline; } .fbProfilePhotoBar { margin-left: -2px; } .fbProfilePhotoBar li { float: left; line-height: 0; padding-left: 2px; } .fbProfilePhotoStrip { overflow: hidden; width: 493px; } .fbProfilePhotoStrip .fbProfilePhotoBar { display: block; width: 900px; } a.fbProfilePhotoThumb, a.fbProfilePhotoThumb:hover { border: medium none; padding: 0; } a.fbProfilePhotoThumb i { height: 68px; width: 97px; } div.fbProfilePhotoThumbEmpty { background-color: #F2F2F2; border-top: 1px solid #D9D9D9; height: 67px; width: 97px; } .fbxLeftNavHeaderActionLists { margin-bottom: -7px; position: relative; top: -2px; } .uiStreamMinistoryGroup { padding: 10px 0 11px 60px; } .uiStreamMinistoryGroup .uiStreamStory { padding-top: 1px; } .uiStreamMinistoryGroup .header { color: #AAAAAA; padding: 2px 0 8px; } .uiStreamMinistoryGroup .uiStreamStory .ministoryMessage { color: #333333; } .uiStreamMinistoryGroup .uiStreamStory .ministoryInlineMessage { display: inline; } .uiStreamMinistoryGroup .showSimilar { display: block; margin: 0 2px 8px 22px; } .uiStreamMinistoryGroup .showSimilarAjax { display: block; margin: 2px 2px 0 22px; } .uiStreamMinistoryGroup .ministoryUfi { margin-bottom: 6px; } .uiStream .uiStreamMinistory .uiStreamHide { margin-top: 0; } .imageLoading .fbPhotosPhotoButtons { display: none; } .fbPhotosPhotoButtons .fbPhotosPhotoLike .unlike, .fbPhotosPhotoButtons .viewerLikesThis .like { display: none; } .fbPhotosPhotoButtons .viewerLikesThis .unlike { display: block; } .fbPhotosPhotoButtons .editLocation, .hasLocation .fbPhotosPhotoButtons .addLocation { display: none; } .fbPhotosPhotoButtons .addLocation, .hasLocation .fbPhotosPhotoButtons .editLocation { display: block; } .fbPhotosPhotoButtons .tagMessage .doneTaggingLink { cursor: pointer; display: inline-block; margin-left: 10px; } .fbPhotosPhotoButtons .tagMessage, .taggingMode .fbPhotosPhotoButtons .fbPhotosPhotoLike, .taggingMode .fbPhotosPhotoButtons .commentButton, .taggingMode .fbPhotosPhotoButtons .tagButton { display: none; } .taggingMode .fbPhotosPhotoButtons .tagMessage { display: block; } .fbPhotosPhotoButtons .cropMessage, .croppingMode .fbPhotosPhotoButtons .fbPhotosPhotoLike, .croppingMode .fbPhotosPhotoButtons .commentButton, .croppingMode .fbPhotosPhotoButtons .tagButton { display: none; } .croppingMode .fbPhotosPhotoButtons .cropMessage { display: block; } .fbPhotosPhotoTagboxes { height: 100%; left: 0; pointer-events: none; position: absolute; top: 0; width: 100%; } .showVideo .fbPhotosPhotoTagboxes, .minPhotoTagboxes { height: 0; } .fbPhotosPhotoTagboxes .tagsWrapper { display: inline-block; max-height: 100%; max-width: 100%; position: relative; vertical-align: middle; } .minPhotoTagboxes .tagsWrapper { display: block; left: 0; position: absolute; right: 0; top: 0; } .fbPhotosPhotoTagboxBase { line-height: normal; position: absolute; } .imageLoading .fbPhotosPhotoTagboxBase, .croppingMode .fbPhotosPhotoTagboxBase { display: none; } .fbPhotosPhotoTagboxBase .borderTagBox, .fbPhotosPhotoTagboxBase .innerTagBox { -moz-box-sizing: border-box; height: 100%; width: 100%; } .ieContentFix { display: none; font-size: 200px; height: 100%; overflow: hidden; width: 100%; } .fbPhotosPhotoTagboxBase .tag { bottom: 0; left: 50%; position: absolute; } .fbPhotosPhotoTagboxBase .tagPointer { left: -50%; position: relative; } .fbPhotosPhotoTagboxBase .tagArrow { left: 50%; margin-left: -10px; position: absolute; top: -4px; } .fbPhotosPhotoTagboxBase .tagName { background: none repeat scroll 0 0 #FFFFFF; color: #404040; cursor: default; font-weight: normal; padding: 2px 6px 3px; top: 3px; white-space: nowrap; } .fbPhotosPhotoTagboxBase .borderTagBox, .fbPhotosPhotoTagboxBase .tagName { background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.25); box-shadow: 0 0 1px rgba(0, 0, 0, 0.25), 0 1px 5px 3px rgba(0, 0, 0, 0.05); } .fbPhotosPhotoTagboxBase .innerTagBox { border: 4px solid rgba(255, 255, 255, 0.8); } .fbPhotosPhotoTagboxes .tagBoxPending .tagName { padding: 3px 3px 3px 6px; pointer-events: auto; } .fbPhotosPhotoTagboxes .tagName .tagForm span, .fbPhotosPhotoTagboxes .tagName .tagForm { display: inline-block; float: none; vertical-align: middle; } .imageLoading .tagBoxPending, .taggingMode .fbPhotosPhotoTagboxes .tagBoxPending { display: none; } .fbPhotosPhotoTagboxes .hover { opacity: 1; z-index: 2; } .taggingMode .fbPhotosPhotoTagboxes .hover { cursor: crosshair; z-index: auto; } .fbPhotosPhotoTagboxes .tagBox .tag { top: 85%; } .fbPhotosPhotoTagboxes .tagBoxPending .tag { margin-top: 10px; top: 100%; } .fbPhotosPhotoTagboxes .tagBox .tagIgnored { color: #999999; } .fbPhotosPhotoTagboxes .tag, .fbPhotosPhotoTagboxes .innerTagBox, .fbPhotosPhotoTagboxes .borderTagBox { visibility: hidden; } .fbPhotosPhotoTagboxes .tagBoxPending.showPendingTagName .tag, .fbPhotosPhotoTagboxes .tagBoxPending .borderTagBox, .fbPhotosPhotoTagboxes .tagBoxPending .innerTagBox { -moz-transition: opacity 0.2s linear 0s; opacity: 0.7; visibility: visible; } .fbPhotosPhotoTagboxes .hover.tagBox .tag, .fbPhotosPhotoTagboxes .hover.tagBoxPending.showPendingTagName .tag, .fbPhotosPhotoTagboxes .showTag .borderTagBox, .fbPhotosPhotoTagboxes .showTag .innerTagBox, .fbPhotosPhotoTagboxes .tagBoxPendingResponse .tag, .fbPhotosPhotoTagboxes .tagBoxPending.hover .borderTagBox, .fbPhotosPhotoTagboxes .tagBoxPending.hover .innerTagBox { -moz-transition: opacity 0.2s linear 0s; opacity: 1; visibility: visible; } .showingTag .tagsWrapper .tagBoxPending .tag, .showingTag .tagsWrapper .tagBoxPending.showPendingTagName .tag, .showingTag .tagsWrapper .tagBoxPending .borderTagBox, .showingTag .tagsWrapper .tagBoxPending .innerTagBox { opacity: 0; } .fbPhotosPhotoTagboxes .hover.tagBoxPending .borderTagBox { border: 1px solid #3B5998; } .fbxPhoto .fbPhotoContributor { min-height: 32px; padding: 12px 0 5px; width: 448px; } .fbxPhoto .fbPhotoContributorName { display: inline; font-weight: bold; padding-bottom: 3px; padding-top: 1px; } .fbxPhoto .fbPhotoContributorAction { color: gray; font-weight: normal; } .fbxPhoto .fbPhotoContributorAction .passiveName { font-weight: bold; } .fbxPhoto .fbPhotosPhotoCaption { display: inline; outline: medium none; width: auto; } .fbxPhoto .fbPhotosPhotoCaption:empty { margin: 0 !important; } .fbxPhoto .fbPhotoUfiCol { padding-right: 10px; vertical-align: top; width: 474px; } .fbxPhoto .fbPhotoDataCol { vertical-align: top; width: 262px; } .fbxPhoto .fbPhotosPhotoFeedback { margin-top: 3px; } .fbxPhoto .fbPhotosPhotoFeedback .fbPhotosAppLink, .fbxPhoto .fbPhotosPhotoFeedback .fbPhotosImplicitLocLink { color: #999999; } .fbxPhoto .fbPhotosPhotoUfi { padding-top: 2px; } .fbxPhoto .fbPhotoRemoveFromProfileLink .img { margin-right: 3px; } .fbxPhoto .fbPhotoTagList { display: inline; } .fbxPhoto .fbPhotoTagList .textTagHovercardLink { color: #333333; text-decoration: none; } .fbxPhoto .fbPhotoInlineEditor, .fbxPhoto .fbPhotosPhotoDisabledEdit { display: none; } .fbxPhoto .fbPhotoInlineEditor .uiLoadingIndicatorAsync { margin-top: 3px; } .fbxPhoto .fbPhotoRemoveFromProfile { -moz-transition: background 500ms ease-out 0s; border-bottom: 1px solid #E5E5E5; } .fbxPhoto .fbPhotosOnProfile { padding-top: 2px; } .fbxPhoto .fbPhotosOnProfile .highlight { background: none repeat scroll 0 0 #FFF8CC; } .fbxPhoto .fbPhotosPhotoActions, .fbPhotosPhotoActions .actionListButton.rotateButtons { border-top: 1px solid #E5E5E5; } .fbxPhoto .fbPhotoRemoveFromProfile, .fbxPhoto .fbPhotosMediaInfo, .fbxPhoto .fbPhotosPhotoActions .fbUndoSpamReport, .fbxPhoto .fbPhotosPhotoActions .fbPhotosPhotoActionsItem, .fbPhotosPhotoActions .rotateButtons { padding-left: 5px; padding-right: 5px; } .fbPhotosPhotoActions .rotateButtons { height: 24px; } .fbxPhoto .fbPhotosPhotoActions .rotateWait { color: gray; } .fbxPhoto .fbPhotosPhotoActions .fbUndoSpamReport a { padding-left: 0; padding-right: 0; } .fbPhotosMediaInfo { margin-top: 5px; } .fbxPhoto .fbPhotosPhotoActions .fbPhotosPhotoActionsItem, .fbxPhoto .fbPhotosPhotoActions .fbUndoSpamReport { display: block; margin-bottom: 5px; } .fbPhotosPhotoActions .actionListButton.rotateButtons { margin: 10px 0 5px; padding-top: 10px; } .fbxPhoto .fbPhotosPhotoActions .iconActionLinks { border-bottom: 1px solid #E5E5E5; margin-bottom: 7px; padding-bottom: 3px; } .fbxPhoto .photoViewerFollowedMsg, .fbxPhoto .followingOwner .photoViewerFollowLink, .fbPhotosPhotoActions .taggingOn, .taggingMode .taggingOff { display: none; } .fbxPhoto .followingOwner .photoViewerFollowedMsg, .taggingMode .taggingOn { display: inline; } .fbPhotosPhotoActions .croppingModeOn .startCropping, .fbPhotosPhotoActions .doneCropping { display: none; } .fbPhotosPhotoActions .croppingModeOn .doneCropping { display: block; } .fbPhotosAudienceEditable { margin-right: 0; } .fbPhotosAudienceNotEditable { float: left; margin-top: 1px; } .fbPhotosMediaInfo .fbPhotosAudience { margin-bottom: -5px; margin-top: -4px; } .fbPhotosPhotoActions .addLocationActionIcon { margin: 0 6px 0 1px; } .fbPhotosPhotoActions .addLocation, .hasLocation .fbPhotosPhotoActions .editLocation { display: inline; } .fbPhotosPhotoActions .editLocation, .hasLocation .fbPhotosPhotoActions .addLocation { display: none; } #fbxPhotoContentContainer { position: relative; } .fbPhotoTagApprovalBox { background-color: rgba(255, 255, 255, 0.85); border: 1px solid #808080; cursor: default; font-size: 11px; left: 50%; margin: 5px 0 0 -285px; padding: 0; position: absolute; text-align: left; top: 12px; width: 558px; z-index: 1; } .fbPhotoApprovalPendingButtons { float: right; } .fbPhotoApprovalPendingHeader { border-bottom: 1px solid #C9C9C9; font-weight: bold; line-height: 24px; padding-left: 8px; } .fbPhotoApprovalPrevPager, .fbPhotoApprovalNextPager { border-bottom: 1px solid #C9C9C9; float: left; height: 24px; width: 25px; } .fbPhotoApprovalUnit { line-height: normal; padding: 10px 10px 16px; } .fbPhotoTagApprovalPager .pager { border-left: 1px solid #C9C9C9; display: inline-block; float: right; height: 24px; width: 25px; } .fbPhotoTagApprovalPager .prevPager { background-image: url("http://static.ak.fbcdn.net/rsrc.php/v2/yh/r/dY1OX3Rg_lr.png"); background-position: -76px -98px; background-repeat: no-repeat; } .fbPhotoTagApprovalPager .prevPager.enabled { background-image: url("http://static.ak.fbcdn.net/rsrc.php/v2/yh/r/dY1OX3Rg_lr.png"); background-position: -51px -98px; background-repeat: no-repeat; } .fbPhotoTagApprovalPager .nextPager { background-image: url("http://static.ak.fbcdn.net/rsrc.php/v2/yh/r/dY1OX3Rg_lr.png"); background-position: -25px -98px; background-repeat: no-repeat; } .fbPhotoTagApprovalPager .nextPager.enabled { background-image: url("http://static.ak.fbcdn.net/rsrc.php/v2/yh/r/dY1OX3Rg_lr.png"); background-position: 0 -98px; background-repeat: no-repeat; } .imageLoading .fbPhotoTagApproval, .fbPhotoTagApproval.hidePagers .pager { display: none; } .theaterMode .defaultScrollbar, .theaterMode .defaultScrollbar .fbChatSidebar { margin-right: 15px; } .theaterMode .scrollbar20, .theaterMode .scrollbar20 .fbChatSidebar { margin-right: 20px; } .theaterMode #blueBar.fixed_elem #pageHead { position: relative; } .theaterMode .defaultScrollbar #blueBar.fixed_elem #pageHead { left: -7px; } .theaterMode .scrollbar20 #blueBar.fixed_elem #pageHead { left: -10px; } .sidebarMode.theaterMode .defaultScrollbar #blueBar.fixed_elem #pageHead { left: -97px; } .sidebarMode.theaterMode .scrollbar20 #blueBar.fixed_elem #pageHead { left: -100px; } .theaterMode .defaultScrollbar .fbDockWrapperRight { right: 15px; } .theaterMode .scrollbar20 .fbDockWrapperRight { right: 20px; } .theaterMode .fbTimelineSideAds, .theaterMode .fbTimelineScrubber { margin-right: -483px; } .sidebarMode.theaterMode .fbTimelineSideAds, .sidebarMode.theaterMode .fbTimelineScrubber { margin-right: -393px; } .sidebarMode.theaterMode .defaultScrollbar .fbDockWrapperRight { right: 190px; } .sidebarMode.theaterMode .scrollbar20 .fbDockWrapperRight { right: 195px; } .sidebarMode.ticker.theaterMode .defaultScrollbar .fbDockWrapperRight { right: 220px; } .sidebarMode.ticker.theaterMode .scrollbar20 .fbDockWrapperRight { right: 225px; } .fbPhotoSnowlift { background-color: rgba(0, 0, 0, 0.9); bottom: 0; left: 0; overflow: hidden; position: fixed; right: 0; top: 0; z-index: 400; } .theaterMode .fbPhotoSnowlift, .wrapped .fbPhotoSnowlift { overflow-x: auto; overflow-y: scroll; } .theaterMode body { overflow: hidden; } .fbPhotoSnowliftOuter { display: table; height: 100%; table-layout: fixed; width: 100%; } .fbPhotoSnowliftInner { display: table-cell; text-align: center; vertical-align: middle; width: 100%; } .fbPhotoSnowliftContainer { display: inline-block; outline: medium none; text-align: left; } .fbPhotoSnowliftPopup { margin: 20px 0; } .fbPhotoSnowlift .stageWrapper { -moz-user-select: none; background-color: #000000; height: 100%; max-height: 2048px; min-height: 520px; position: relative; text-align: center; } .fbPhotoSnowlift .stageActions, .fbPhotoSnowlift .snowliftPager, .fbPhotoSnowlift .stageError { line-height: 1.28; } .fbPhotoSnowlift .rhc { background-color: #FFFFFF; height: 100%; overflow: hidden; position: relative; word-wrap: break-word; } .fbPhotoSnowlift .stageActions, .fbPhotoSnowlift .stage .stageWrapper img { -moz-user-select: -moz-none; } .fbPhotoSnowlift .stage { position: relative; } .fbPhotoSnowlift .stageActions { bottom: 0; cursor: pointer; height: 0; left: 0; position: absolute; top: auto; width: 100%; } .dataLoading .stageActions { display: none; } .taggingMode .stageActions { background: url("http://static.ak.fbcdn.net/rsrc.php/v1/y4/r/-PAXP-deijE.gif") no-repeat scroll 0 0 transparent; cursor: crosshair; height: 100%; } .taggingMode .showVideo .stageActions { height: 0; } .fbPhotoSnowlift .snowliftOverlayBar { background-clip: padding-box; background-color: rgba(0, 0, 0, 0.8); bottom: 0; color: #B3B3B3; font-size: 13px; left: 0; padding: 0; position: absolute; width: 100%; } .fbPhotoSnowlift .snowliftOverlayBar.rightButtons { text-align: left; } .fbPhotoSnowlift .snowliftOverlay { -moz-transition: opacity 0.3s ease 0s; opacity: 0; } .fbPhotoSnowlift .fbPhotosPhotoButtons { -moz-user-select: -moz-none; cursor: default; position: relative; } .fbPhotoSnowlift .fbPhotosPhotoButtons .tagMessage { color: #BBBBBB; display: none; padding: 5px 10px 6px; vertical-align: middle; } .fbPhotoSnowlift .rightButtons .fbPhotosPhotoButtons .tagMessage { padding: 3px 10px; } .fbPhotoSnowlift .fbPhotosPhotoButtons, .fbPhotoSnowlift.taggingMode .fbPhotosPhotoButtons .tagMessage { display: inline-block; } .fbPhotoSnowlift .fbPhotosPhotoButtons .tagMessage .doneTaggingLink { margin-left: 5px; } .fbPhotoSnowlift .fbPhotosPhotoButtons .separatorBorder { border-left: 1px solid rgba(255, 255, 255, 0.2); display: inline-block; height: 15px; margin-left: 5px; vertical-align: middle; } .fbPhotoSnowlift .snowliftOverlayBar a { color: #FFFFFF; font-weight: bold; } .fbPhotoSnowlift.pagingActivated .snowliftOverlay, .fbPhotoSnowlift.taggingMode .snowliftOverlay { opacity: 1; } .fbPhotoSnowlift .mediaTitleInfo { margin: 8px 10px 0; text-align: right; white-space: nowrap; } .fbPhotoSnowlift .rightButtons .mediaTitleInfo { margin-top: 3px; overflow: hidden; text-align: left; } .fbPhotoSnowlift .rightButtons #fbPhotoSnowliftMediaTitle { display: inline; height: 2.56em; } .fbPhotoSnowlift .rightButtons .mediaTitleBoxFlex #fbPhotoSnowliftMediaTitle { -moz-box-flex: 1; } .fbPhotoSnowlift .rightButtons .mediaTitleBoxFlex #fbPhotoSnowliftPositionAndCount { -moz-box-flex: 0; } .fbPhotoSnowlift .rightButtons .mediaTitleBoxFlex .mediaTitleInfoSpacer { -moz-box-flex: 1000; } .fbPhotoSnowlift .rightButtons .mediaTitleBoxFlex, .fbPhotoSnowlift .rightButtons .mediaTitleBoxFlex #fbPhotoSnowliftMediaTitle, .fbPhotoSnowlift .rightButtons .mediaTitleBoxFlex #fbPhotoSnowliftPositionAndCount, .fbPhotoSnowlift .rightButtons .mediaTitleBoxFlex .mediaTitleInfoSpacer { display: -moz-box; } .fbPhotoSnowlift.taggingMode .rightButtons .mediaTitleBoxFlex, .fbPhotoSnowlift.taggingMode .rightButtons .fbPhotosPhotoActions, .fbPhotoSnowlift.taggingMode .fbPhotosPhotoButtons .separatorBorder, .fbPhotoSnowlift.taggingMode .mediaTitleInfo { display: none; } .fbPhotoSnowlift .leftButtons .fbPhotosPhotoButtons, .fbPhotoSnowlift .rightButtons .overlayBarButtons { margin: 8px 10px; } .leftButtons #fbPhotoSnowliftMediaTitle .fbPhotoMediaTitle, .leftButtons #fbPhotoSnowliftPositionAndCount { line-height: 27px; } .rightButtons #fbPhotoSnowliftMediaTitle .fbPhotoMediaTitle, .rightButtons #fbPhotoSnowliftPositionAndCount { line-height: 33px; } #fbPhotoSnowliftMediaTitle .fbPhotoMediaTitle.hasAlbumLink { display: block; line-height: 1.28; } .fbPhotoSnowlift .mediaTitleInfo #fbPhotoSnowliftMediaTitle, .fbPhotoSnowlift .rightButtons .mediaTitleBoxFlex, .fbPhotoSnowlift .rightButtons .mediaTitleBoxFlex .fbPhotoMediaTitle { overflow: hidden; text-overflow: ellipsis; } .fbPhotoSnowlift.taggingMode .overlayBarButtons, .fbPhotoSnowlift.taggingMode .fbPhotosPhotoButtons { text-align: center; width: 100%; } .fbPhotoSnowlift .fbPhotosPhotoButtons .buttonLink { display: inline-block; vertical-align: bottom; } .fbPhotoSnowlift .leftButtons .fbPhotosPhotoButtons .buttonLink { background-clip: padding-box; background-color: rgba(0, 0, 0, 0.4); border: 1px solid rgba(255, 255, 255, 0.6); border-radius: 4px 4px 4px 4px; margin-right: 6px; padding: 4px 10px 5px; } .fbPhotoSnowlift .leftButtons .fbPhotosPhotoButtons .buttonLink:hover { background-color: rgba(0, 0, 0, 0.6); border: 1px solid #FFFFFF; text-decoration: none; } .fbPhotoSnowlift .rightButtons .fbPhotosPhotoButtons .buttonLink { margin-left: 6px; margin-right: 0; padding: 3px 5px; } .fbPhotoSnowlift .rightButtons .buttonLink { opacity: 0.7; } .fbPhotoSnowlift .rightButtons .buttonLink:hover { opacity: 1; } .fbPhotoSnowlift .fbPhotosPhotoButtons .buttonLink span { float: left; } .fbPhotoSnowlift .fbPhotosPhotoButtons .fbPhotosPhotoLike.viewerLikesThis .uiIconText { padding-left: 0 !important; } .fbPhotoSnowlift .fbPhotosPhotoButtons .fbPhotosPhotoLike.viewerLikesThis i, .fbxPhoto.fbPhotoSnowlift .fbPhotosPhotoButtons .fbPhotosPhotoLike.viewerAlreadyLikedThis { display: none; } .fbPhotoSnowlift .stage { cursor: pointer; display: block; font-size: 0; height: 100%; max-height: 2048px; min-height: 402px; position: relative; text-align: center; width: 100%; } .fbPhotoSnowlift .stage .fbPhotosPhotoTagboxes { -moz-box-sizing: border-box; border: 1px solid rgba(255, 255, 255, 0.1); font-size: 11px; } .fbPhotoSnowlift .videoStage, .imageLoading .stage, .imagePixelsLoading .stage { background: url("http://static.ak.fbcdn.net/rsrc.php/v1/y7/r/pgEFhPxsWZX.gif") no-repeat scroll center center #000000; } .fbPhotoSnowlift .showVideo .videoStage { display: block; } .fbPhotoSnowlift .videoStage, .fbPhotoSnowlift .showVideo .stage, .fbPhotoSnowlift .showVideo .snowliftOverlayBar.leftButtons { display: none; } .fbPhotoSnowlift .videoStage { bottom: 40px; position: absolute; top: 40px; width: 100%; } .fbPhotoSnowlift .videoStage embed, .fbPhotoSnowlift .videoStage object { display: inline-block !important; max-height: 100%; max-width: 100%; vertical-align: middle; } .fbPhotoSnowlift .videoStageContainer { height: 100%; width: 100%; } .fbPhotoSnowlift .stage img { display: inline-block; height: auto; image-rendering: optimizequality; max-height: 100%; max-width: 100%; vertical-align: middle; width: auto; } .fbPhotoSnowlift .stageError { left: 50%; margin-left: -278px; margin-top: -82px; position: absolute; text-align: left; top: 50%; } .fbPhotoSnowlift .uiButtonOverlay:active { box-shadow: 0 0 1px rgba(0, 0, 0, 0.05), 0 0 2px rgba(0, 0, 0, 0.1), 0 1px 0 rgba(0, 0, 0, 0.08) inset; } .fbPhotoSnowlift .snowliftPager { -moz-transition: opacity 0.2s ease 0s; display: none; height: 45px; margin-top: -22px; opacity: 0; position: absolute; top: 50%; width: 27px; z-index: 1; } .fbPhotoSnowlift.pagingReady .snowliftPager { display: block; } .fbPhotoSnowlift.pagingActivated .snowliftPager { opacity: 0.4; } .fbPhotoSnowlift .snowliftFixedPagers .snowliftPager { background: none no-repeat scroll 0 0 rgba(0, 0, 0, 0.6); height: 200px; margin-top: -100px; opacity: 0.5; width: 60px; z-index: auto; } .fbPhotoSnowlift .snowliftFixedPagers .snowliftPager:hover, .fbPhotoSnowlift.pagingActivated .snowliftPager.hilightPager { opacity: 1; } .fbPhotoSnowlift .snowliftPager.prev { left: 20px; } .fbPhotoSnowlift .snowliftPager.next { right: 20px; } .fbPhotoSnowlift .snowliftFixedPagers .snowliftPager.prev { border-bottom-right-radius: 4px; border-top-right-radius: 4px; left: 0; } .fbPhotoSnowlift .snowliftFixedPagers .snowliftPager.next { border-bottom-left-radius: 4px; border-top-left-radius: 4px; right: 0; } .fbPhotoSnowlift .snowliftPager i { display: block; height: 45px; width: 27px; } .fbPhotoSnowlift .snowliftPager.prev i { background-image: url("http://static.ak.fbcdn.net/rsrc.php/v1/yh/r/dY1OX3Rg_lr.png"); background-position: 0 -123px; background-repeat: no-repeat; } .fbPhotoSnowlift .snowliftPager.next i { background-image: url("http://static.ak.fbcdn.net/rsrc.php/v1/yh/r/dY1OX3Rg_lr.png"); background-position: -56px -123px; background-repeat: no-repeat; } .fbPhotoSnowlift .snowliftFixedPagers .snowliftPager i { margin-top: -22px; position: absolute; top: 50%; } .fbPhotoSnowlift .snowliftFixedPagers .snowliftPager.prev i { left: 10px; } .fbPhotoSnowlift .snowliftFixedPagers .snowliftPager.next i { right: 10px; } .fbPhotoSnowlift .fbPhotosPhotoOwnerButtons .uiButton.taggingOn, .fbPhotoSnowlift.taggingMode .fbPhotosPhotoButtons .bottomButtonsBar, .fbPhotoSnowlift.taggingMode .fbPhotosPhotoOwnerButtons .uiButton.taggingOff { display: none; } .fbPhotoSnowlift.taggingMode .fbPhotosPhotoOwnerButtons .uiButton.taggingOn { display: inline-block; } .fbPhotoSnowlift .fbPhotosPhotoOwnerButtons { line-height: 20px; } .fbPhotoSnowlift .stagePagers .fbPhotoSnowliftIcon.customimg { margin-top: 4px; } .fbPhotoSnowliftVideoTitle { display: block; font-weight: bold; margin-top: 15px; } .fbPhotoSnowlift a.uiButtonOverlay, .fbPhotoSnowlift a.uiButtonOverlay:hover { background-image: url("http://static.ak.fbcdn.net/rsrc.php/v1/yh/r/dY1OX3Rg_lr.png"); background-position: 0 0; background-repeat: no-repeat; } .fbPhotoSnowlift a.uiButtonOverlay:active, .fbPhotoSnowlift a.uiButtonOverlay:focus { background-image: url("http://static.ak.fbcdn.net/rsrc.php/v1/yh/r/dY1OX3Rg_lr.png"); background-position: 0 -49px; background-repeat: no-repeat; box-shadow: 0 0 1px rgba(0, 0, 0, 0.05), 0 0 2px rgba(0, 0, 0, 0.1), 0 1px 0 rgba(0, 0, 0, 0.08) inset; } .fbPhotoSnowlift a.uiButtonOverlay.uiButtonDisabled { background-image: url("http://static.ak.fbcdn.net/rsrc.php/v1/yh/r/dY1OX3Rg_lr.png"); background-position: 0 0; background-repeat: no-repeat; } .fbPhotoSnowlift .inlineEditMode .fbPhotoSnowliftAuthorInfo, .fbPhotoSnowlift .inlineEditMode .fbPhotoPagesTagList, .fbPhotoSnowlift .inlineEditMode .fbPhotoLegacyTagList, .fbPhotoSnowlift .inlineEditMode .fbPhotosPhotoOwnerButtons, .fbPhotoSnowlift .inlineEditMode .fbPhotosOnProfile { display: none; } #fbPhotoSnowliftAuthorPic { margin-right: 10px; } .fbPhotoSnowlift .uiStreamSecondaryTime { margin-right: 5px; } .fbPhotoSnowlift .fbPhotosImplicitLocLink, .fbPhotoSnowlift .fbPhotosAppLink { color: gray; } .fbPhotoSnowlift .fbPhotoSnowliftControls { padding: 7px 7px 0 15px; text-align: right; } .fbPhotoSnowlift .fbPhotosPhotoActions { border-top: 0 none; vertical-align: top; } .fbPhotoSnowlift .rightButtons .fbPhotosPhotoActions { vertical-align: middle; } .topBarActions a.fbPhotoSnowliftDropdownButton, .topBarActions a.fbPhotoSnowliftDropdownButton:active, .topBarActions a.fbPhotoSnowliftDropdownButton:focus, .topBarActions a.fbPhotoSnowliftDropdownButton:hover { background-color: #FFFFFF; border: 1px solid #FFFFFF; box-shadow: none; height: 16px; margin: -2px 0 0; padding: 0; width: 26px; } .photoActionSelector.topBarActions a.fbPhotoSnowliftDropdownButton { background-image: url("http://static.ak.fbcdn.net/rsrc.php/v1/yh/r/dY1OX3Rg_lr.png"); background-position: -102px -98px; background-repeat: no-repeat; } .photoActionSelector.topBarActions .openToggler a.fbPhotoSnowliftDropdownButton { background-image: url("http://static.ak.fbcdn.net/rsrc.php/v1/yh/r/dY1OX3Rg_lr.png"); background-position: -129px -98px; background-repeat: no-repeat; } .photoActionSelector.bottomBarActions a.fbPhotoSnowliftDropdownButton, .photoActionSelector.bottomBarActions a.fbPhotoSnowliftDropdownButton:active, .photoActionSelector.bottomBarActions a.fbPhotoSnowliftDropdownButton:focus, .photoActionSelector.bottomBarActions a.fbPhotoSnowliftDropdownButton:hover { background: none repeat scroll 0 0 transparent; border: 1px solid transparent; border-radius: 2px 2px 2px 2px; box-shadow: none; height: 16px; padding-right: 5px; } .photoActionSelector.bottomBarActions a.fbPhotoSnowliftDropdownButton { opacity: 0.7; } .photoActionSelector.bottomBarActions a.fbPhotoSnowliftDropdownButton:hover, .photoActionSelector.bottomBarActions .openToggler a.fbPhotoSnowliftDropdownButton, .overlayBarButtons a.buttonLink:hover { background-color: rgba(255, 255, 255, 0.2); border-color: transparent; border-radius: 2px 2px 2px 2px; opacity: 1; text-decoration: none; } .fbPhotoSnowlift .rightButtons .fbPhotosPhotoActions .tagButton { line-height: 22px; margin-right: 5px; padding: 3px 5px; } .fbPhotoSnowlift .uiSelector.photoActionSelector .uiMenu { border-bottom: medium none; box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.25); } .uiContextualLayerPositioner .aboveright .uiSelector.photoActionSelector { top: 0; } .photoActionSelector.bottomBarActions .uiButton .uiButtonText { color: #FFFFFF; font-size: 13px; } .photoActionSelector .uiMenuItem.fbPhotosPhotoActionsItem .itemAnchor { padding: 1px 16px; } .fbPhotoSnowlift .closeTheater { background-image: url("http://static.ak.fbcdn.net/rsrc.php/v1/yh/r/dY1OX3Rg_lr.png"); background-position: -156px -98px; background-repeat: no-repeat; display: inline-block; height: 12px; margin-left: 5px; vertical-align: top; width: 11px; } #fbPhotoSnowliftOnProfile { padding-top: 0; } .fbPhotoSnowlift .fbPhotoInlineEditor { padding: 0 20px 10px; } .fbPhotoSnowlift .fbPhotoInlineEditor .tagsTokenizer { border-bottom-style: solid; width: auto; } .fbPhotoSnowlift .fbPhotoInlineEditor .buttons, .fbPhotoSnowlift .fbPhotoInlineEditor .fbPhotoCaptionInput, .fbPhotoSnowlift .fbPhotoInlineEditor .fbPhotoPlaceInput { width: 100%; } .fbPhotoSnowlift .fbPhotoInlineEditor .uiMentionsInput { max-height: 100px; overflow-x: hidden; overflow-y: auto; } .fbPhotoSnowlift .fbPhotoInlineEditor .uiMentionsInput textarea { -moz-box-sizing: border-box; min-height: 50px; } .fbPhotoSnowlift .fbPhotoInlineEditor .fbPhotoPlaceInput, .fbPhotoSnowliftBackdate { margin: 10px 0; } .fbPhotoSnowlift #inlineEditorSave { margin-bottom: 3px; } .fbPhotoSnowliftEditAudience { display: inline-block; margin-right: 10px; } .fbPhotoSnowliftAuthorInfo .uiImageBlockSmallImage { margin-right: 10px; } .fbPhotoSnowlift .rhcBody { position: relative; z-index: 1; } .fbPhotoSnowlift .rhcScroller { width: 100% !important; } .fbPhotoSnowlift.dataLoading .rhcScroller { visibility: hidden; } .fbPhotoSnowlift .rhcScroller.contentBefore:before { border-top: 1px solid rgba(0, 0, 0, 0.1); } .fbPhotoSnowlift .rhcScroller .uiScrollableAreaContent { padding: 0 20px; } .fbPhotoSnowlift .fbPhotosSnowliftUfi { width: auto; } .fbPhotoSnowlift .pinnedUfi .fbPhotosSnowliftUfi .uiUfiAddComment { padding-left: 25px; padding-right: 20px; } .fbPhotoSnowlift .pinnedUfi .fbPhotosSnowliftUfi { margin-bottom: -1px; } .fbPhotoSnowlift .fbPhotosSnowliftUfi .ufiNub { margin-bottom: 0; } .fbPhotoSnowlift .fbPhotosSnowliftUfi .ufiItem { margin-bottom: 1px; margin-top: 0; } .fbPhotosSnowliftFeedback { margin-top: 8px; } .fbPhotosSnowliftFeedbackForm { position: relative; } .fbPhotosSnowboxFeedbackInput { bottom: 0; margin: 0 20px; position: absolute; z-index: 1; } .pinnedUfi .fbPhotosSnowboxFeedbackInput { margin-left: 0; margin-right: 0; } .fbPhotosSnowboxFeedbackInput .fbPhotosSnowliftUfi { padding-top: 0; } .pinnedUfi .fbPhotosSnowboxFeedbackInput .fbPhotosSnowliftUfi { padding-top: 1px; } .fbPhotosSnowboxFeedbackInput .fbPhotosSnowliftUfi .ufiItem { border-bottom: 0 none; margin-bottom: 0; } .fbPhotosSnowboxFeedbackInput .fbPhotosSnowliftUfi .uiMentionsInput { max-height: 100px; overflow-x: hidden; overflow-y: auto; } .fbPhotosSnowboxFeedbackInput .fbPhotosSnowliftUfi .uiMentionsInput textarea { -moz-box-sizing: border-box; } .fbPhotoSnowlift.fbxPhoto .fbPhotoRemoveFromProfile { border-bottom: 0 none; border-top: 0 none; padding: 0; } #fbPhotoSnowliftAdsSide { bottom: 0; position: absolute; width: 100%; } #fbPhotoSnowliftAdsSide.loading, .dataLoading #fbPhotoSnowliftAdsSide { visibility: hidden; } #fbPhotoSnowliftAdsSide .uiSideHeader { background: none repeat scroll 0 0 transparent; border-bottom: 1px solid #E2E2E2; border-top: medium none; color: gray; font-weight: normal; padding-left: 0; } #fbPhotoSnowliftAdsSide .uiSideHeader em { color: gray; font-weight: normal; } .fbPhotoSnowlift .ego_column { width: auto; } .fbPhotoSnowlift .ego_column > .wrapper > .inner { margin-top: -10px; padding: 0 20px 10px; } .fbPhotoSnowlift .ego_column > .wrapper:first-child > .inner { margin-top: 0; padding-top: 15px; } #fbPhotoSnowliftAdsSide .wrapper.hidden { overflow: hidden; position: relative; visibility: hidden; } #fbPhotoSnowliftAdsSide .wrapper.hidden > .inner { overflow: hidden; position: absolute; width: 100%; } .fbPhotoSnowlift .ego_section, .fbPhotoSnowlift .ego_unit { margin: 0; } .fbPhotoSnowlift .ego_unit { padding-bottom: 8px; } .fbPhotoSnowliftAds .fbPhotoSnowliftAdsSponsored { float: right; text-align: right; width: 95%; } #fbPhotoSnowliftCaption, #fbPhotoSnowliftTagList, #fbPhotoSnowliftCaption .text_exposed_link { font-size: 13px; line-height: 18px; } .fbPhotoSnowlift.fbxPhoto .fbPhotoContributorName { font-size: 13px; line-height: 18px; } .fbPhotoSnowlift.fbxPhoto .fbPhotoContributorAction { font-weight: normal; } .fbPhotoSnowlift.fbxPhoto .fbPhotoContributorAction .passiveName { font-weight: bold; } #fbPhotoUndoSpamReport div { background-color: #FFEBE5; margin: 1px 0; padding: 5px; } .fbPhotosSnowliftAudienceSelector a.uiSelectorButton { background: none repeat scroll 0 0 transparent; padding: 2px 24px 1px 6px !important; } .fbPhotosSnowliftAudienceSelector a.uiSelectorButton:active, .fbPhotosSnowliftAudienceSelector a.uiSelectorButton:focus, .fbPhotosSnowliftAudienceSelector a.uiSelectorButton:hover, .fbPhotosSnowliftAudienceSelector .openToggler a.uiSelectorButton, .fbPhotosSnowliftAudienceSelector .openToggler a.uiSelectorButton:active, .fbPhotosSnowliftAudienceSelector .openToggler a.uiSelectorButton:focus, .fbPhotosSnowliftAudienceSelector .openToggler a.uiSelectorButton:hover { background-image: url("http://static.ak.fbcdn.net/rsrc.php/v1/yi/r/Ce0Xa8hRU2A.png"); background-position: right -7px; background-repeat: no-repeat; border: 1px solid #999999; } #fbPhotoSnowliftAudienceSelector { display: inline-block; margin-bottom: -4px; margin-left: 0; margin-top: -1px; vertical-align: top; } .fbPhotoSnowlift .fbPhotoRemoveFromProfileLink .img { display: none; } .fbPhotoSnowliftVideoActions { font-size: 11px; } .fbPhotoSnowlift.collapseRHC .rhc, .fbPhotoSnowlift .fbPhotosPhotoButtons .fbPhotoSnowliftCollapse.buttonLink, .fbPhotoSnowlift .closeTheater.fullscreenCommentClose, .fbPhotoSnowliftFullScreenDisable { display: none; } .fbPhotoSnowlift .fullScreenSwitch { display: none; padding: 5px; position: absolute; right: 10px; top: 10px; z-index: 1; } .fbPhotoSnowlift .fullScreenSwitch a { -moz-transition: opacity 0.3s ease 0s; height: 13px; opacity: 0; width: 13px; } .fbPhotoSnowlift .fullScreenSwitch.fullScreenNUX a, .fbPhotoSnowlift.pagingActivated .fullScreenSwitch a, .fbPhotoSnowlift.taggingMode .fullScreenSwitch a { opacity: 0.5; } .fbPhotoSnowlift.pagingActivated .fullScreenSwitch a:hover { opacity: 1; } #fbPhotoSnowliftFullScreenClose, .dataLoading .fullScreenSwitch.fbPhotoSnowliftFullScreen, .showVideo .fullScreenSwitch.fbPhotoSnowliftFullScreen { display: none; } .fbPhotoSnowlift .fbPhotosPhotoButtons .separatorBorder.fbPhotoSnowliftExpand, .fbPhotoMediaTitleFullScreen { display: none; } .fbPhotoSnowliftFullScreenSeparator, .fbPhotoSnowliftFullScreen { display: none; } body.plugin { background: none repeat scroll 0 0 transparent; overflow: hidden; } .fbProfileInlineBlock { display: inline-block; } .mediumFbProfileBlankIcon { height: 50px; width: 50px; } .largeFbProfileBlankIcon { height: 74px; width: 74px; } .fbProfileBlankStateIcon { background-color: #ECEFF5; border: 1px solid #C5CDE1; } .fbProfileBlankStateIcon:hover { border: 1px solid #9DACCB; } .fbProfileBlankStateIcon:active { background-color: #D8DEEB; border: 1px solid #9DACCB; } .fbProfileBlankStateIcon .iconSpan { border-bottom: 1px solid #F6F7F9; border-top: 1px solid #F2F4F8; text-align: center; } .fbProfileBlankStateIcon .iconSpan:active { border-bottom: 1px solid #F7F9FB; border-top: 1px solid #CDD5E6; } .fbProfileBlankStateIcon .iconImage { position: relative; } .mediumFbProfileBlankIcon .iconImage { top: 9px; } .largeFbProfileBlankIcon .iconImage { top: 21px; } .uiScaledImageContainer { overflow: hidden; position: relative; } .uiScaledImageCentered { background-color: #F2F2F2; text-align: center; } .uiScaledImageContainer img { height: 100%; min-height: 100%; position: relative; } .uiScaledImageContainer .scaledImageFitWidth { height: auto; width: 100%; } .uiScaledImageContainer .verticallyAligned { min-height: 0; vertical-align: middle; } .timelineLayout .fbTimelinePhotosAndVideosOfMe .fbPhotosGrid { margin-left: 11px; } .timelineLayout .fbTimelinePhotosAndVideosOfMe .fbPhotosGrid td { padding: 0; width: auto; } .timelineLayout .fbTimelinePhotoAlbums a.uiMediaThumbAlb { margin-right: 9px; } .timelineLayout .uiMediaThumbAlbHuge, .timelineLayout .uiMediaThumbHuge .uiMediaThumbWrap i { height: 111px; width: 167px; } .timelineLayout .fbPhotosGrid .photoDetails { width: 185px; } .timelineLayout .fbPhotosGrid .photoDetails .fbAudienceHover { margin-right: 6px; } .timelineLayout .uiMediaThumbHume { padding: 3px; } .timelineLayout .uiMediaThumbHuge i { height: 120px; width: 180px; } .fbTimelineVideos .uiVideoLink { padding: 0; vertical-align: bottom; } .fbTimelineVideos .uiVideoLinkHuge i { background-size: cover; height: 133px; width: 191px; } .fbTimelinePhotoAlbums .fbPhotosGrid td { padding-right: 5px; } .fbTimelinePhotosAndVideosOfMe .uiVideoLink { border: 0 none; margin: 0 3px 3px 0; padding: 0; vertical-align: bottom; } .fbTimelinePhotosAndVideosOfMe .uiVideoLinkHuge i { background-size: cover; height: 120px; width: 182px; } .uiMediaThumbStacked.uiMediaThumbAlb { border: medium none; position: relative; } .uiMediaThumbStacked .uiMediaThumbPrevPhoto { -moz-transform: rotate(3deg); border: medium none; border-radius: 2px 2px 2px 2px; box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.07), 0 1px 3px rgba(0, 0, 0, 0.25); height: 165px; left: 0; top: 0; width: 217px; z-index: 0; } #albums_grid_pagelet, #videos_grid_pagelet { padding-bottom: 15px; } div.fbTimelinePhotoAlbums { padding: 30px 41px 0; } div.fbTimelinePhotosAndVideosOfMe { padding: 30px 41px 20px; } .fbTimelinePhotosSeparator h4 { color: gray; cursor: default; font-size: 13px; margin: 10px 0 15px; text-align: center; } .fbTimelinePhotosSeparator h4 span { background-color: #FFFFFF; padding: 0 10px; } .fbTimelinePhotosAndVideosOfMe .async_saving { margin: 20px 0 30px; } .fbTimelineNoVideosMsg { margin: 60px 0; text-align: center; } .fbTimelinePhotosAndVideosOfMe .uiMediaThumb { border: 0 none; padding: 0 3px 3px 0; } .fbTimelinePhotosStream .uiMediaThumb { border: 0 none; padding: 2px; } div.fbTimelinePhotosStream { padding: 2px; } div.fbTimelineInlineSectionHeader { background: none repeat scroll 0 0 transparent; border: 0 none; height: 40px; text-align: center; } .fbTimelineTimePeriod div.fbTimelineInlineSectionHeader { padding-top: 0; } .fbTimelineInlineSectionHeader .uiHeaderTitle { color: #1C2A47; } .fbTimelineTabHeader { background: none repeat scroll 0 0 transparent; margin: 0 10px 20px; } .fbTimelineTabHeader h3 { font-size: 16px; width: 400px; } .fbTimelineAboutMeHeader { background: none repeat scroll 0 0 transparent; margin: 0 0 15px; } .fbTimelineTabSection .fbTimelineAboutMeHeader, .fbTimelineCompactSection .fbTimelineAboutMeHeader { margin: 15px 15px 15px 22px; } .fbTimelineAboutMeHeader h3 { font-size: 16px; } .fbTimelineAboutMeHeader h3 a { color: #333333; } .fbTimelineContentHeader h3.uiHeaderTitle, .fbTimelineInlineSectionHeader h3.uiHeaderTitle { background: none repeat scroll 0 0 #A9B5D3; border-radius: 3px 3px 3px 3px; color: #FFFFFF; display: inline-block; font-size: 14px; font-weight: normal; margin: 0; padding: 6px 11px; word-wrap: normal; } .fbTimelineContentHeader h3 a { color: #8897BD; } .fbTimelineContentHeader { margin-bottom: 15px; text-align: center; } .fbTimelinePermalink .fbTimelineSection .fbTimelineContentHeader { margin-bottom: 0; } .fbTimelineHeaderTransparent { opacity: 0; } .fbTimelineContentHeader .headerPlus { border-left: 1px solid #E5E5E5; display: inline-block; height: 28px; margin: -7px -12px 0 0; text-align: center; width: 37px; } .fbTimelineAboutMeHeader .img { margin-top: 2px; } .fbTimelineContentHeader .headerPlus .img { margin-top: 9px; } .fbTimelineStickyHeader { -moz-transition: top 0.3s linear 0s; top: 38px; z-index: 250; } body.hasVoiceBar .fbTimelineStickyHeader { padding-top: 27px; } .uiLayerPageOpen .fbTimelineStickyHeader, .theaterMode .fbTimelineStickyHeader { z-index: 50; } .fbTimelineStickyHeaderHidden { top: -150px; visibility: hidden; } .collapsedHead .fbTimelineStickyHeaderHidden { display: none; } .collapsedHead { box-shadow: none; } .collapsedHead #fbProfileCover { height: 47px; margin-bottom: -1px; } .collapsedHead #fbProfileCover h2 { font-size: 17px; margin-bottom: 10px; margin-left: 63px; margin-top: 14px; white-space: nowrap; } .collapsedHead #fbProfileCover .coverNoImage, .collapsedHead #fbProfileCover .coverWrap, .collapsedHead #fbProfileCover .fbProfileCoverCollapsed .coverWrap { height: 0; } .collapsedHead #fbProfileCover .profilePicThumb { background: none repeat scroll 0 0 transparent; box-shadow: none; left: 11px; margin-top: 2px; } .collapsedHead #fbProfileCover .profilePic { height: 32px; width: 32px; } .collapsedHead #fbProfileCover .leftPic, .collapsedHead #fbProfileCover .rightPic { visibility: hidden; width: 0; } .collapsedHead .fbTimelineNavigationPagelet, .collapsedHead #fbProfileCover .fbProfileCoverPhotoSelector, .collapsedHead #fbProfileCover .alternate_name, .collapsedHead #fbProfileCover .presenceIndicator { display: none; } .fbTimelineStickyHeader .stickyHeaderWrap { position: absolute; width: 851px; } .fbTimelineStickyHeaderGroups .stickyHeaderWrap { width: 981px; } .fbTimelineStickyHeader .back, .fbTimelineStickyHeader .actions, .fbTimelineStickyHeader .name { position: relative; } .fbTimelineStickyHeader .back { -moz-border-bottom-colors: none; -moz-border-image: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; background-color: #FFFFFF; border-color: -moz-use-text-color #C4CDE0 #C4CDE0; border-radius: 0 0 2px 2px; border-right: 1px solid #C4CDE0; border-style: none solid solid; border-width: 0 1px 1px; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.07); height: 47px; position: absolute; width: 849px; } .fbTimelineStickyHeaderGroups .back { width: 979px; } .fbTimelineStickyHeader .actions { float: right; padding: 12px 25px 5px 5px; } .fbTimelineStickyHeader .name { display: block; float: left; padding: 9px 14px 7px 16px; text-overflow: ellipsis; white-space: nowrap; } .ogAppTab .fbStickyHeaderRightLeft { width: 819px; } .fbStickyHeaderBreadcrumb { margin-left: 10px; margin-top: 3px; } .fbStickyHeaderBreadcrumb .uiButton .uiButtonText, .fbStickyHeaderBreadcrumb .uiButton input { font-size: 13px; } .fbStickyHeaderBreadcrumb .uiButton { height: 19px; line-height: 15px; } .fbStickyHeaderBreadcrumb .nameButton .uiButtonText { max-width: 190px !important; overflow: hidden; text-overflow: ellipsis; } .fbTimelineStickyHeader .name .profileThumb { display: block; float: left; height: 32px; margin-top: -1px; } .fbTimelineStickyHeader .name .profileThumb .img { display: inline-block; height: 32px; width: 32px; } div.fbTimelineStickyHeader .fbTimelineConnectButtonGroup .uiButtonHover, div.fbTimelineStickyHeader .fbTimelineConnectButtonGroup .uiButtonConfirm { background-color: #6D84B4; border-color: #3B5998; } .timelineMegaphoneFriends { max-width: 245px; } .timelineMegaphoneComingSoonFriends { max-width: 190px; } .fbProfileEditLink { background: url("http://static.ak.fbcdn.net/rsrc.php/v2/yh/r/_S0u1wZb3JC.png") no-repeat scroll left 2px transparent; padding-left: 14px; text-align: left; } .fbProfileThumbRemove { position: relative; } .fbProfileThumbRemoveX { display: none; position: absolute; right: 3px; top: 2px; } .fbProfileThumbRemove:hover .fbProfileThumbRemoveX, .async_saving .fbProfileThumbRemoveX, .fbProfileThumbRemoveDialog { display: block; text-decoration: none; } .async_saving .fbProfileThumbRemoveX .fbProfilePhotoClose, .fbProfileThumbRemoveDialog .fbProfilePhotoClose { background-position: left -22px; } .fbProfileThumbDontShowAgain label { font-weight: normal; vertical-align: text-bottom; } .fbProfileSuppressConfirm .async_saving { display: none; } .async_saving .fbProfilePhotoThumb { background: url("http://static.ak.fbcdn.net/rsrc.php/v2/yk/r/LOOn0JtHNzb.gif") no-repeat scroll center center transparent; } .async_saving .fbProfilePhotoThumb i { opacity: 0.3; } .photoTypeahead .photo { display: none; height: 16px; left: 3px; position: absolute; top: 2px; width: 16px; } .photoTypeahead .selected .photo { display: block; } .photoTypeahead .selected .textInput { padding-left: 23px; } .photoTypeahead.uiTypeaheadDisabled .selected .photo { opacity: 0.3; } .sp_8n1pd0 { background-image: url("http://static.ak.fbcdn.net/rsrc.php/v2/yi/r/ZBkNzzD2-gD.png"); background-repeat: no-repeat; display: inline-block; height: 12px; width: 13px; } .sx_be615e { background-position: -13px -17px; } .selected .sx_be615e { background-position: 0 -17px; } .sx_20b2e8 { background-position: -17px 0; height: 16px; width: 17px; } .selected .sx_20b2e8 { background-position: 0 0; } .sp_d5j2sv { background-image: url("http://static.ak.fbcdn.net/rsrc.php/v2/yz/r/Xa4Engrwdwn.png"); background-repeat: no-repeat; display: inline-block; height: 30px; width: 29px; } .sx_2adfd5 { background-position: -112px -4px; } .sx_fb0e02 { background-position: -142px -4px; } .sx_8c573c { background-position: -184.5px -4px; height: 12px; width: 12.5px; } .selected .sx_8c573c { background-position: -172px -4px; } .sx_ceaded { background-position: -198px -4px; height: 10px; width: 8px; } .sx_9e66ef { background-position: -172px -17px; height: 15px; width: 19px; } .sx_0cf814 { background-position: -192px -17px; height: 15px; width: 19px; } .sx_3f0fbf { background-position: -137px -35px; height: 21px; width: 15px; } .sx_9c8f9c { background-position: -112px -35px; height: 24px; width: 24px; } .sx_ff3f6b { background-position: 0 -4px; height: 74px; width: 111px; } .sx_7746eb { background-position: 0 -102px; height: 4px; width: 411px; } .sx_64069c { background-position: -412px -102px; height: 3px; width: 411px; } .sx_de6d3f { background-position: 0 0; height: 3px; width: 851px; } .sx_e94a47 { background-position: -352px -4px; height: 48px; width: 500px; } .sx_fec8f1 { background-position: -352px -53px; height: 48px; width: 500px; } .uiStreamStory .coverPhotoFeedStoryThumb { border: 0 none; overflow: hidden; position: relative; z-index: 0; } .uiStreamStory .coverPhotoFeedStoryThumb:hover { border: 0 none; } .uiStreamStory .coverPhotoFeedStoryThumb img { margin: 0; z-index: -1; } .uiStreamStory .coverPhotoFeedStoryThumb:hover { outline: 1px solid #3B5998; outline-offset: -1px; } .fbFlyoutDialog .uiStreamStory .coverPhotoFeedStoryThumb { max-width: 266px; } .uiStreamStory .uiPhotoThumb .coverPhotoFeedStoryImage { position: absolute; } div.uiAttachmentPhotoBox .uiMediaThumb, div.uiAttachmentPhotoBox div.horizontalSplitContainer { display: inline-block; float: left; } div.uiAttachmentPhotoBox .uiMediaThumb { padding: 2px; } div.uiAttachmentPhotoBox .beforeHorizontalSplit { margin-right: 3px; } div.uiAttachmentPhotoBox .beforeVerticalSplit { margin-bottom: 3px; } .uiStreamSubstories .uiStreamSubstory .uiUfi { width: 358px; } .uiStreamRedesign .uiStreamMessage .messageBody { color: #333333; font-size: 13px; line-height: 1.38; } .uiStreamRedesign .uiStreamStory .mainWrapper { margin-bottom: 16px; padding-top: 20px; } .uiStreamRedesign .uiStreamStory .actorPhoto { margin-bottom: 16px; margin-top: 18px; } .uiStreamRedesign .uiStreamStory .uiStreamPassive { margin-bottom: 6px; } .uiStreamRedesign .uiStreamStory .actorDescription { padding-bottom: 4px; } ul.fbUfiNoBorder li.ufiItem { border-bottom: 0 none; } #gear-balloon-promo { background-repeat: no-repeat; bottom: 17px; color: #3B4A67; position: absolute; right: 1px; width: 203px; z-index: 100; } #gear-balloon-promo .balloon-content { background: url("http://static.ak.fbcdn.net/rsrc.php/v2/ys/r/SQuBS6C9SHv.png") no-repeat scroll 0 0 transparent; width: 100%; } #gear-balloon-promo .balloon-bottom { background: url("http://static.ak.fbcdn.net/rsrc.php/v2/y4/r/XL3imU7BZ1w.png") repeat scroll 0 0 transparent; height: 10px; width: 100%; } #gear-balloon-promo .promo-close-button { position: absolute; right: 13px; top: 15px; } #gear-balloon-promo .balloon-title { font-size: 12px; font-weight: bold; padding: 14px 28px 8px 18px; } #gear-balloon-promo .balloon-text { margin: 0 18px; } #gear-balloon-promo .install-button { float: right; margin: 13px 20px 14px 0; } #gear-balloon-promo .balloon-nub { background: url("http://static.ak.fbcdn.net/rsrc.php/v2/yN/r/vkSu3kEd-_R.png") repeat scroll 0 0 transparent; bottom: -4px; height: 14px; position: absolute; right: 30px; width: 17px; } .fbPhotosNullstate { margin: 60px auto; } .fbPhotosNullstate .imageCell { padding-left: 60px; } .fbPhotosNullstate .textCell { height: 32px; padding-right: 60px; } .sp_23ba1e { background-image: url("http://static.ak.fbcdn.net/rsrc.php/v1/yC/r/pfAsRcr3zbQ.png"); background-repeat: no-repeat; display: inline-block; height: 13px; width: 8px; } .sx_c3eb5c { background-position: -72px -75px; height: 14px; width: 11px; } .selected .sx_c3eb5c { background-position: -61px -75px; } .sx_0d93b7 { background-position: -31px -75px; height: 32px; width: 29px; } .sx_aecae5 { background-position: 0 -75px; height: 32px; width: 30px; } .sx_ebbd3e { background-position: 0 0; height: 74px; width: 111px; } .sx_ab8cf2 { background-position: -94px -75px; } .sx_a682e9 { background-position: -84px -75px; width: 9px; } .sx_547557 { background-position: -103px -75px; } .sp_2gb0fa { background-image: url("http://static.ak.fbcdn.net/rsrc.php/v1/yi/r/Ce0Xa8hRU2A.png"); background-repeat: no-repeat; display: inline-block; height: 16px; width: 16px; } .sx_082214 { background-position: -27px -5px; height: 24px; width: 26px; } .sx_28d637 { background-position: 0 -5px; height: 24px; width: 26px; } .sx_3c7585 { background-position: -217px -50px; height: 13px; width: 14px; } .sx_e75b51 { background-position: -75px -30px; height: 12px; width: 8px; } .sx_d6f12a { background-position: -845px -397px; height: 14px; width: 7px; } .sx_37b03e { background-position: -202px -50px; height: 14px; width: 14px; } .sx_17ba90 { background-position: -54px -20px; height: 9px; } .sx_9326ef { background-position: -71px -20px; height: 9px; } .sx_de20e3 { background-position: -88px -20px; height: 9px; } .sx_b9e6e6 { background-position: 0 -67px; width: 9px; } .sx_275ed9 { background-position: -10px -67px; width: 9px; } .sx_832e4c { background-position: -105px -20px; height: 9px; } .sx_45adf5 { background-position: -84px -30px; height: 10px; width: 10px; } .sx_9474cb { background-position: -95px -30px; height: 10px; width: 10px; } .sx_592346 { background-position: -106px -30px; height: 10px; width: 10px; } .sx_12f8a0 { background-position: -117px -30px; height: 10px; width: 10px; } .sx_656717 { background-position: -90px -5px; height: 14px; width: 11px; } .selected .sx_656717 { background-position: -79px -5px; } .sx_f33763 { background-position: -193px -50px; height: 14px; width: 8px; } .selected .sx_f33763 { background-position: -185px -50px; } .sx_f273d2 { background-position: -66px -5px; height: 14px; width: 12px; } .selected .sx_f273d2 { background-position: -54px -5px; } .sx_a73c55 { background-position: -53px -30px; height: 12px; width: 9px; } .selected .sx_a73c55 { background-position: -44px -30px; } .sx_46432e { background-position: -33px -30px; height: 14px; width: 10px; } .selected .sx_46432e { background-position: -23px -30px; } .sx_c59bc6 { background-position: -113px -5px; height: 14px; width: 11px; } .selected .sx_c59bc6 { background-position: -102px -5px; } .sx_9132ee { background-position: -168px -5px; height: 3px; width: 5px; } .sx_e473ad { background-position: -119px -50px; } .sx_be80cd { background-position: -176px -50px; height: 14px; width: 8px; } .selected .sx_be80cd { background-position: -168px -50px; } .sx_0c3db4 { background-position: -136px -50px; width: 15px; } .sx_a23e9f { background-position: 0 -50px; } .sx_067f30 { background-position: -17px -50px; } .sx_490a3d { background-position: -34px -50px; } .sx_e16cd2 { background-position: -152px -50px; width: 15px; } .sx_4d3ebb { background-position: -51px -50px; } .sx_56f015 { background-position: -68px -50px; } .sx_bd01cb { background-position: -136px -5px; height: 12px; width: 11px; } .selected .sx_bd01cb { background-position: -125px -5px; } .sx_d4a5d5 { background-position: -148px -5px; height: 5px; width: 19px; } .sx_ba1a12 { background-position: -85px -50px; } .sx_f159ef { background-position: -102px -50px; } .sx_72624b { background-position: -63px -30px; height: 12px; width: 11px; } .sx_2592e7 { background-position: -284px -50px; height: 13px; width: 8px; } .sx_a28b41 { background-position: -274px -50px; height: 13px; width: 9px; } .sx_42f8b4 { background-position: -232px -50px; height: 13px; width: 11px; } .sx_95b955 { background-position: -244px -50px; height: 13px; width: 9px; } .sx_771fdf { background-position: -254px -50px; height: 13px; width: 9px; } .sx_d01194 { background-position: -264px -50px; height: 13px; width: 9px; } .sx_801b84 { background-position: 0 0; height: 4px; width: 851px; } .sx_e2ffe3 { background-position: -352px -5px; height: 48px; width: 500px; } .sx_1533c8 { background-position: -352px -54px; height: 48px; width: 500px; } .sx_7b03f0 { background-position: -352px -348px; height: 48px; width: 500px; } .sx_03938a { background-position: -352px -299px; height: 48px; width: 500px; } .sx_ac3a9e { background-position: -352px -250px; height: 48px; width: 500px; } .sx_53711d { background-position: -352px -201px; height: 48px; width: 500px; } .sx_22acc7 { background-position: -352px -152px; height: 48px; width: 500px; } .sx_90832a { background-position: -352px -103px; height: 48px; width: 500px; } .sx_077bfd { background-position: 0 -30px; height: 19px; width: 22px; } .sx_72d8dd { background-position: -122px -20px; height: 8px; } .sp_2kk21h { background-image: url("http://static.ak.fbcdn.net/rsrc.php/v1/yO/r/_2cdInypv2b.png"); background-repeat: no-repeat; display: inline-block; height: 31px; width: 24px; } .sx_84b48f { background-position: -255px -102px; height: 16px; width: 16px; } .selected .sx_84b48f { background-position: -239px -102px; } .sx_129f90 { background-position: -150px -134px; height: 16px; width: 16px; } .selected .sx_129f90 { background-position: -134px -134px; } .sx_3412de { background-position: -201px -134px; height: 10px; width: 10px; } .sx_7b4b9f { background-position: -212px -134px; height: 7px; width: 7px; } .sx_a73a85 { background-position: 0 -8px; height: 14px; width: 14px; } .sx_77f0cd { background-position: -188px -134px; height: 10px; width: 12px; } .sx_e31378 { background-position: -156px -213px; height: 32px; width: 32px; } .sx_6fe733 { background-position: 0 -253px; } .sx_24c757 { background-position: -25px -253px; } .sx_676c1b { background-position: -50px -253px; } .sx_140318 { background-position: -56px -215px; } .sx_56acf8 { background-position: -31px -215px; } .sx_51c462 { background-position: -232px -167px; } .sx_170903 { background-position: -207px -167px; } .sx_5c849b { background-position: -182px -167px; } .sx_a2ba25 { background-position: -157px -167px; } .sx_aaf2a4 { background-position: -132px -167px; } .sx_2e024d { background-position: -107px -167px; } .sx_28c02c { background-position: -82px -167px; } .sx_72b585 { background-position: -81px -215px; } .sx_b13784 { background-position: -106px -215px; } .sx_7ae90b { background-position: -131px -215px; } .sx_507c6c { background-position: -143px -151px; height: 12px; width: 9px; } .selected .sx_507c6c { background-position: -134px -151px; } .sx_755975 { background-position: -161px -151px; height: 12px; width: 8px; } .selected .sx_755975 { background-position: -153px -151px; } .sx_fa8307 { background-position: 0 -102px; height: 150px; width: 30px; } .sx_4d0409 { background-position: -239px -119px; height: 11px; width: 20px; } .sx_cc64b1 { background-position: -167px -134px; height: 11px; width: 20px; } .sx_475d9d { background-position: -244px -213px; width: 25px; } .sx_dca73e { background-position: -217px -213px; width: 25px; } .sx_11c02b { background-position: -190px -213px; width: 25px; } .sx_4626e5 { background-position: -220px -134px; height: 4px; width: 7px; } .sx_26371c { background-position: -228px -134px; height: 4px; width: 7px; } .sx_d1a011 { background-position: -38px -139px; height: 19px; width: 89px; } .sx_b13d7e { background-position: -31px -102px; width: 103px; } .sx_9490ac { background-position: -135px -102px; height: 30px; width: 103px; } .sx_4009ca { background-position: -31px -165px; height: 47px; width: 50px; } .sx_9f77ea { background-position: -260px -119px; height: 8px; width: 13px; } .sp_2qi5tr { background-image: url("http://static.ak.fbcdn.net/rsrc.php/v1/yj/r/qGQ43RMXTXE.png"); background-repeat: no-repeat; display: inline-block; height: 16px; width: 16px; } .sx_4d7154 { background-position: -16px 0; } .selected .sx_4d7154 { background-position: 0 0; } .sx_9c16a6 { background-position: -17px -17px; height: 14px; width: 11px; } .sx_f41371 { background-position: -17px -32px; height: 10px; width: 12px; } .sx_a5d16a { background-position: -17px -79px; height: 10px; width: 10px; } .sx_b09a90 { background-position: -17px -67px; height: 11px; width: 9px; } .sx_f49d56 { background-position: -17px -43px; height: 11px; width: 11px; } .sx_9c8635 { background-position: -17px -55px; height: 11px; width: 11px; } .sx_04a958 { background-position: 0 -17px; } .sx_1df302 { background-position: 0 -34px; } .sx_6224b1 { background-position: 0 -51px; } .sx_bda4e6 { background-position: 0 -68px; } .sx_c333b4 { background-position: 0 -85px; } .sx_bde1aa { background-position: 0 -102px; } .sx_853f7e { background-position: 0 -119px; } .sx_226786 { background-position: 0 -136px; } .sx_8c7394 { background-position: 0 -153px; } .sp_338tr5 { background-image: url("http://static.ak.fbcdn.net/rsrc.php/v1/yI/r/vVfmWeUGFMF.png"); background-repeat: no-repeat; display: inline-block; height: 32px; width: 9px; } .sx_11e8c2 { background-position: -22px -112px; height: 14px; } .selected .sx_11e8c2 { background-position: -13px -112px; } .sx_6c6a3b { background-position: -8px -162px; height: 14px; width: 8px; } .selected .sx_6c6a3b { background-position: 0 -162px; } .sx_6bfdfb { background-position: 0 -66px; height: 22px; width: 22px; } .sx_5165fd { background-position: 0 -145px; height: 16px; width: 16px; } .sx_0ef349 { background-position: 0 -33px; width: 23px; } .sx_12a92c { background-position: 0 0; width: 32px; } .sx_af936d { background-position: -9px -132px; height: 12px; } .selected .sx_af936d { background-position: 0 -132px; } .sx_a488c5 { background-position: 0 -112px; height: 19px; width: 12px; } .sx_9cb448 { background-position: 0 -89px; height: 22px; width: 22px; } .sp_3xz0q5 { background-image: url("http://static.ak.fbcdn.net/rsrc.php/v2/yq/r/wPtZz4ZY7Nu.png"); background-repeat: no-repeat; display: inline-block; height: 16px; width: 16px; } .sx_618be2 { background-position: 0 -51px; } .sx_827e8c { background-position: -13px -68px; height: 10px; width: 11px; } .sx_5a1ff7 { background-position: 0 -83px; height: 11px; width: 9px; } .sx_08a9ba { background-position: 0 -68px; height: 14px; width: 12px; } .sx_92537c { background-position: -17px -51px; } .sx_f21851 { background-position: 0 0; height: 50px; width: 50px; } .sx_e7d509 { background-position: -34px -51px; } .sp_49sjod { background-image: url("http://static.ak.fbcdn.net/rsrc.php/v1/y4/r/H-born66Dwm.png"); background-repeat: no-repeat; display: inline-block; height: 16px; width: 16px; } .sx_d9b93c { background-position: -16px -51px; } .selected .sx_d9b93c { background-position: 0 -51px; } .sx_bd1ab5 { background-position: -16px -68px; } .selected .sx_bd1ab5 { background-position: 0 -68px; } .sx_646293 { background-position: -16px -85px; } .selected .sx_646293 { background-position: 0 -85px; } .sx_2fa431 { background-position: 0 -102px; height: 18px; width: 18px; } .sx_fce5aa { background-position: -33px -69px; } .sx_48b46b { background-position: -19px -102px; } .sx_17c78a { background-position: 0 -121px; } .sx_97ba21 { background-position: -33px -51px; height: 17px; } .sx_e13b66 { background-position: -17px -121px; } .sx_4ebc64 { background-position: -34px -121px; } .sx_9dbcf1 { background-position: 0 -138px; } .sx_e4f28a { background-position: 0 0; height: 50px; width: 50px; } .sp_4cc1bv { background-image: url("http://static.ak.fbcdn.net/rsrc.php/v2/yd/r/7J5PXq5zFmL.png"); background-repeat: no-repeat; display: inline-block; height: 11px; width: 11px; } .sx_dcb82f { background-position: 0 -29px; } .sx_7d47f4 { background-position: 0 0; height: 16px; width: 16px; } .sx_2b72b2 { background-position: 0 -17px; width: 12px; } .sp_50m0s5 { background-image: url("http://static.ak.fbcdn.net/rsrc.php/v1/yY/r/3NeoP0SmgUB.png"); background-repeat: no-repeat; display: inline-block; height: 16px; width: 16px; } .sx_6e7cfa { background-position: -11px 0; height: 14px; width: 11px; } .selected .sx_6e7cfa { background-position: 0 0; } .sx_0b4d35 { background-position: 0 -338px; } .sx_5db145 { background-position: 0 -321px; } .sx_860d5d { background-position: 0 -304px; } .sx_43afef { background-position: 0 -287px; } .sx_78bb4b { background-position: 0 -270px; } .sx_354bf9 { background-position: 0 -253px; } .sx_a55424 { background-position: 0 -236px; } .sx_1b476e { background-position: 0 -219px; } .sx_296e65 { background-position: 0 -202px; } .sx_74ed91 { background-position: 0 -185px; } .sx_49e056 { background-position: 0 -168px; } .sx_c9600c { background-position: 0 -151px; } .sx_f991d6 { background-position: 0 -134px; } .sx_95619f { background-position: 0 -117px; } .sx_f484f9 { background-position: 0 -100px; } .sx_987e3f { background-position: 0 -83px; } .sx_4e2b4f { background-position: 0 -66px; } .sx_e5ce26 { background-position: 0 -49px; } .sx_e0362c { background-position: 0 -32px; } .sx_ed0971 { background-position: 0 -15px; } .sp_63uxzy { background-image: url("http://static.ak.fbcdn.net/rsrc.php/v1/y3/r/wNhZ6P89q73.png"); background-repeat: no-repeat; display: inline-block; height: 16px; width: 16px; } .sx_33d8b7 { background-position: -16px 0; } .selected .sx_33d8b7 { background-position: 0 0; } .sx_a1320c { background-position: 0 -17px; } .sp_666lae { background-image: url("http://static.ak.fbcdn.net/rsrc.php/v1/yl/r/N-TrY0Mi5p4.png"); background-repeat: no-repeat; display: inline-block; height: 14px; width: 14px; } .sx_6d6f33 { background-position: 0 -33px; } .sx_7d96fc { background-position: 0 -17px; height: 15px; width: 13px; } .sx_144463 { background-position: 0 0; height: 16px; width: 16px; } .sx_b3f05a { background-position: 0 -48px; height: 12px; width: 12px; } .sp_7tlaor { background-image: url("http://static.ak.fbcdn.net/rsrc.php/v1/y8/r/lLTcVrzTM17.png"); background-repeat: no-repeat; display: inline-block; height: 16px; width: 16px; } .sx_57dcc8 { background-position: 0 0; } .sx_5de191 { background-position: 0 -17px; } .sx_6829b2 { background-position: 0 -34px; } .sx_b38bd4 { background-position: 0 -51px; } .sp_7xy8us { background-image: url("http://static.ak.fbcdn.net/rsrc.php/v1/ye/r/SJMMHV014Gr.png"); background-repeat: no-repeat; display: inline-block; height: 16px; width: 16px; } .sx_fe85da { background-position: 0 -27px; height: 17px; width: 17px; } .sx_df5ac9 { background-position: -102px -45px; height: 10px; } .sx_821ecc { background-position: -4px -8px; height: 11px; width: 11px; } .sx_5da942 { background-position: -18px -27px; height: 17px; width: 17px; } .sx_41ba92 { background-position: -179px -45px; height: 7px; width: 11px; } .sx_13b6c5 { background-position: -53px -27px; width: 17px; } .sx_855831 { background-position: 0 -80px; height: 14px; width: 13px; } .sx_33143f { background-position: -85px -45px; height: 14px; } .sx_835a2c { background-position: -17px -45px; } .sx_3c28a5 { background-position: -173px -27px; } .sx_f46135 { background-position: -156px -27px; } .sx_807777 { background-position: -43px -63px; height: 5px; width: 9px; } .sx_31655f { background-position: -139px -27px; } .sx_ee1ec2 { background-position: 0 -45px; height: 17px; } .sx_31d8b7 { background-position: -122px -27px; } .sx_8ad335 { background-position: -105px -27px; } .sx_f58c6a { background-position: -34px -45px; height: 15px; } .sx_69235f { background-position: -119px -45px; height: 10px; } .sx_3ee97a { background-position: -153px -45px; height: 10px; width: 13px; } .sx_972642 { background-position: -30px -63px; height: 11px; width: 12px; } .sx_0a6f5f { background-position: -14px -63px; height: 13px; width: 15px; } .sx_ff582c { background-position: -68px -45px; height: 15px; } .sx_72145e { background-position: 0 -63px; width: 13px; } .sx_cf1b2d { background-position: -88px -27px; } .sx_c0e700 { background-position: -51px -45px; height: 15px; } .sx_6d7504 { background-position: -190px -27px; width: 9px; } .sx_d20bfe { background-position: -36px -27px; height: 17px; } .sx_4b0479 { background-position: -167px -45px; height: 9px; width: 11px; } .sx_0d80eb { background-position: -71px -27px; } .sx_ad82a6 { background-position: -136px -45px; height: 10px; } .sx_81c84d { background-position: -191px -45px; height: 3px; width: 5px; } .sp_9ds6nb { background-image: url("http://static.ak.fbcdn.net/rsrc.php/v2/yR/r/ffvRQ62PhhK.png"); background-repeat: no-repeat; display: inline-block; height: 9px; width: 5px; } .sx_7704a5 { background-position: 0 0; } .sx_cd43c3 { background-position: 0 -10px; } .sp_9u5yz9 { background-image: url("http://static.ak.fbcdn.net/rsrc.php/v1/y4/r/dCirgOhRAbd.png"); background-repeat: no-repeat; display: inline-block; height: 16px; width: 16px; } .sx_078ba8 { background-position: -49px -177px; } .selected .sx_078ba8 { background-position: -33px -177px; } .sx_15e917 { background-position: -16px -194px; } .selected .sx_15e917 { background-position: 0 -194px; } .sx_105f59 { background-position: -49px -194px; } .selected .sx_105f59 { background-position: -33px -194px; } .sx_36fe65 { background-position: -16px -211px; } .selected .sx_36fe65 { background-position: 0 -211px; } .sx_076572 { background-position: -49px -211px; } .selected .sx_076572 { background-position: -33px -211px; } .sx_4c0ec8 { background-position: -16px -228px; } .selected .sx_4c0ec8 { background-position: 0 -228px; } .sx_f8462c { background-position: -49px -228px; } .selected .sx_f8462c { background-position: -33px -228px; } .sx_fe8643 { background-position: -16px -245px; } .selected .sx_fe8643 { background-position: 0 -245px; } .sx_0c3a93 { background-position: -49px -245px; } .selected .sx_0c3a93 { background-position: -33px -245px; } .sx_d961e4 { background-position: -16px -262px; } .selected .sx_d961e4 { background-position: 0 -262px; } .sx_ccfadc { background-position: -49px -262px; } .selected .sx_ccfadc { background-position: -33px -262px; } .sx_6872fc { background-position: -16px -279px; } .selected .sx_6872fc { background-position: 0 -279px; } .sx_52aab1 { background-position: -49px -279px; } .selected .sx_52aab1 { background-position: -33px -279px; } .sx_4a1658 { background-position: -16px -296px; } .selected .sx_4a1658 { background-position: 0 -296px; } .sx_85ff3a { background-position: -49px -296px; } .selected .sx_85ff3a { background-position: -33px -296px; } .sx_f4ba3a { background-position: -16px -313px; } .selected .sx_f4ba3a { background-position: 0 -313px; } .sx_a6354a { background-position: -49px -313px; } .selected .sx_a6354a { background-position: -33px -313px; } .sx_b6d148 { background-position: -16px -330px; } .selected .sx_b6d148 { background-position: 0 -330px; } .sx_fd1809 { background-position: -16px -58px; } .selected .sx_fd1809 { background-position: 0 -58px; } .sx_94f4cc { background-position: -49px -58px; } .selected .sx_94f4cc { background-position: -33px -58px; } .sx_9c383b { background-position: -16px -75px; } .selected .sx_9c383b { background-position: 0 -75px; } .sx_ecaf75 { background-position: -49px -75px; } .selected .sx_ecaf75 { background-position: -33px -75px; } .sx_62458f { background-position: -16px -92px; } .selected .sx_62458f { background-position: 0 -92px; } .sx_304310 { background-position: -49px -92px; } .selected .sx_304310 { background-position: -33px -92px; } .sx_4356b0 { background-position: -16px -109px; } .selected .sx_4356b0 { background-position: 0 -109px; } .sx_60c12a { background-position: -49px -109px; } .selected .sx_60c12a { background-position: -33px -109px; } .sx_177d9d { background-position: -16px -126px; } .selected .sx_177d9d { background-position: 0 -126px; } .sx_c80eaa { background-position: -49px -126px; } .selected .sx_c80eaa { background-position: -33px -126px; } .sx_07d5e3 { background-position: -16px -143px; } .selected .sx_07d5e3 { background-position: 0 -143px; } .sx_d98526 { background-position: -49px -143px; } .selected .sx_d98526 { background-position: -33px -143px; } .sx_87447a { background-position: -16px -160px; } .selected .sx_87447a { background-position: 0 -160px; } .sx_bed328 { background-position: -49px -160px; } .selected .sx_bed328 { background-position: -33px -160px; } .sx_22d457 { background-position: -56px -41px; width: 17px; } .selected .sx_22d457 { background-position: -39px -41px; } .sx_0b7392 { background-position: -78.5px -58px; height: 12px; width: 12.5px; } .selected .sx_0b7392 { background-position: -66px -58px; } .sx_e0859e { background-position: -78px -71px; height: 14px; width: 12px; } .selected .sx_e0859e { background-position: -66px -71px; } .sx_f74bd9 { background-position: -74px -86px; height: 14px; width: 8px; } .selected .sx_f74bd9 { background-position: -66px -86px; } .sx_c19a04 { background-position: -16px -177px; } .selected .sx_c19a04 { background-position: 0 -177px; } .sx_72823a { background-position: -74px -41px; } .sx_229bae { background-position: -19px -41px; width: 19px; } .selected .sx_229bae { background-position: 0 -41px; } .sx_9f7eeb { background-position: -8px -12px; height: 17px; width: 80px; } .sp_9vcagj { background-image: url("http://static.ak.fbcdn.net/rsrc.php/v1/yU/r/VobpfpfzcXf.png"); background-repeat: no-repeat; display: inline-block; height: 16px; width: 16px; } .sx_e9b51f { background-position: -16px 0; } .selected .sx_e9b51f { background-position: 0 0; } .sx_b140ea { background-position: -16px -17px; } .selected .sx_b140ea { background-position: 0 -17px; } .sx_fccf65 { background-position: -16px -34px; } .selected .sx_fccf65 { background-position: 0 -34px; } .sx_e199e8 { background-position: -16px -51px; } .selected .sx_e199e8 { background-position: 0 -51px; } .sx_5fd7f6 { background-position: -16px -68px; } .selected .sx_5fd7f6 { background-position: 0 -68px; } .sx_823d58 { background-position: -16px -85px; } .selected .sx_823d58 { background-position: 0 -85px; } .sx_1336ca { background-position: -16px -102px; } .selected .sx_1336ca { background-position: 0 -102px; } .sx_601c23 { background-position: -16px -119px; } .selected .sx_601c23 { background-position: 0 -119px; } .sp_a9p4um { background-image: url("http://static.ak.fbcdn.net/rsrc.php/v1/yq/r/9XsNqZ09L00.png"); background-repeat: no-repeat; display: inline-block; height: 12px; width: 7px; } .sx_830a58 { background-position: 0 -14px; } .sx_fe2f55 { background-position: 0 0; height: 13px; width: 8px; } .sp_b419bd { background-image: url("http://static.ak.fbcdn.net/rsrc.php/v1/ym/r/ywrRWKHfQJp.png"); background-repeat: no-repeat; display: inline-block; height: 16px; width: 16px; } .sx_669580 { background-position: -17px -19px; width: 17px; } .selected .sx_669580 { background-position: 0 -19px; } .sx_240652 { background-position: -17px -36px; width: 17px; } .selected .sx_240652 { background-position: 0 -36px; } .sx_8d16f2 { background-position: -12.5px -315px; height: 12px; width: 12.5px; } .selected .sx_8d16f2 { background-position: 0 -315px; } .sx_841cf0 { background-position: -12.5px -328px; height: 12px; width: 12.5px; } .selected .sx_841cf0 { background-position: 0 -328px; } .sx_90fc2c { background-position: -12.5px -341px; height: 12px; width: 12.5px; } .selected .sx_90fc2c { background-position: 0 -341px; } .sx_e599c0 { background-position: -17px -53px; width: 17px; } .selected .sx_e599c0 { background-position: 0 -53px; } .sx_0e3c1f { background-position: -17px -70px; width: 17px; } .selected .sx_0e3c1f { background-position: 0 -70px; } .sx_e4326f { background-position: -17px -87px; width: 17px; } .selected .sx_e4326f { background-position: 0 -87px; } .sx_ce1c88 { background-position: -29px -137px; height: 14px; width: 5px; } .selected .sx_ce1c88 { background-position: -24px -137px; } .sx_0e28e1 { background-position: -25px -478px; height: 14px; width: 8px; } .selected .sx_0e28e1 { background-position: -17px -478px; } .sx_572b14 { background-position: -26px -354px; height: 14px; width: 10px; } .selected .sx_572b14 { background-position: -16px -354px; } .sx_22affb { background-position: -26px -343px; height: 10px; width: 10px; } .sx_dd7312 { background-position: -16px -272px; } .selected .sx_dd7312 { background-position: 0 -272px; } .sx_94a43f { background-position: -13px -302px; height: 12px; width: 13px; } .selected .sx_94a43f { background-position: 0 -302px; } .sx_da4916 { background-position: -13px -289px; height: 12px; width: 13px; } .selected .sx_da4916 { background-position: 0 -289px; } .sx_75833d { background-position: -9px -395px; height: 14px; width: 9px; } .selected .sx_75833d { background-position: 0 -395px; } .sx_c7bd18 { background-position: -16px -255px; } .selected .sx_c7bd18 { background-position: 0 -255px; } .sx_d4992d { background-position: -16px -238px; } .selected .sx_d4992d { background-position: 0 -238px; } .sx_bd9764 { background-position: -16px -221px; } .selected .sx_bd9764 { background-position: 0 -221px; } .sx_f4e552 { background-position: -16px -204px; } .selected .sx_f4e552 { background-position: 0 -204px; } .sx_329585 { background-position: -16px -187px; } .selected .sx_329585 { background-position: 0 -187px; } .sx_f6bde0 { background-position: 0 -478px; } .sx_e3c7c6 { background-position: -16px -170px; } .selected .sx_e3c7c6 { background-position: 0 -170px; } .sx_69ada5 { background-position: -17px -461px; } .sx_f3cba3 { background-position: 0 -461px; } .sx_bdd979 { background-position: -17px -444px; } .sx_fe0f60 { background-position: 0 -444px; } .sx_f12a9f { background-position: -17px -427px; } .sx_a8455a { background-position: 0 -427px; } .sx_1135e0 { background-position: -17px -410px; } .sx_75970a { background-position: -18px 0; height: 18px; width: 18px; } .sx_75970a:hover { background-position: 0 0; } .sx_a4d123 { background-position: 0 -410px; } .sx_43d5bc { background-position: -19px -393px; } .sx_8bb146 { background-position: 0 -137px; height: 32px; width: 23px; } .sx_c6a71d { background-position: 0 -104px; height: 32px; width: 32px; } .sx_6c4cb6 { background-position: -27px -289px; height: 13px; width: 9px; } .sx_8a2a90 { background-position: -20px -495px; height: 13px; width: 8px; } .sx_426a51 { background-position: -26px -329px; height: 13px; width: 9px; } .sx_0b59fd { background-position: -19px -376px; } .sx_918321 { background-position: 0 -376px; height: 18px; width: 18px; } .sx_9d7286 { background-position: -24px -152px; height: 13px; width: 11px; } .sx_3947fb { background-position: 0 -495px; height: 13px; width: 9px; } .sx_06ef92 { background-position: -26px -315px; height: 13px; width: 10px; } .sx_15be77 { background-position: -10px -495px; height: 13px; width: 9px; } .sx_59fa93 { background-position: 0 -354px; height: 21px; width: 15px; } .sp_eaexbq { background-image: url("http://static.ak.fbcdn.net/rsrc.php/v1/ys/r/hJMgf3lxpxA.png"); background-repeat: no-repeat; display: inline-block; height: 13px; width: 13px; } .sx_16cd4b { background-position: -13px 0; height: 10px; } .selected .sx_16cd4b { background-position: 0 0; } .sx_d0d8f8 { background-position: 0 -11px; width: 11px; } .sx_39998e { background-position: -12px -11px; width: 10px; } .sp_ek3b3d { background-image: url("http://static.ak.fbcdn.net/rsrc.php/v2/yM/r/5Fnwp0swJVe.png"); background-repeat: no-repeat; display: inline-block; height: 14px; width: 14px; } .sx_fe0810 { background-position: 0 0; } .sx_0d5951 { background-position: 0 -15px; } .sx_96734c { background-position: 0 -30px; } .sx_0b14df { background-position: 0 -45px; } .sp_evwgh1 { background-image: url("http://static.ak.fbcdn.net/rsrc.php/v1/yw/r/-DrG2KfHuxy.png"); background-repeat: no-repeat; display: inline-block; height: 14px; width: 13px; } .sx_eff677 { background-position: -13px 0; } .selected .sx_eff677 { background-position: 0 0; } .sx_09e979 { background-position: -12px -15px; width: 12px; } .selected .sx_09e979 { background-position: 0 -15px; } .sx_6c05f4 { background-position: -14px -43px; height: 10px; width: 10px; } .sx_4b8838 { background-position: -11px -61px; height: 7px; width: 8px; } .sx_2c37c4 { background-position: 0 -61px; height: 10px; width: 10px; } .sx_9a5819 { background-position: -12px -30px; height: 12px; width: 12px; } .selected .sx_9a5819 { background-position: 0 -30px; } .sx_8c7474 { background-position: 0 -43px; height: 17px; } .sp_exlnm0 { background-image: url("http://static.ak.fbcdn.net/rsrc.php/v1/yh/r/FFViUjWlHKv.png"); background-repeat: no-repeat; display: inline-block; height: 16px; width: 16px; } .sx_4421b7 { background-position: -16px 0; } .selected .sx_4421b7 { background-position: 0 0; } .sx_382998 { background-position: -16px -17px; } .selected .sx_382998 { background-position: 0 -17px; } .sx_0a8a5c { background-position: -16px -34px; } .selected .sx_0a8a5c { background-position: 0 -34px; } .sx_b460db { background-position: -16px -51px; } .selected .sx_b460db { background-position: 0 -51px; } .sx_40ce6c { background-position: -16px -68px; } .selected .sx_40ce6c { background-position: 0 -68px; } .sx_094f53 { background-position: -16px -85px; } .selected .sx_094f53 { background-position: 0 -85px; } .sx_e68679 { background-position: -16px -102px; } .selected .sx_e68679 { background-position: 0 -102px; } .sp_mdnp2u { background-image: url("http://static.ak.fbcdn.net/rsrc.php/v1/yA/r/8-sTwtd2ky8.png"); background-repeat: no-repeat; display: inline-block; height: 14px; width: 19px; } .sx_14ea99 { background-position: -71px -14px; width: 11px; } .selected .sx_14ea99 { background-position: -60px -14px; } .sx_79c613 { background-position: -92px -14px; width: 9px; } .selected .sx_79c613 { background-position: -83px -14px; } .sx_cd64c1 { background-position: -16px -47px; height: 16px; width: 16px; } .sx_463060 { background-position: -102px -14px; height: 12px; width: 17px; } .sx_0e0079 { background-position: -100px -29px; width: 15px; } .sx_414b70 { background-position: -33px -14px; height: 32px; width: 26px; } .sx_7d2d34 { background-position: 0 -14px; height: 32px; width: 32px; } .sx_0193aa { background-position: -60px -29px; height: 15px; } .sx_5a3f0f { background-position: -80px -29px; height: 15px; } .sx_6ec234 { background-position: 0 -47px; height: 21px; width: 15px; } .sx_dcffba { background-position: 0 -9px; height: 4px; width: 411px; } .sx_f9509f { background-position: 0 0; height: 4px; width: 851px; } .sx_036342 { background-position: -412px -9px; height: 3px; width: 411px; } .sx_46465a { background-position: 0 -5px; height: 3px; width: 851px; } .sp_uha64q { background-image: url("http://static.ak.fbcdn.net/rsrc.php/v1/yG/r/l1y_H7v_U4r.png"); background-repeat: no-repeat; display: inline-block; height: 13px; width: 9px; } .sx_53252a { background-position: 0 0; height: 16px; width: 8px; } .sx_4e32a0 { background-position: 0 -17px; width: 10px; } .sx_a819b9 { background-position: 0 -31px; } .sx_b5c946 { background-position: 0 -45px; } .sx_f6a7c9 { background-position: 0 -59px; } .uiStreamSecondaryTime .img { bottom: -2px; position: relative; vertical-align: top; } .uiVideoLink { background-color: #000000; display: inline-block; padding: 4px 0; position: relative; } .uiVideoLink:hover { text-decoration: none; } .uiVideoLink i { background-position: center 25%; background-repeat: no-repeat; display: block; } .uiVideoLinkMedium i { height: 79px; width: 124px; } .uiVideoLinkLarge i { height: 118px; width: 159px; } .uiVideoLinkHuge i { height: 122px; width: 171px; } .uiVideoLink .playtime { background: none repeat scroll 0 0 rgba(0, 0, 0, 0.65); border-radius: 2px 2px 2px 2px; bottom: 4px; color: #FFFFFF; display: block; font-size: 11px; padding: 3px 6px; position: absolute; right: 5px; } .uiVideoLink .playicon { background-color: transparent; bottom: 4px; display: block; height: 26px; left: 5px; position: absolute; width: 35px; } .uiVideoLink:active .playicon, .uiVideoLink:hover .playicon, .uiVideoLink:focus .playicon { background-image: url("http://static.ak.fbcdn.net/rsrc.php/v2/yB/r/jxUplchomFH.png"); background-repeat: no-repeat; } #bootloader_2sT_I { height: 42px; } body.thirdParty .hasRightCol #contentArea { width: 520px; } body.thirdParty #globalContainer { width: 1008px !important; } .fbGalleryPrev, .fbDisabledGalleryPrev { float: left; margin-top: 50px; opacity: 0.7; } .fbGalleryPrev:hover { opacity: 1; } .fbGalleryNext, .fbDisabledGalleryNext { float: right; margin-top: 50px; opacity: 0.7; } .fbGalleryNext:hover { opacity: 1; } .fbConnectWidgetTopmost { -moz-border-bottom-colors: none; -moz-border-image: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; border-color: #315C99 #AAAAAA #AAAAAA; border-right: 1px solid #AAAAAA; border-style: solid; border-width: 1px; overflow: hidden; padding: 0; position: relative; } div.fbDarkWidget { background-color: transparent; } .fbDarkWidget .fbWidgetTitle { color: #FFFFFF; } .fbDarkWidget a, .fbDarkWidget .profileName { color: #FFFFFF; } .fbDarkWidget a.uiLinkSubtle { color: gray; } div.fbConnectWidgetHeaderTitle { border-width: 0 0 1px; } div.ConnectActivityLogin { border-width: 0 0 1px; } .fbRecommendationWidgetContent .recommendations_metadata { color: gray; padding-top: 3px; } .fbDarkWidget .fbRecommendationWidgetContent .recommendations_metadata { color: #CCCCCC; } .fbGalleryImage { max-height: 125px; max-width: 140px; } .fbShowBothHidden { display: none; } .fbRecommendationsContainer { display: none; } .fbShowBothRecommendationsHighlighted .fbRecommendationsContainer { display: inline; } .fbShowBothRecommendationsHighlighted .fbActivityContainer { display: none; } .fbActivityContainer { display: inline; } .fbGalleryRecommendationsFacepile { position: relative; } .fbGalleryRecommendationsFooter { width: 150px; } .fbGalleryRecommendationsImageBlock { display: block; height: 125px; margin-left: auto; margin-right: auto; text-align: center; } .fbGalleryRecommendationsImageContainer { background: url("http://static.ak.fbcdn.net/rsrc.php/v2/ye/r/nZW4C56WJb6.png") repeat scroll 0 0 #EDEFF4; display: inline-block; height: 125px; overflow: hidden; width: 140px; } .fbDarkWidget .fbGalleryRecommendationsImageContainer { background-position: -125px 0; } .fbGalleryRecommendationsNode { height: 275px; } .fbGalleryRecommendationsText { height: 64px; padding-top: 3px; } .fbShowBothActivityHeader { display: none; } .fbShowBothRecommendationsHighlighted .fbShowBothActivityHeader { display: inline; } .fbShowBothRecommendationsHeader { display: inline; } .fbShowBothRecommendationsHighlighted .fbShowBothRecommendationsHeader { display: none; } .fbDarkWidget div.ConnectActivityLogin { background-color: #000000; border-color: #303030; } .fbProfilePic { height: 35px; width: 35px; } .fbImageContainer { background: url("http://static.ak.fbcdn.net/rsrc.php/v2/ye/r/nZW4C56WJb6.png") no-repeat scroll 0 0 #EDEFF4; height: 35px; overflow: hidden; width: 35px; } .fbDarkWidget .fbImageContainer { background-position: -35px 0; } .fbConnectWidgetHeaderTitle { border: 1px solid #C6CEDD; color: #1C2A47; cursor: default; padding-bottom: 7px; padding-top: 8px; } .fbConnectWidgetHeaderTitleBranded { background: none repeat scroll 0 0 #3B5998; color: #FFFFFF; cursor: default; padding-bottom: 5px; padding-top: 7px; } .fbDarkWidget .fbConnectWidgetHeaderTitle { background-color: #333333; border: 1px solid #444444; } .fbLoginButton { float: left; } .ConnectActivityLoginMessage { color: #666666; line-height: 14px; vertical-align: top; } .fbDarkWidget .ConnectActivityLoginMessage { color: gray; } .fbConnectWidgetFooter { bottom: 0; cursor: default; position: absolute; width: 100%; } .transparent_widget .fbDarkWidget .fbConnectWidgetFooter { background-color: transparent; } .fbConnectWidgetFooter .fbFooterBorder { border-top: 1px solid #CCCCCC; margin: 0 6px; padding: 4px 3px; } .fbDarkWidget .fbConnectWidgetFooter .fbFooterBorder { border-top: 1px solid #444444; } .fbConnectWidgetContent, .fbImageContainer img { visibility: hidden; } .fbConnectWidgetContent, .fbGalleryRecommendationsImageContainer img { visibility: hidden; } div.fbHalfPage { overflow: hidden; } div.fbAdminOptions { float: right; } body.transparent_widget, html.wrapped body.transparent_widget #body { background-color: transparent; overflow: hidden; } body.plugin.transparent_widget, html.wrapped body.plugin.transparent_widget #body { overflow-y: hidden; } .connect_widget { background-color: transparent; } .connect_widget .connect_widget_facebook_favicon { background: url("http://static.ak.fbcdn.net/rsrc.php/v2/y7/r/ql9vukDCc4R.png") no-repeat scroll -1px -47px transparent; display: block; height: 14px; left: -1px; padding: 0; position: absolute; width: 14px; } body.transparent_widget .generic_dialog_popup, .connect_widget .generic_dialog_popup { width: 400px; } .fbFeedbackContent.fbDarkWidget { border: medium none; } .fbFeedbackContent .async_saving ul, .fbFeedbackContent .async_saving .indicator, .fbFeedbackContent .async_saving .action_links { background: url("http://static.ak.fbcdn.net/rsrc.php/v1/yb/r/GsNJNwuI-UM.gif") no-repeat scroll right center transparent; } .fbFeedbackContent.fbDarkWidget .composerHider { border-bottom: 1px solid #666666; border-top: 1px solid #666666; } .fbFeedbackContent .composerHider { border-bottom: 1px solid #CCCCCC; border-top: 1px solid #CCCCCC; margin: 0; padding: 9px 0 7px; } .fbFeedbackContent .composerHider .uiSelector { margin: -3px 1px; } .fbFeedbackContent .composerHider .uiSelector .uiSelectorButton, .fbFeedbackContent .composerHider .uiSelector .uiSelectorButton:active, .fbFeedbackContent .composerHider .uiSelector .uiSelectorButton:focus, .fbFeedbackContent .composerHider .uiSelector .uiSelectorButton:hover { background-color: transparent; background-image: url("http://static.ak.fbcdn.net/rsrc.php/v1/yi/r/Ce0Xa8hRU2A.png"); background-position: right -202px; background-repeat: no-repeat; border: medium none; box-shadow: none; margin: 0; outline: 0 none; padding: 2px 20px 2px 0; } .fbFeedbackContent .composerHider .uiSelector .uiSelectorButton .uiButtonText { color: #333333; } .fbFeedbackContent.fbDarkWidget .composerHider .uiSelector .uiSelectorButton .uiButtonText { color: #FFFFFF; } .fbFeedbackContent .composerHider .uiSelector .itemLabel { font-weight: normal; } .fbFeedbackContent .composerHider .uiSelector .checked .itemLabel { font-weight: bold; } .fbFeedbackContent .composerHider a { font-weight: bold; } .fbFeedbackContent .fbThirdPartyIcon { position: relative; right: 1px; top: 4px; } .fbCommentContext .fbCommentContextPosts { max-height: 400px; overflow-x: hidden; overflow-y: auto; } .fbCommentContext .fbCommentContextPosts .fbTopLevelComment { padding-top: 0; } .fbCommentContext .composerGrid { width: 100%; } .fbCommentContext .composerTight { width: 0; } .fbCommentContext .composerReply .uiButton { margin-right: 4px; } .fbFeedbackContent .composer { -moz-border-bottom-colors: none; -moz-border-image: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; background-color: rgba(190, 190, 190, 0.2); border-color: #E9E9E9; border-style: solid; border-width: 1px 0; padding: 7px 10px 7px 69px; position: relative; } .fbFeedbackContent.fbDarkWidget .composer { background-color: #333333; border-color: #666666; } .fbFeedbackContent .fbFeedbackPosts .composer { margin-left: -10px; } .fbFeedbackContent .fbFeedbackPostsContainer .fbFeedbackPosts { padding: 0; } .fbFeedbackContent .noTopBorder { border-top: 0 none !important; } .fbDarkWidget .fbCommentContext .composer { background-color: #555555; border: medium none; } .fbCommentContext .composer { background-color: #F2F2F2; border: 1px solid #CCCCCC; margin-top: 4px; padding-bottom: 4px; padding-left: 70px; padding-top: 4px; position: relative; } .fbFeedbackContent .composer .uiProfilePhoto { background-color: #DDDDDD; left: 10px; margin: 2px 0 0; padding: 0 !important; position: absolute; } .fbFeedbackContent.fbDarkWidget .fbFeedbackTypeahead, .fbFeedbackContent.fbDarkWidget .fbFeedbackTypeahead .wrap { border-color: #434343; } .fbFeedbackContent.fbDarkWidget .fbFeedbackMentions .mentionsTextarea, .fbFeedbackContent .fbFeedbackMentions .mentionsTextarea { background-color: transparent; border-width: 0; box-shadow: none; margin: 0; padding: 0; } .fbFeedbackContent.fbDarkWidget .fbFeedbackMentions { background-color: #000000; } .fbFeedbackContent .fbFeedbackMentions { background-color: #FFFFFF; margin: 2px 0; } .fbFeedbackContent .fbFeedbackMentions .innerWrap { padding: 3px; } .fbFeedbackContent .fbFeedbackMentions .highlighter { left: 0; top: 0; } .fbFeedbackContent.fbDarkWidget .fbFeedbackMentions .highlighter b { background-color: #444444; } .fbCommentContext .textwrapper, .fbFeedbackContent .textwrapper { padding: 0 8px 0 0; } .fbFeedbackContent .postToProfile { float: left; min-width: 135px; position: relative; } .fbFeedbackContent .postToProfile input { position: relative; top: 2px; } .fbFeedbackContent div.commentas { color: gray; float: right; margin: 4px 6px; } .fbFeedbackContent .indicator { float: left; margin: 10px 0 0 -45px; position: absolute; } .fbFeedbackContent select.commentas { float: right; margin: 1px 6px; } .hideCommentas .commentas { display: none; } .fbCommentContext.fbDarkWidget .composer textarea, .fbFeedbackContent.fbDarkWidget .composer textarea { background-color: #000000; border: 1px solid #434343; color: #FFFFFF; } .fbCommentContext .composer textarea, .fbFeedbackContent .composer textarea { border: 1px solid #899BC5; padding: 3px; width: 100%; } .fbFeedbackContent .replywrapper { padding: 0 8px 0 0; } .fbCommentContext .viewerProfilePic { float: left; } .fbCommentContext .replywrapper { width: 100%; } .fbCommentContext .replywrappermargin { margin: 0 9px; } .fbCommentContext .replywrappermargin .textarea { margin-left: -4px; } .fbFeedbackContent.fbDarkWidget .composerReply { border-top: 1px solid #666666; } .fbFeedbackContent .composerReply { border-top: 1px solid #E9E9E9; } .fbFeedbackContent .composerReply { padding-top: 8px; } .fbFeedbackContent .composerReply textarea { width: 100%; } .fbFeedbackContent .postContent .action_links { margin-bottom: 8px; } .fbFeedbackContent .postBlingBox { border: medium none; bottom: 1px; cursor: text; padding: 0; position: relative; } .fbFeedbackContent .postBlingBox:hover { background-color: transparent; border: medium none; } .fbFeedbackContent .fbUpDownVoteAfterLogin { display: inline; } .fbFeedbackContent .fbFeedbackPager { margin-left: 0; } .fbFeedbackContent .fbFeedbackPager .fbFeedbackPagerLink { padding: 8px; } .fbFeedbackContent .fbFeedbackReplyPager .fbFeedbackPagerLink { padding: 5px 8px; } .fbFeedbackContent .fbFeedbackPager .fbFeedbackPagerLink:hover { text-decoration: none; } .fbFeedbackContent .postReplies .pagerLoader { padding-left: 2px; } .fbFeedbackContent { min-height: 160px; } .fbCommentContext .fbFeedbackContent { min-height: 0; } .fbFeedbackContent .fbFeedbackPosts { padding: 0 0 0 10px; } .fbFeedbackContent .star { height: 11px; width: 11px; } .fbFeedbackContent .followLinkInlineCheck, .fbFeedbackContent .followLinkInlineCheckDark { margin-right: 4px; } .fbFeedbackContent .post { margin-top: 4px; } .fbFeedbackContent .post input { margin-left: 0; } .fbCommentContext .post .uiSelector, .fbCommentContext .cancel .uiSelector, .fbFeedbackContent .post .uiSelector, .fbCommentContext .post .uiButton, .fbCommentContext .cancel .uiButton, .fbFeedbackContent .post .uiButton { float: right; } .fbCommentContext .post .uiSelector .uiButton, .fbCommentContext .cancel .uiSelector .uiButton, .fbFeedbackContent .post .uiSelector .uiButton { float: none; } .fbFeedbackContent .post label.desc { font-weight: normal; position: absolute; top: 4px; } .fbFeedbackContent .profileName { font-size: 11px; } .fbFeedbackContent .fbFeedbackPost { -moz-border-bottom-colors: none; -moz-border-image: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; border-color: #E2E2E2; border-style: solid; border-width: 1px 0 0; clear: both; padding-bottom: 0 !important; padding-top: 10px; } .fbFeedbackContent.fbDarkWidget .fbFeedbackPost { border-color: #555555; } .fbFeedbackContent li.fbTopLevelComment:first-of-type { border-width: 0; } .fbFeedbackContent li.fbTopLevelComment:last-of-type { margin-bottom: -5px; } .fbDarkWidget .fbFeedbackReplies .fbFeedbackPost { border-color: #444444; } .fbFeedbackReplies .fbFeedbackPost { border-color: #E9E9E9; border-width: 0 0 1px; } .fbFeedbackReply form, .fbFeedbackContent .postReply, .postReplies { margin-top: 8px; } .postReplies .uiMorePagerLight .uiMorePagerPrimary:hover { background-color: rgba(225, 228, 237, 0.6); } .postReplies .uiMorePagerInverted .uiMorePagerPrimary, .postReplies .uiMorePagerInverted .uiMorePagerLoader { background-color: transparent; border-color: #444444; border-width: 1px 0 0; } .fbFeedbackContent .uiMorePagerInverted .uiMorePagerPrimary:hover { background-color: #444444; border-color: #555555; } .fbDarkWidget .closeButton .uiCloseButton, .fbDarkWidget .closeButton .openToggler .uiCloseButton, .fbDarkWidget .closeButtonAfterLogin .uiCloseButton { border: 1px solid #000000; margin: 0; } .fbFeedbackContent .postContainer:hover .closeButton, .fbFeedbackContent .postContainer:hover .closeButtonAfterLogin { visibility: visible; } .fbFeedbackContent .postContainer .closeButton, .fbFeedbackContent .postContainer .closeButtonAfterLogin { float: right; visibility: hidden; } .fbFeedbackPost { position: relative; } .fbFeedbackPost .postContent { margin-top: 5px; } .fbDarkWidget .fbFeedbackPost .postText { color: #CCCCCC; } .fbFeedbackPost .postText { color: #1A1A1A; line-height: 14px; margin: 0 28px 5px 0; } .fbFeedbackPost .postActor { background-color: #EDEDED; margin-bottom: 8px; margin-right: 11px; } .fbDarkWidget .postActor { background-color: #333333; } .fbFeedbackReplyPager { height: 16px; margin-bottom: 8px; } .fbFeedbackContent .fbConnectWidgetFooter { position: static; } .fbFeedbackContent .fbConnectWidgetFooter .fbFooterBorder { margin: 5px 0 0; } .fbTopLevelComment .fbFeedbackReplies .fbCommentReply { border-width: 1px 0 0; } .fbFeedbackContent .fbCommentOverlay { border-style: solid; border-width: 1px; bottom: 0; font-size: 12px; left: 0; opacity: 0.9; position: absolute; right: 0; top: 0; } .fbFeedbackContent .fbReportedByUser { background-color: #FFFFFF; border-color: #EEEEEE; } .fbFeedbackContent .fbRecentlyBlacklisted { background-color: #444444; border-color: #1A1A1A; } .fbFeedbackContent .fbRecentlyPublicized { background-color: #E4FFE2; border-color: #D2F1D0; } .fbFeedbackContent .fbRecentlyPrivatized { background-color: #FFFBE8; border-color: #F7E0FF; } .fbFeedbackContent .fbCommentOverlayInsert { margin-top: -0.5em; position: absolute; text-align: center; top: 50%; width: 100%; } .fbFeedbackContent .fbCommentDownvotedButVisible .postText { color: gray; } .fbFeedbackContent .fbCommentOverlayDark { color: #000000; } .fbFeedbackContent .fbCommentOverlayLight { color: #FFFFFF; } .fbFeedbackContent .fbCommentOverlayLight a:link, .fbFeedbackContent .fbCommentOverlayLight a:hover, .fbFeedbackContent .fbCommentOverlayLight a:visited, .fbFeedbackContent .fbCommentOverlayLight a:active { color: #999999; } .fbCommentsEditSettings .uiInfoTable .label { vertical-align: middle; width: 145px; } .fbCommentsEditSettings .uiInfoTable tr { border-top: 1px solid #CCCCCC; } .fbCommentsEditSettings .uiInfoTable tr:first-child { border: medium none; } .fbCommentsEditSettings .uiInfoTable th { padding: 10px 5px 10px 0; } .fbCommentsEditSettings .uiInfoTable td { padding: 10px 0 10px 5px; } .fbCommentsEditSettings .uiInfoTable tr:first-child th, .fbCommentsEditSettings .uiInfoTable tr:first-child td { padding-top: 0; } .fbCommentsEditSettings .uiInfoTable tr:nth-last-child(2) th, .fbCommentsEditSettings .uiInfoTable tr:nth-last-child(2) td { padding-bottom: 0; } .fbCommentsEditSettings .uiInfoTable tr:last-child, .fbCommentsEditSettings .uiInfoTable tr.custom_blacklist { border: medium none; } .fbCommentsEditSettings .uiInfoTable tr.custom_blacklist th, .fbCommentsEditSettings .uiInfoTable tr.custom_blacklist td { padding: 0 5px 10px; } .fbDarkWidget .warning a { color: gray; } .sp_comments { background-image: url("http://static.ak.fbcdn.net/rsrc.php/v2/yi/r/U9AwDhGgiju.png"); background-repeat: no-repeat; display: inline-block; height: 16px; width: 16px; } .sx_comments_favicon { background-position: 0 -153px; } .sx_comments_cfavicon { background-position: 0 -187px; height: 14px; width: 14px; } .sx_comments_yahoo { background-position: -17px -153px; } .sx_comments_aol { background-position: -34px -153px; } .sx_comments_msft { background-position: 0 -170px; } .sx_comments_pyahoo { background-position: 0 0; height: 50px; width: 50px; } .sx_comments_paol { background-position: 0 -51px; height: 50px; width: 50px; } .sx_comments_pmsft { background-position: 0 -102px; height: 50px; width: 50px; } .sx_comments_star { background-position: 0 -202px; height: 10px; width: 11px; } .sx_comments_darkstar { background-position: -28px -187px; height: 10px; width: 11px; } .sx_comments_arrowb { background-position: -33px -202px; height: 5px; width: 9px; } .sx_comments_arroww { background-position: -23px -202px; height: 5px; width: 9px; } .sx_comments_arrowl { background-position: -28px -198px; height: 3px; width: 5px; } .sx_comments_like { background-position: -33px -170px; height: 13px; width: 15px; } .sx_comments_darklike { background-position: -17px -170px; height: 13px; width: 15px; } .sx_comments_subscribe { background-position: -15px -187px; height: 14px; width: 12px; } .sx_comments_subscribedark { background-position: -40px -187px; height: 10px; width: 10px; } .sx_comments_followLinkInlineCheck { background-position: 0 -213px; height: 11px; width: 9px; } .sx_comments_followLinkInlineCheckDark { background-position: -12px -202px; height: 10px; width: 10px; } .sp_recommendations { background-image: url("http://static.ak.fbcdn.net/rsrc.php/v2/yM/r/tc6kQtD6Y3L.png"); background-repeat: no-repeat; display: inline-block; height: 14px; width: 14px; } .sx_recommendations_favicon { background-position: 0 0; } .FlyoutSubscriptionMenu { min-width: 180px; } .SubscriptionMenu .itemLabel { overflow: hidden; } div.SubscriptionMenu .SubscriptionMenuCategory .itemAnchor { font-weight: normal; } .uiMenuXItem.SelectorMenuOnFeed .itemAnchor { padding: 1px 16px 1px 42px; } li.SelectorMenuOnFeed.checked .itemAnchor { background: url("http://static.ak.fbcdn.net/rsrc.php/v2/yu/r/6NHt8H5uyPf.png") no-repeat scroll 20px 5px transparent; } .SelectorMenuOnFeed.checked a:hover, .SelectorMenuOnFeed.checked a:active, .SelectorMenuOnFeed.checked a:focus { background-color: #6D84B4; background-position: 20px -56px; } div.FriendListSubscribeSubmenu { padding-bottom: 0; padding-top: 0; } div.FriendListActionMenu, div.InterestListMenuDisconnect { padding-top: 0; } div.InterestListMenuLists { padding-bottom: 0; } .NonFriendSubscriptionMenu .hideFromNonFriend, .isUnsubscribed .SubscribeMenuSettingsItem, .subscriptionMenuOpen .FriendListActionMenu, .subscriptionMenuOpen .FlyoutFriendListMenu, .subscriptionMenuOpen .InterestListMenuLists, .subscriptionMenuOpen .InterestListMenuDisconnect, .subscriptionMenuOpen .FriendListSubscribeSubmenu, .cannotSubscribe .FriendListSubscribeSubmenu, .noSubscriptionLevels .SubscribeMenuSettingsItem, .noSubscribeCheckbox .SubscribeMenuSubscribeCheckbox, .pagesSubscribeButtonFlyout .SubscribeMenuSubscribeCheckbox, .FriendListSubscriptionsMenu { display: none; } .subscriptionMenuOpen .FriendListSubscriptionsMenu { display: block; } .uiMorePagerInverted .uiMorePagerPrimary, .uiMorePagerInverted .uiMorePagerLoader { border: 1px solid #444444; padding: 6px 5px 10px; } .uiMorePagerInverted .uiMorePagerPrimary:hover { background-color: #444444; } .uiMorePagerInverted .uiMorePagerSecondary { margin: 6px 5px; } .UIIntentionalStreamSearch .highlight, .UIIntentionalStreamSearch .inserted { color: #000000; font-weight: bold; margin: 0; } .UIResultSet_MoreLink { display: block; padding-top: 4px; } .UIResultSet { padding: 0 6px; } .UIResultSet_SuppressBasePadding { padding: 0; } .detailedsearch_result { border-bottom: 1px solid #E9E9E9; padding-bottom: 5px; } .detailedsearch_last_result { border-bottom: 0 none; } .detailedsearch_actions .detailedseach_action_item { white-space: nowrap; } .searchResultPersonByline .fbProfileBylineFragment { display: block; width: auto; } .searchResultPersonByline .fbProfileBylineIconContainer .fbProfileBylineIcon { margin: 0; } .searchResultPersonByline .fbProfileBylineIconContainer { display: inline-block; margin-right: 5px; width: 11px; } .searchResultPersonByline { display: block; width: auto; } .detailedsearch_filter_loading_indicator_area { float: right; } .detailedsearch_feature_header { background-color: #E9E9E9; border: 0 none; height: 7px; margin-bottom: 10px; padding: 0; text-align: center; } .detailedsearch_feature_header span { background-color: #FFFFFF; color: gray; font-weight: bold; padding: 0 5px; position: relative; top: -4px; } .sp_5o5ztc { background-image: url("http://static.ak.fbcdn.net/rsrc.php/v2/yY/r/m1qdBJcg10f.png"); background-repeat: no-repeat; display: inline-block; height: 16px; width: 16px; } .sx_4589cf { background-position: 0 0; height: 17px; width: 46px; } .sx_54ddc8 { background-position: 0 -18px; } .sx_3b1b43 { background-position: -39px -18px; height: 14px; width: 5px; } .selected .sx_3b1b43 { background-position: -34px -18px; } .sx_b3d27d { background-position: -6px -35px; height: 11px; width: 6px; } .selected .sx_b3d27d { background-position: 0 -35px; } .sx_7b798a { background-position: -17px -18px; } .sp_eltm0y { background-image: url("http://static.ak.fbcdn.net/rsrc.php/v2/yn/r/7SPie7U82HJ.png"); background-repeat: no-repeat; display: inline-block; height: 10px; width: 10px; } .sx_8333f8 { background-position: 0 0; width: 11px; } .sx_6bca81 { background-position: 0 -33px; height: 5px; width: 9px; } .sx_e6f6f1 { background-position: 0 -11px; } .sx_3818df { background-position: 0 -22px; } #bootloader_7rb4Q { height: 42px; } .devsitePage { min-width: 1024px; } .devsitePage .body .content { margin: auto; max-width: 940px; } .devsitePage .clear { clear: both; } html body { background: none repeat scroll 0 0 #F4F4F4; } .devsitePage .body { background: none repeat scroll 0 0 #F4F4F4; padding: 50px 0 0; } .devsitePage .body > .content { background: none repeat scroll 0 0 #FFFFFF; border: 1px solid #D9D9D9; border-radius: 3px 3px 3px 3px; box-shadow: 0 1px 1px #DDDDDD; padding: 25px 20px 20px; } .devsitePage .nav > .content { background: url("http://static.ak.fbcdn.net/rsrc.php/v2/yd/r/QzmkzK8kmHk.png") repeat-y scroll 0 0 #FFFFFF; } .devsitePage .body ol, .devsitePage .body ul { list-style-type: disc; padding-left: 3em; } .devsitePage .body .uiSelector ul, .devsitePage .body ul.uiList { list-style-type: none; margin: 0; padding-left: 0; } .devsitePage .body ol { list-style-type: decimal; } .devsitePage .body .uiStepList ol { background: none repeat scroll 0 0 #E9E9E9; } .devsitePage .body .uiStepListSingleLine ol { background: none repeat scroll 0 0 #E9E9E9; } .devsitePage .body strong { font-weight: bold; } .devsitePage em, .devsitePage .body i { font-style: italic; } .devsitePage .body h1 { font-size: 28px; font-weight: normal; margin: 0 0 8px; } .devsitePage .body h2 { font-size: 18px; font-weight: normal; letter-spacing: -0.03em; margin: 25px 0 15px; } .devsitePage .body .devsiteSettingsHeader h2 { font-size: 18px; font-weight: normal; letter-spacing: -0.03em; margin: 0 0 5px; } .devsitePage .body h3 { font-size: 15px; margin: 25px 0 10px; } .devsitePage .body dl, .devsitePage table, .devsitePage .body pre, .devsitePage .body ul, .devsitePage .body ol, .devsitePage .body p { margin: 0 0 1em; } .devsitePage .body pre, .devsitePage .body code, .devsitePage table.params td.name { color: #006000; font-family: monospace; font-size: 13px; } .devsitePage .body h2 code { font-size: inherit; } .devsitePage .body pre, .devsitePage .body .pre { -moz-border-bottom-colors: none; -moz-border-image: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; background: none repeat scroll 0 0 #F2F2F2; border-color: #D8DFEA; border-style: solid; border-width: 1px 1px 1px 3px; margin: 18px; overflow: auto; padding-bottom: 7px; padding-left: 10px; padding-top: 7px; } .devsitePage .body img.externalLink { left: 5px; position: relative; top: -5px; width: 10px; } .devsitePage .bodyText table { margin-bottom: 1em; } .devsitePage .bodyText table td, .devsitePage .bodyText table th { border: 1px solid #DDDDDD; padding: 4px 10px 4px 6px; text-align: left; vertical-align: top; } .devsitePage .bodyText table td.closeButton { padding-right: 0; } .devsitePage .bodyText table.noborder td { border: 0 none; } .devsitePage .bodyText table.bordered td, .devsitePage .bodyText table.bordered th { border: 1px solid #DDDDDD; } .devsitePage .bodyText table.uiGrid td { border: 0 none; } .devsitePage .bodyText table td p:last-child { margin-bottom: 0; } .devsitePage .bodyText table.uiInfoTable { width: auto; } .devsitePage .bodyText table.uiInfoTable td, .devsitePage .bodyText table.uiInfoTable th { border: 0 none; height: auto; padding: 6px; vertical-align: middle; width: auto; } .devsitePage .bodyText table.uiInfoTable th { width: auto; } .devsitePage .bodyText .blueBox { background-color: #EDEFF4; border: 1px solid #D8DFEA; margin: 20px 0; padding: 13px; } .devsitePage .bodyText .blueBox *:last-child { margin-bottom: 0; } #lint table td { } .devsitePage .footer { color: #777777; padding-bottom: 30px; } .devsitePage .footer .content { margin: 0 auto; max-width: 980px; padding: 10px; } .devsitePage .footer .copyright { float: left; } .devsitePage .footer .links { text-align: right; } .devsitePage .footer .links a { margin-left: 15px; } .devsitePage .header { background: none repeat scroll 0 0 white; border-bottom: 1px solid #DDDDDD; margin-bottom: 20px; padding-bottom: 25px; padding-top: 0; } .devsitePage .header h1 { font-size: 18px; font-weight: bold; margin: 0; } .devsitePage .header h1 a { color: #333333; text-decoration: none; } .devsitePage .header .breadcrumbs { margin-top: 4px; } .devsitePage .hideHeader { border: medium none; margin: 0 !important; padding: 0; } .devsitePage div.admin { background: none repeat scroll 0 0 #EEEEEE; border: 1px solid #DDDDDD; float: right; font-size: 11px; padding: 8px; position: relative; z-index: 0; } .devsitePage div.admin a { margin: 0 6px; } .devsitePage div.admin a.gatekeeper { background: url("http://static.ak.fbcdn.net/rsrc.php/v2/y9/r/uADs2cgkzVe.png") no-repeat scroll left center transparent; font-weight: bold; padding-left: 12px; } .devsitePage .menu { background: url("http://static.ak.fbcdn.net/rsrc.php/v1/y0/r/NB47cUfXHpf.png") repeat-x scroll 0 0 #3B5998; border-bottom: 1px solid #23487E; font-weight: bold; height: 33px; position: fixed; width: 100%; z-index: 300; } .devsitePage .menu a.topNavItem { color: #FFFFFF; display: block; float: left; line-height: 29px; padding: 2px 11px; } .devsitePage .menu a:hover, .devsitePage .menu li:hover, .devsitePage .menu li:hover .tinymanName { background: none repeat scroll 0 0 #1A3C6C; color: #FFFFFF; text-decoration: none; } .devsitePage .menu .content { margin: 0 auto; padding: 0; width: 980px; } .devsitePage .menu a.logo { line-height: 0; margin-right: 18px; padding: 7px 11px 9px; } .devsitePage .menu a.logo img { height: 17px; width: 166px; } .devsitePage .menu .search { -moz-border-bottom-colors: none; -moz-border-image: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; border-color: #123682 #294A8F #294A8F; border-right: 1px solid #294A8F; border-style: solid; border-width: 1px; float: left; margin: 4px 5px 4px 0; width: 280px; } .devsitePage .menu .uiTypeahead { border: 0 none; } .devsitePage .menu .uiTypeahead .wrap { border: 0 none; } .devsitePage .menu .uiSearchInput { border: 0 none; } .devsitePage .menu .uiSearchInput input { width: 245px; } .devsitePage .menu .uiSearchInput span { border: 0 none; padding: 0; } .devsitePage .menu .uiSearchInput button { top: 1px; } .devsiteSearchTypeaheadView li { color: #3B5998; } .devsiteSearchTypeaheadView li.header { font-size: 11px; font-weight: bold; } .devsitePage .menu .uiTypeaheadView .header { margin: 0; } .devsitePage .menu .inputtext { border: 0 none; padding: 5px 4px; } .devsitePage .menu li { float: left; } .devsitePage .menu ul { list-style-type: none; margin: 0; padding: 0; } .devsitePage .menu a.account, .devsitePage .menu .account { float: right; } .devsitePage .menu .account a { height: 33px; padding: 0; } .devsitePage .menu .account .tinyman { padding-top: 1px; } .devsitePage .menu .account .tinyman:after { background: none repeat scroll 0 0 #526DA4; content: " "; display: inline-block; float: right; height: 14px; margin-top: 10px; width: 1px; } .devsitePage .menu .account .tinyman:hover:after { background: none repeat scroll 0 0 #1A3C6C; } .devsitePage .menu .account .tinymanName { color: #D8DFEA; display: inline-block; line-height: 29px; max-width: 175px; overflow: hidden; padding-right: 8px; padding-top: 1px; text-overflow: ellipsis; vertical-align: top; white-space: nowrap; } .devsitePage .menu .account .tinymanPhoto { -moz-border-bottom-colors: none; -moz-border-image: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; border-color: #123682 #294A8F #294A8F; border-right: 1px solid #294A8F; border-style: solid; border-width: 1px; height: 23px; margin: 4px 5px 0 7px; width: 23px; } .devsitePage .menu .account #accountNav { position: relative; } .devsitePage .menu .account #accountNav:hover { margin-left: -1px; padding-left: 1px; } .devsitePage .menu .account #accountNav.togglerOpen:hover { margin-left: -1px; padding-left: 0; } .devsitePage .menu #accountNav.togglerOpen { -moz-border-bottom-colors: none; -moz-border-image: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; background-color: #FFFFFF; border-color: #333333 #333333 -moz-use-text-color; border-style: solid solid none; border-width: 1px 1px 0; height: 33px; margin-left: -1px; margin-right: -1px; } .devsitePage .menu .togglerOpen .menuPulldown { background-image: url("http://static.ak.fbcdn.net/rsrc.php/v1/yO/r/_2cdInypv2b.png") !important; background-position: -218px -212px !important; background-repeat: no-repeat !important; height: 32px; width: 24px; } .devsitePage .menu .togglerOpen #accountNavArrow { position: relative; z-index: 2; } .devsitePage .menu .togglerOpen #accountNavArrow:hover { background: none repeat scroll 0 0 #FFFFFF; } .devsitePage .menu .menuPulldown { background-image: url("http://static.ak.fbcdn.net/rsrc.php/v1/yO/r/_2cdInypv2b.png"); background-position: -191px -212px; background-repeat: no-repeat; height: 33px; width: 24px; } .devsitePage .menu .menuPulldown:hover { background-image: url("http://static.ak.fbcdn.net/rsrc.php/v1/yO/r/_2cdInypv2b.png"); background-position: -245px -212px; background-repeat: no-repeat; height: 33px; width: 24px; } .devsitePage .menu .nav { -moz-border-bottom-colors: none; -moz-border-image: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; background: none repeat scroll 0 0 #FFFFFF; border-color: #333333; border-style: solid; border-width: 1px 1px 2px; display: none; margin-right: -1px; margin-top: -1px; padding: 4px 0; position: absolute; right: 0; top: 100%; width: 130px; z-index: -1; } .devsitePage .menu #accountNav.togglerOpen .nav { display: block; } .devsitePage .menu .nav li { display: block; float: none; } .devsitePage .menu .nav .submenuNav { border-bottom: 1px solid #FFFFFF; border-top: 1px solid #FFFFFF; color: #222222; display: block; font-weight: normal; height: 18px; line-height: 18px; padding: 0 22px; } .devsitePage .menu .nav .submenuNav:hover { background: none repeat scroll 0 0 #6D84B4; border-bottom: 1px solid #3B5998; border-top: 1px solid #3B5998; color: #FFFFFF; text-decoration: none; } .devsitePage .menu .submenuNav input { color: #222222; height: 20px; margin-top: -1px; } .devsitePage .menu .submenuNav input:hover, .devsitePage .menu .submenuNav:hover input, .devsitePage .menu .submenuNav:focus input, .devsitePage .menu .submenuNav:active input { color: #FFFFFF; text-decoration: none; } .devsitePage .menu .logoutButton { display: block; } .devsitePage .menu .logoutButton input { display: block; font-weight: normal; outline: 0 none; text-align: left; white-space: nowrap; width: 100%; } .devsitePage .imageLinkText { float: left; padding: 15px 25px; text-align: center; width: 275px; } .devsitePage .imageLinkText .title a { text-decoration: none; } .devsitePage .imageLinkText .caption { color: #666666; } .devsitePage #devsiteHomeBody > .content { max-width: 980px; padding: 0; } .devsitePage #devsiteHomeBody .content .wikiPanel { border-bottom: 1px solid #D2D2D2; height: 277px; overflow: hidden; } .devsitePage #devsiteHomeBody .content .wikiPanel .header .content { position: absolute; right: 0; } .devsitePage #devsiteHomeBody .content .wikiPanel .mWikiRevision { display: none; } .devsitePage #devsiteHomeBody .linkBanner { margin-top: -75px; } .devsitePage #devsiteHomeBody .linkBanner img { -moz-transform: scale(1); -moz-transition-duration: 200ms; -moz-transition-timing-function: ease-out; } .devsitePage #devsiteHomeBody .linkBanner img:hover { -moz-transform: scale(1.05); -moz-transition-duration: 200ms; -moz-transition-timing-function: ease-out; } .devsitePage #devsiteHomeBody .sectionContainer { margin: 5px 10px; padding: 10px; } .devsitePage #devsiteHomeBody .section { border-bottom: 1px solid #D2D2D2; border-top: 1px solid #D2D2D2; float: left; font-weight: normal; height: 235px; margin: 0; width: 290px; } .devsitePage #devsiteHomeBody .section h2 { border: medium none; font-size: 16px; font-weight: bold; margin: 0 0 5px; padding: 15px 0 10px; } .devsitePage #devsiteHomeBody .section .caption { color: #666666; font-size: 11px; line-height: 14px; } .devsitePage #devsiteHomeBody .sectionImg { text-align: center; } .devsitePage #devsiteHomeBody .sectionNew { border-left: medium none; margin: 0; padding-right: 15px; } .devsitePage #devsiteHomeBody .sectionNew .platformHealth { padding-bottom: 10px; } .devsitePage #devsiteHomeBody .sectionNew .platformHealth .healthIndicator { display: inline-block; height: 15px; margin-right: 7px; width: 13px; } .devsitePage #devsiteHomeBody .sectionNew .platformHealth .liveStatus { width: 268px; } .devsitePage #devsiteHomeBody .section ul li { margin-bottom: 10px; } .devsitePage #devsiteHomeBody .sectionNew ul { list-style: none outside none; margin: 0; padding: 0 20px 0 0; } .devsitePage #devsiteHomeBody .sectionNew ul li { background: url("http://static.ak.fbcdn.net/rsrc.php/v2/yY/r/1gBp2bDGEuh.gif") no-repeat scroll 0 2px transparent; padding-left: 22px; } .devsitePage #devsiteHomeBody .sectionNew ul li .title { font-weight: bold; } .devsitePage #devsiteHomeBody .sectionNew ul li.readmore { background: none repeat scroll 0 0 transparent; } .devsitePage #devsiteHomeBody .sectionNew ul li.readmore a { background: url("http://static.ak.fbcdn.net/rsrc.php/v2/yI/r/llncLdVc0JC.gif") no-repeat scroll right center transparent; font-weight: bold; padding-right: 9px; } .devsitePage #devsiteHomeBody .sectionPromo { border-left: 1px solid #D2D2D2; border-right: 1px solid #D2D2D2; padding: 0 15px; } .devsitePage #devsiteHomeBody .sectionPromo #devsiteHomePromoContainer { height: 200px; overflow: hidden; } .devsitePage #devsiteHomeBody .sectionPromo .promoHidden { opacity: 0; } .devsitePage #devsiteHomeBody .sectionPromo #devsiteHomePromoIndicators { margin-top: 10px; text-align: center; } .devsitePage #devsiteHomeBody .sectionPromo .sectionImg { text-align: center; } .devsitePage #devsiteHomeBody .sectionPromo .caption { margin: 10px 0; } .devsitePage #devsiteHomeBody .sectionPromo .sectionTemplateLink { font-weight: bold; margin: 0 5px; } .devsitePage #devsiteHomeBody .sectionPromo .emptyPromo { height: 300px; width: 300px; } .devsitePage #devsiteHomeBody .sectionPromo .indicatorOn, .devsitePage #devsiteHomeBody .sectionPromo .indicatorOff { cursor: pointer; display: inline-block; height: 14px; width: 14px; } .devsitePage #devsiteHomeBody .sectionPromo .indicatorOn { background: url("http://static.ak.fbcdn.net/rsrc.php/v2/yG/r/NtT_fCHHAK2.png") no-repeat scroll 0 0 transparent; } .devsitePage #devsiteHomeBody .sectionPromo .indicatorOff { background: url("http://static.ak.fbcdn.net/rsrc.php/v2/yR/r/CVsrcVvoa9c.png") no-repeat scroll 0 0 transparent; } .devsitePage #devsiteHomeBody .sectionShowcase { border-right: medium none; padding-left: 20px; } .devsitePage #devsiteHomeBody .sectionShowcase .caption { margin-top: 5px; } .devsitePage #devsiteHomeBody .likePlugin { margin: 0 10px; padding: 0 10px; } .devsitePage .devAppTitle { font-size: 18px; } .devsitePage #developerAppNav ul { padding-left: 0; } .devsitePage .developerAppDashLeft { float: left; width: 20%; } .devsitePage .developerAppDashRight { float: right; width: 79%; } .devsitePage .developerAppDetailsLeft { float: left; width: 20%; } .devsitePage .developerAppDetailsRight { float: right; width: 79%; } .devsitePage .body #developerAppNav ul, .devsitePage .body #developerAppNavigation ul { list-style-type: none; } .devsitePage #DeveloperAppDashHeader { min-height: 32px !important; } .devsitePage .dashboardHeader .dashboardTitle { font-size: 18px; font-weight: bold; width: 420px; } .devsitePage .dashboardHeader .dashboardTitle a { color: #000000; } .devsitePage .dashboardHeader .appTypeahead { display: inline-block; margin: 0 5px 0 0; } .devsitePage .uiTypeahead ul { margin: 2px 0; padding: 0; } .devsitePage .uiTypeahead .bucketed li.header { margin: 0; } .devsitePage .developerAppDashLeft .toplevelnav ul li a.aWrap { background-position: 135px 10px; } .devsitePage .developerAppDashLeft .toplevelnav ul li a div.navSectionTitle { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 123px; } .devsitePage .developerAppDashLeft .bodyMenu ul li .imgWrap { float: left; height: 16px; width: 16px; } .devsitePage .developerAppDashLeft .uiTypeahead { margin-bottom: 10px; width: 170px; } .devsitePage .directoryStatus, .devsitePage span.dirPending, .devaitePage span.dirUnsubmitted { color: #666666; } .devsitePage .appNameTitleBar { font-size: 18px; } .devsitePage img.appLogo { max-height: 40px; width: 40px; } .devsitePage span.dirApproved { color: green; } .devsitePage span.dirDenied { color: #AA0000; } .devsitePage .body h3.uiHeaderTitle, .devsitePage .body #developerAppDetailsContent p { font-size: 11px; margin: 0; } .devsitePage #developerAppDashContent td, .devsitePage #developerAppDetailsContent td, .devsitePage #developerAppDetailsContent div { font-size: 11px; line-height: normal; } .devsitePage .developerAppSectionBanner td.closeButton { vertical-align: top; } .devsitePage #developerAppDashContent .plugin .thumbnail { float: left; margin-right: 10px; } .devsitePage #developerAppDashContent .plugin .name { font-size: 16px; line-height: 24px; padding-top: 16px; } .devsitePage #developerAppDashContent .plugin .desc { font-size: 12px; } .devsitePage td.overviewHeaderColumn { padding: 4px 10px 4px 6px; vertical-align: top; width: 100px; } .devsitePage td.headerColumn { width: 190px; } .devsitePage #developerAppDashContent td.contentColumn { width: 250px; } .devsitePage #developerAppDashContent td.contentPane { padding: 0; } .devsitePage #developerAppDashContent #test_accounts { padding: 5px; } .devsitePage .uiFacepile ul { padding: 0; } .devsitePage div.content_loading { background: url("http://static.ak.fbcdn.net/rsrc.php/v2/y9/r/jKEcVPZFk-2.gif") no-repeat scroll center center transparent; height: 400px; min-width: 250px; overflow: hidden; } .devsitePage .noApps { font-size: 12px; font-weight: bold; padding: 20px 0; text-align: center; } .devsitePage #developerAppDetailsContent td.contentPane .preview_img { margin-bottom: 10px; } .devsitePage #developerAppDetailsContent td.contentPane div div:last-child .preview_img { margin-bottom: 0; } .devsitePage #developerAppDetailsContent td.contentPane, .devsitePage #developerAppDetailsContent .contentPane { width: 460px; } .devsitePage #developerAppDetailsContent .inputtext, .developerAppInlineTokenizer .inputtext { width: 452px; } .devsitePage #developerAppDetailsContent .textfield_array_input_text { width: 80%; } .devsitePage #developerAppDetailsContent .shortinput .inputtext { width: 140px; } .devsitePage #developerAppDetailsContent .uiTypeahead .inputtext { width: 100%; } .devsitePage #developerAppDashContent .devAppOpenGraph { margin-bottom: 0; } .devsitePage #developerAppDashContent .devAppOpenGraph .ogColumn { padding: 4px 10px 4px 6px; vertical-align: top; width: 200px; } .devsitePage #developerAppDashContent .devAppOpenGraph .ogColumn ul { list-style-type: none; margin-bottom: 0; padding: 0; } .devsitePage #developerAppDashContent .devAppOpenGraph .ogColumn li { font-size: 11px; line-height: 18px; } .devsitePage #developerAppDashContent .devAppInsights .fbInsightsTinyStatistic { float: right; } .devsitePage #developerAppDashContent .editSettings { text-align: center; } .devsitePage #contentCol { background: none repeat scroll 0 0 transparent; padding-top: 0; } .devsitePage .developerAppDashLeft .toplevelnav a, .devsitePage .developerAppDashLeft .toplevelnav a:hover, .devsitePage .uiTypeahead li { font-size: 11px; } .devsitePage .throbber { text-align: center; vertical-align: middle; } .devsitePage img.throbber { display: inline-block; padding-bottom: 8px; visibility: hidden; } .devsitePage .async_saving img.throbber { visibility: visible; } .devsitePage .developerAppDashLeft .seeAllApps { margin: 10px 0; text-align: center; } .devsitePage .developerAppDashLeft .newAppButton { width: 162px; } .devsitePage #edit_button { outline: medium none; } .devsitePage td.contentPane label { display: block; float: left; min-width: 68px; } .devsitePage td.contentPane label, .devsitePage td.contentPane input { vertical-align: top; } .devsitePage td.contentPane input.pixelinput { margin-top: -4px; } .devsitePage .developerAppAccessToken { display: inline; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 560px; } .devsitePage .developerAppDashRight .name, .devsitePage .developerAppDashRight .desc { margin-left: 105px; } .devsitePage .developerAppDashRight .thumbnail .img { border: medium none; } #fbCreateAppDialog .async_saving { background: url("http://static.ak.fbcdn.net/rsrc.php/v2/yb/r/GsNJNwuI-UM.gif") no-repeat scroll 0 0 transparent; height: 10px; margin-left: 10px; width: 35px; } #fbCreateAppDialog span.valid { color: green; } span.failed { color: #CC0000; padding-right: 5px; } .devsiteWiki { color: #333333; font-family: "Lucida Grande",Tahoma,Verdana,Arial,sans-serif; font-size: 11px; margin: 0; } .devsiteWiki a:hover { text-decoration: underline; } .devsiteWiki a.uiButton:hover, .devsiteWiki a.itemAnchor:hover { text-decoration: none; } .devsiteWiki img { border: 0 none; } .devsiteWiki table { border: 0 none; border-collapse: collapse; border-spacing: 0; margin: 0; } .devsiteWiki table td, .devsiteWiki table th { border: 0 none; padding: 0; text-align: left; vertical-align: top; } .devsiteWiki table th { font-weight: bold; } .devsiteWiki h1, .devsiteWiki h2, .devsiteWiki h3, .devsiteWiki h4 { border: 0 none; margin: 0; padding: 0; } .devsiteWiki .header, .devsiteWiki .body, .devsiteWiki .body p, .devsiteWiki .body ul, .devsiteWiki .body ol, .devsiteWiki .body li, .devsiteWiki .body th, .devsiteWiki .body th, .devsiteWiki .body td { font-size: 12px; } .devsiteWiki .body pre, .devsiteWiki .body p, .devsiteWiki .body li, .devsiteWiki .body dt, .devsiteWiki .body dd, .devsiteWiki .refindex .page, .devsiteWiki .body textarea, .devsiteWiki .body td { line-height: 18px; } .devsiteWiki dl, .devsiteWiki dt, .devsiteWiki dd { margin: 0; } .devsiteWiki dd, .devsiteWiki .refindex .page { margin-bottom: 10px; } .devsiteWiki dd p, .devsiteWiki .refindex .page .snippet p { margin: 0; } .devsiteWiki dt, .devsiteWiki .refindex .page .title { font-weight: bold; } .devsiteWiki dt a.private, .devsiteWiki .refindex .page .title a.private, .devsiteWiki .bodyMenu li a.private { background: url("http://static.ak.fbcdn.net/rsrc.php/v2/y9/r/uADs2cgkzVe.png") no-repeat scroll left center transparent; padding-left: 13px; } .devsiteWiki .metanotice { background: none repeat scroll 0 0 #FFF9D7; border: 1px solid #E2C822; margin: 1em; padding: 1em; } .devsiteWiki textarea { resize: none; } .clearfix:after { clear: both; content: "."; display: block; font-size: 0; height: 0; line-height: 0; visibility: hidden; } .clearfix { display: block; } .devsiteWiki .titleblock { margin: 20px 0; } .devsiteWiki .titleblock h1 { font-size: 24px; font-weight: normal; padding: 0; } .devsiteWiki .titleblock h3 { color: #797C80; font-size: 16px; font-weight: normal; line-height: 22px; margin: 0 0 3px; padding: 0; } .devsiteWiki .titleblock div.stats { margin-top: 20px; } .devsiteWiki .titleblock .statsbox { background: none repeat scroll 0 0 #EEEEEE; float: right; padding: 20px 20px 10px; width: 200px; } .devsiteWiki .titleblock div.stats .statsbox li { color: #333333; font-size: 11px; line-height: 14px; } .devsiteWiki .titleblock div.stats ul { color: #627AAD; list-style-type: square; padding: 0 0 0 17px; } .devsiteWiki .titleblock div.stats li { font-size: 14px; line-height: 22px; margin-bottom: 5px; } .devsiteWiki .titleblock div.stats li span { color: #333333; } .devsiteWiki .titleblock img { float: left; height: 65px; margin: 0 10px 0 0; } .devsiteWiki p.intro { color: #797C80; font-size: 14px; line-height: 21px; margin-bottom: 20px; } .devsiteWiki p.intro b { color: #444444; } .devsiteWiki .contentblock { clear: right; float: left; margin: 1.5em 0; position: relative; width: 100%; } .devsiteWiki hr { clear: right; margin: 20px 0; } .devsiteWiki .contentblock h2 { margin: 0 0 15px; padding: 0; } .devsiteWiki .contentblock h2.mbn { margin: 0; } .devsiteWiki .contentblock h3 { color: #999999; font-size: 13px; font-weight: normal; margin: 0 0 20px; } .devsiteWiki .contentblock h4 { color: #000000; font-size: 14px; font-weight: bold; line-height: 18px; margin-bottom: 4px; } .devsiteWiki .contentblock p { color: #333333; font-size: 12px; line-height: 18px; margin-bottom: 18px; } .devsiteWiki .contentblock a.more { background: url("/attachment/more.png") no-repeat scroll 100% 3px transparent; padding-right: 10px; } .devsiteWiki .contentblock img.right { float: right; margin: 0 0 10px 20px; } .devsiteWiki .contentblock img.left { display: table-cell; float: left; margin: 0 20px 10px 0; } .devsiteWiki .contentblock img.bleed { margin-right: -16px; } .devsiteWiki .contentblock img.bordered { border: 1px solid #DDDDDD; margin-bottom: 10px; padding: 5px; } .devsiteWiki .contentblock ol { margin: 10px 0; padding: 0 0 0 23px; } .devsiteWiki .contentblock ol li { margin-bottom: 10px; } .devsiteWiki .fleft { float: left; width: 357px; } .devsiteWiki .fright { float: right; width: 357px; } .devsiteWiki .fleft ul, .devsiteWiki .fright ul { list-style-type: square; margin: 0; padding: 0 0 0 20px; } .devsiteWiki .fleft ul li, .devsiteWiki .fright ul li { margin: 0 0 10px; } .devsiteWiki .fcol { float: left; width: 231px; } .devsiteWiki .poq { background: none repeat scroll 0 0 #F1F2F9; margin-bottom: 20px; margin-top: -20px; padding: 20px; } .devsiteWiki .poq p { color: #666666; } .devsiteWiki .poq p.small { color: #999999; font-size: 11px; margin: 0; } .devsiteWiki .poq .credit img.left { margin-right: 10px; } .devsiteWiki .poq.right { float: right; margin-left: 20px; width: 280px; } .devsiteWiki .poq.left { float: left; margin-right: 20px; width: 280px; } .devsiteWiki .pagebottom { border-top: 1px solid #DDDDDD; clear: both; height: 25px; padding-top: 20px; } .devsiteWiki .pagebottom a.right { float: right; } .devsiteWiki .pagebottom a.left { float: left; } .devsiteWiki .thumbnail { float: left; margin-right: 10px; } .devsiteWiki .thumbnail .img { border: 1px solid #CCCCCC; } .devsiteWiki .plugin .name, .devsiteWiki .plugin .desc { margin-left: 143px; } .devsiteWiki .plugin .name { font-size: 16px; line-height: 24px; } .devsiteWiki .timestamp { color: #666666; font-size: 11px; } .devsiteWiki .clearcols { clear: both; display: block; height: 0; overflow: hidden; visibility: hidden; width: 0; } .devsiteWiki #priority-support-box { float: right; } .devsitePage #navsubsectionpages { list-style-type: none; margin-top: 20px; padding: 0; } .devsitePage #navsubsectionpages h5 { color: #777777; font-size: 11px; margin: 25px 0 10px 10px; } .devsitePage #navsubsectionpages ul { list-style-type: none; margin-left: 10px; padding: 0; } .devsitePage #navsubsectionpages li { border: 0 none; font-size: 11px; line-height: 18px; padding: 1px 0; } .devsitePage #navsubsectionpages li a { padding: 0; } .devsitePage .bodyText { float: right; width: 732px; } .devsitePage .body .bodyMenu li a.private.selected { background-image: url("http://static.ak.fbcdn.net/rsrc.php/v2/yE/r/JQgQHls27pw.png"), url("http://static.ak.fbcdn.net/rsrc.php/v2/y9/r/uADs2cgkzVe.png"); background-position: 160px center, left center; background-repeat: no-repeat, no-repeat; } .devsitePage .body .bodyMenu li a.private { margin-left: 5px; } .devsitePage .body .bodyMenu { float: left; margin-left: -20px; overflow: hidden; padding: 0 20px; width: 166px; } .devsitePage .body .bodyMenu.fixed { position: fixed; } .devsitePage .body .bodyMenu.fixedScrolling { bottom: 0; } .devsitePage .body .bodyMenu .title { color: #666666; font-size: 24px; font-weight: normal; line-height: 28px; margin: 0; padding: 0; } .devsitePage .body .bodyMenu ul { list-style-type: none; margin: 0; padding: 0; } .devsitePage .body .bodyMenu li { margin: 0; } .devsitePage .body .bodyMenu h4, .devsitePage .body .bodyMenu li a { padding: 6px 6px 6px 10px; } .devsitePage .body .bodyMenu h4 { color: #666666; font-size: 16px; font-weight: normal; margin-bottom: 8px; padding-bottom: 0; padding-top: 0; } .devsitePage .body .bodyMenu li a { display: block; } .devsitePage .body .bodyMenu li a.selected { background: url("http://static.ak.fbcdn.net/rsrc.php/v2/yE/r/JQgQHls27pw.png") no-repeat scroll right center transparent; color: #333333; font-weight: bold; } .devsitePage .toplevelnav .withsubsections > .selected { margin-right: 20px; padding-left: 30px; } .devsitePage .body .bodyMenu li ul.subsections li a.selected { background-image: none; } .devsitePage .body.reference hr { background-color: #D2D2D2; border: 0 none; height: 1px; margin: 40px 0 0; } .devsitePage .body.reference h2 { color: #666666; font-size: 16px; font-weight: normal; margin-bottom: 16px; } .devsitePage .body div.fql_example { margin-bottom: 1em; } .devsitePage .refindex .page .thumbnail { float: left; } .devsitePage .refindex .page .thumbnail img { border: 1px solid #D3DAE5; height: 75px; width: 100px; } .devsitePage .bodyMenu .toplevelnav ul { list-style-type: none; margin: 0; padding: 0; } .devsitePage .bodyMenu .toplevelnav ul.subsections { margin: 0; padding: 0; } .devsitePage .bodyMenu .toplevelnav li { border-bottom: 1px solid #E5E5E5; font-size: 12px; line-height: 18px; } .devsitePage .bodyMenu .toplevelnav li.active.withsubsections { background: none repeat scroll 0 0 #F2F7FC; border-bottom: 1px solid #D2DEE5; border-top: 1px solid #D2DEE5; margin: -1px -20px 0; padding-bottom: 5px; } .devsitePage .bodyMenu .toplevelnav li:first-child, .devsitePage .developerAppDashLeft .bodyMenu .toplevelnav li.active:first-child { border-top: 1px solid #E5E5E5; } .devsitePage .bodyMenu .toplevelnav li.active:first-child { border-top: 2px solid #D2DEE5; } .devsitePage .bodyMenu .toplevelnav ul.subsections li { border: 0 none; padding: 0 0 0 45px; } .devsitePage .bodyMenu .toplevelnav ul.subsections li a { color: #333333; font-size: 12px; overflow: hidden; padding: 3px 6px; text-overflow: ellipsis; white-space: nowrap; } .devsitePage .bodyMenu .toplevelnav ul.subsections li a.selected { overflow: auto; white-space: normal; } .devsitePage .bodyMenu .toplevelnav ul.subsections ul { padding: 3px 0; } .devsitePage .bodyMenu .toplevelnav ul.subsections ul li { padding-left: 22px; } .devsitePage .bodyMenu .toplevelnav ul.subsections ul li a { font-size: 11px; } .devsitePage .bodyMenu .toplevelnav li a:hover { background: url("http://static.ak.fbcdn.net/rsrc.php/v2/yE/r/JQgQHls27pw.png") no-repeat scroll right center transparent; color: #333333; text-decoration: none; } .devsitePage .bodyMenu .toplevelnav li ul.subsections li a:hover { background-image: none; } .devsitePage .bodyMenu .toplevelnav ul li img.imgWrap { float: left; margin: 6px 0 0 5px; } .devsitePage .bodyMenu .toplevelnav ul li a.aWrap { display: inline-block; width: 128px; } .devsitePage .plugin_form { background: none repeat scroll 0 0 #EFEFEF; border-top: 1px solid #C1C1C1; float: left; margin: 10px 10px 15px 0; padding: 10px; width: 220px; } .devsitePage .plugin_form dt { color: #666666; } .devsitePage .plugin_form dt a.uiTooltip { font-size: 11px; font-weight: normal; } .devsitePage .plugin_form dd { border-bottom: 1px solid #D0D0D0; margin-bottom: 5px; padding: 5px 0 10px; } .devsitePage .plugin_form dd label { color: #000000; font-weight: normal; } .devsitePage .plugin_form .wideinputtext { width: 210px; } .devsitePage .plugin_example { float: left; padding: 10px; width: 420px; } .devsitePage .dark_background { background-color: #333333; padding: 10px; } .devsitePage .nofloat { float: none; margin-left: -10px; width: auto; } .dialog_body { padding-bottom: 0; } .dialog_body .code { margin-bottom: 16px; } .dialog_body .code div { margin: 5px 0; } .dialog_body .code input, .dialog_body .code textarea { font: 12px monospace; width: 600px; } .dialog_body ol .code input, .dialog_body ol .code textarea { width: 575px; } .dialog_body #snip-html5 ol, .dialog_body #snip-xfbml ol, .dialog_body #snip-iframe ol { padding-left: 2em; } .LDialog_DeveloperPluginCode .pop_container, .LDialog_DeveloperPluginCode .pop_container_advanced { width: 630px; } .LDialog_DeveloperPluginCode label { font-size: 12px; margin: 5px; } .devsitePage .body li.permBucket table.uiGrid { margin: 0; } .profileUnitShowcaseItem { float: right; position: relative; text-align: center; width: 100px; } .warning { border: 1px solid #EFC63F; } .warning div { cursor: pointer; opacity: 0.6; } .warning img { opacity: 0.6; } .warning .warningIcon { position: absolute; right: 5px; top: 5px; z-index: 2; } .previewReferralDialogLink { display: block; text-align: right; width: 670px; } .devsitePage .body table.aggregationPreviews th, .devsitePage .body table.aggregationPreviews td { padding: 0 12px 0 0; } #bootloader_PRMOz { height: 42px; } .fbFeedbackContent .fbModeratorFullView { margin-top: 8px; } .fbCommentModerationContent .fbFeedbackContent .objectListItem:first-child { padding-top: 10px; } .fbCommentModerationContent .fbFeedbackContent .uiCenteredMorePager { margin-left: 0; } .fbFeedbackContent .fbDialogView { max-height: 350px; overflow-x: hidden; overflow-y: auto; } .fbFeedbackContent .fbCommentSelected { background-color: #F5F5F5; } .fbFeedbackContent .fbFeedbackContentHeader { border-color: lightgray white; border-style: solid; border-width: 2px 0 1px; padding: 7px 0; } .fbFeedbackContent .fbModeratorOptions { margin-left: 1px; } .fbFeedbackContent .fbModerationOption { position: relative; } .fbFeedbackContent .fbSelectedNub { height: 7px; left: 50%; margin-left: -5.5px; position: absolute; top: 15px; width: 11px; } .fbFeedbackContent .fbPublicCommentsSelectedNub { background-image: url("http://static.ak.fbcdn.net/rsrc.php/v2/yf/r/PfBgtiydy5U.gif"); } .fbFeedbackContent .fbModerateCommentsSelectedNub { background-image: url("http://static.ak.fbcdn.net/rsrc.php/v2/y-/r/bofDyr_OPBq.gif"); } .fbFeedbackContent .fbModeratorSettings { margin-right: 3px; } .fbFeedbackContent .fbModeratorQueueSummary { background-color: #E8E8E8; border-color: lightgray; border-style: solid; border-width: 0 1px 1px; height: 35px; } .fbFeedbackContent .fbModeratorQueueSummaryContent { padding-left: 5px; padding-top: 10px; } .fbFeedbackContent .fbFeedbackPostsContainer { max-height: 600px; overflow-y: scroll; } .fbFeedbackContent .fbModeratorQueueActionBar { background-color: #E8E8E8; border: 1px solid lightgray; height: 30px; padding-top: 8px; } .fbFeedbackContent .fbModeratorQueueActionUpperBar { border-top-width: 0; } .fbFeedbackContent .fbModeratorQueueActionButtons { padding-right: 5px; } .fbFeedbackContent .fbCommentCheckboxPrelude { float: left; padding-right: 5px; padding-top: 15px; } .fbFeedbackContent .fbCommentCheckboxConcealed { visibility: hidden; } .fbFeedbackContent .fbModerateDropdownContainer { display: inline-block; position: relative; } .fbFeedbackContent .fbModerateDropdownLink { color: #3B5998; cursor: pointer; display: inline; } .fbDarkWidget .fbModerateDropdownLink { color: #FFFFFF; } .fbFeedbackContent .fbUnderlineText { text-decoration: underline; } .fbFeedbackContent .fbModerateDropdownArrow { cursor: pointer; padding-left: 2px; } .fbFeedbackContent .fbModerationDropdownList { background-color: #FFFFFF; border-color: lightgray; border-style: solid; border-width: 1px; display: block; left: 0; padding: 3px 0; position: absolute; top: 100%; z-index: 2; } .fbDarkWidget .fbModerationDropdownList { background-color: #000000; } .fbFeedbackContent .fbModerationDropdownListItem { border-color: #FFFFFF; border-style: solid; border-width: 1px; cursor: pointer; display: block; padding: 3px 9px; text-decoration: none; white-space: nowrap; } .fbDarkWidget .fbModerationDropdownListItem { border-color: #000000; } .fbFeedbackContent a.fbModerationDropdownListItem:hover { background-color: #6D84B4; border-color: #3B5998 #3B5998 #6D84B4; border-style: solid; border-width: 1px; color: #FFFFFF; cursor: pointer; text-decoration: none; } .fbFeedbackContent .fbTopLevelComment:first-child { border-width: 0; } .devsitePage .fbCommentModeration .header { margin-bottom: 0; padding-bottom: 25px; padding-left: 20px; } .devsitePage .content { margin: auto; max-width: 900px; } .devsitePage .nav { float: left; padding-top: 30px; width: 200px; } .devsitePage .fbCommentModeration .fbCommentModerationContent { font-size: 11px; } .devsitePage .fbCommentModeration .content ul { margin: 0; } .devsitePage .fbCommentModeration .content li { font-size: 11px; line-height: 12px; } .devsitePage .fbCommentModeration .content .uiSideNav { padding-left: 18px; } .devsitePage .fbCommentModeration .fbFeedbackPosts, .devsitePage .fbCommentModeration .fbFeedbackReplies { padding-left: 0; } .devsitePage .applicationName { overflow: hidden; white-space: nowrap; } .devsitePage .fbFeedbackContent .fbFeedbackContentHeader { border-color: transparent transparent lightgray; } .devsitePage .commentContent { float: left; padding-left: 10px; width: 670px; } #bootloader_OJFtT { height: 42px; }