solid-panes 4.5.3 → 5.0.0-1

package/dist/mainPage/menu.js

@@ -1,436 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.setActiveMenuPane = exports.refreshMenu = exports.createLeftSideMenu = void 0;
-require("./menu.css");
-var _solidLogic = require("solid-logic");
-var _rdflib = require("rdflib");
-var _ownerProfile = require("../profileUtils/ownerProfile");
-var _menu2 = _interopRequireDefault(require("../icons/menu.svg?raw"));
-var _iconHelper = require("../icons/iconHelper");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const MENU_ICON = (0, _iconHelper.createUiIcon)(_menu2.default, 'Menu Icon', '#ffffff');
-const MENU_COLLAPSED_KEY = 'solid-panes-menu-collapsed';
-let menuCollapsed = false;
-const loadMenuCollapsedState = () => {
-  try {
-    return localStorage.getItem(MENU_COLLAPSED_KEY) === 'true';
-  } catch (error) {
-    return false;
-  }
-};
-const saveMenuCollapsedState = collapsed => {
-  try {
-    localStorage.setItem(MENU_COLLAPSED_KEY, String(collapsed));
-  } catch (error) {
-    // ignore storage errors
-  }
-};
-const updateMenuCollapseButton = () => {
-  const collapseBtn = document.getElementById('MenuCollapseBtn');
-  if (!collapseBtn) return;
-  collapseBtn.textContent = menuCollapsed ? '\u203A' : '\u2039';
-  collapseBtn.setAttribute('aria-label', menuCollapsed ? 'Expand navigation menu' : 'Collapse navigation menu');
-};
-const updateCollapseButtonPosition = (navMenu, collapseBtn) => {
-  if (!navMenu || !collapseBtn) return;
-  const navRect = navMenu.getBoundingClientRect();
-  const rootFontSize = parseFloat(getComputedStyle(document.documentElement).fontSize) || 16;
-  const buttonWidth = parseFloat(getComputedStyle(collapseBtn).width) || 1.25 * rootFontSize;
-  const offsetRem = (navRect.width - buttonWidth / 2) / rootFontSize;
-  collapseBtn.style.setProperty('left', `${offsetRem.toFixed(3)}rem`, 'important');
-};
-const applyMenuCollapsedState = navMenu => {
-  if (!navMenu) return;
-  navMenu.classList.toggle('collapsed', menuCollapsed);
-  updateMenuCollapseButton();
-  const collapseBtn = document.getElementById('MenuCollapseBtn');
-  updateCollapseButtonPosition(navMenu, collapseBtn);
-};
-const isLoggedIn = () => Boolean(_solidLogic.authSession?.info?.isLoggedIn);
-const setFooterVisibility = loggedIn => {
-  const footer = document.querySelector('solid-ui-footer');
-  if (!footer) return;
-  footer.style.display = loggedIn ? 'none' : '';
-};
-const isViewingOwnProfile = subject => {
-  const currentUser = _solidLogic.authn.currentUser();
-  return Boolean(currentUser && subject && currentUser.sameTerm(subject));
-};
-const ensureMenuSkeleton = () => {
-  menuCollapsed = loadMenuCollapsedState();
-  const root = document.querySelector('[role="main"]') || document.body;
-  let navMenu = document.getElementById('NavMenu');
-  if (!navMenu) {
-    navMenu = document.createElement('nav');
-    navMenu.id = 'NavMenu';
-    navMenu.className = 'app-nav';
-    navMenu.setAttribute('aria-label', 'App navigation');
-    navMenu.hidden = true;
-    const headerEl = document.createElement('div');
-    headerEl.className = 'menu-header';
-    const closeBtn = document.createElement('button');
-    closeBtn.id = 'MenuCloseBtn';
-    closeBtn.className = 'menu-close';
-    closeBtn.type = 'button';
-    closeBtn.setAttribute('aria-label', 'Close menu');
-    closeBtn.textContent = '✕';
-    headerEl.appendChild(closeBtn);
-    const title = document.createElement('span');
-    title.className = 'menu-header-title';
-    title.textContent = 'Menu';
-    headerEl.appendChild(title);
-    navMenu.appendChild(headerEl);
-    const authStateEl = document.createElement('div');
-    authStateEl.id = 'AuthState';
-    authStateEl.className = 'menu-auth-state';
-    navMenu.appendChild(authStateEl);
-    const contentEl = document.createElement('div');
-    contentEl.id = 'NavMenuContent';
-    contentEl.className = 'menu-content';
-    navMenu.appendChild(contentEl);
-    root.insertBefore(navMenu, root.firstChild);
-  } else if (!navMenu.querySelector('.menu-header')) {
-    const headerEl = document.createElement('div');
-    headerEl.className = 'menu-header';
-    const closeBtn = document.createElement('button');
-    closeBtn.id = 'MenuCloseBtn';
-    closeBtn.className = 'menu-close';
-    closeBtn.type = 'button';
-    closeBtn.setAttribute('aria-label', 'Close menu');
-    closeBtn.textContent = '✕';
-    headerEl.appendChild(closeBtn);
-    const title = document.createElement('span');
-    title.className = 'menu-header-title';
-    title.textContent = 'Menu';
-    headerEl.appendChild(title);
-    navMenu.insertBefore(headerEl, navMenu.firstChild);
-  }
-  let toggle = document.getElementById('MenuToggleBtn');
-  if (!toggle) {
-    toggle = document.createElement('button');
-    toggle.id = 'MenuToggleBtn';
-    toggle.className = 'menu-toggle';
-    toggle.type = 'button';
-    toggle.setAttribute('aria-label', 'Toggle navigation menu');
-    toggle.hidden = true;
-    const toggleImg = document.createElement('img');
-    toggleImg.src = MENU_ICON;
-    toggleImg.alt = '';
-    toggleImg.className = 'menu-toggle-icon';
-    toggleImg.setAttribute('aria-hidden', 'true');
-    toggle.appendChild(toggleImg);
-    const toggleLabel = document.createElement('span');
-    toggleLabel.id = 'MenuToggleLabel';
-    toggleLabel.className = 'menu-toggle-label';
-    toggle.appendChild(toggleLabel);
-    root.insertBefore(toggle, root.firstChild);
-  }
-  let overlay = document.getElementById('MenuOverlay');
-  if (!overlay) {
-    overlay = document.createElement('div');
-    overlay.id = 'MenuOverlay';
-    overlay.className = 'menu-overlay';
-    overlay.hidden = true;
-    document.body.appendChild(overlay);
-  }
-  let collapseBtn = document.getElementById('MenuCollapseBtn');
-  if (!collapseBtn) {
-    collapseBtn = document.createElement('button');
-    collapseBtn.id = 'MenuCollapseBtn';
-    collapseBtn.className = 'menu-collapse';
-    collapseBtn.type = 'button';
-    collapseBtn.setAttribute('aria-label', 'Collapse navigation menu');
-    collapseBtn.textContent = '\u2039';
-    collapseBtn.hidden = true;
-    document.body.appendChild(collapseBtn);
-  }
-};
-const getMenuItems = async (subject, outliner) => {
-  try {
-    const items = await outliner.getDashboardItems(subject);
-    return items.map(element => {
-      const targetSubject = element.subject || _solidLogic.authn.currentUser() || subject;
-      return {
-        icon: element.icon,
-        subject: targetSubject,
-        paneName: element.tabName || element.paneName,
-        label: element.label,
-        onclick: () => openDashboardPane(targetSubject, outliner, element.tabName || element.paneName)
-      };
-    });
-  } catch (error) {
-    console.error('Unable to load navigation menu items', error);
-    return [];
-  }
-};
-const createMenuButton = item => {
-  const button = document.createElement('button');
-  button.className = 'menu-item';
-  button.type = 'button';
-  if (item.paneName) {
-    button.dataset.paneName = item.paneName;
-  }
-  if (item.icon) {
-    const icon = document.createElement('img');
-    icon.className = 'menu-item-icon';
-    icon.src = item.icon;
-    icon.alt = '';
-    icon.setAttribute('aria-hidden', 'true');
-    button.appendChild(icon);
-  }
-  const label = document.createElement('span');
-  label.className = 'menu-item-label';
-  label.textContent = item.label;
-  button.appendChild(label);
-  if (item.id) {
-    button.id = item.id;
-  }
-  button.addEventListener('click', async () => {
-    await item.onclick();
-  });
-  return button;
-};
-const setActiveMenuItem = (container, paneName) => {
-  const menuItems = Array.from(container.querySelectorAll('.menu-item'));
-  let activeItem;
-  menuItems.forEach(item => {
-    const isActive = Boolean(paneName) && item.dataset.paneName === paneName;
-    item.classList.toggle('menu-item-active', isActive);
-    if (isActive) {
-      item.setAttribute('aria-current', 'page');
-      activeItem = item;
-    } else {
-      item.removeAttribute('aria-current');
-    }
-  });
-  if (paneName) {
-    if (!activeItem && menuItems[0]) {
-      // If an explicit pane name is provided but does not match any menu
-      // item, fall back to clearing selection rather than selecting the first item.
-      container.dataset.activePaneName = '';
-    } else {
-      container.dataset.activePaneName = paneName;
-    }
-  } else {
-    // If there is no active pane, do not auto-select the first menu item.
-    container.dataset.activePaneName = '';
-  }
-  updateToggleLabel(activeItem);
-};
-const setActiveMenuPane = paneName => {
-  const navMenuContent = document.getElementById('NavMenuContent');
-  if (!navMenuContent) return;
-  setActiveMenuItem(navMenuContent, paneName);
-};
-exports.setActiveMenuPane = setActiveMenuPane;
-const updateToggleLabel = activeItem => {
-  const toggleLabel = document.getElementById('MenuToggleLabel');
-  if (!toggleLabel) return;
-  toggleLabel.textContent = activeItem?.querySelector('.menu-item-label')?.textContent || '';
-};
-const renderMenuItems = async (subject, outliner, container) => {
-  const menuItems = await getMenuItems(subject, outliner);
-  container.replaceChildren(...menuItems.map(createMenuButton));
-  // If the user is logged in and viewing their own profile, select "Your profile"
-  // by default. This also surfaces "Your profile" at the top of the mobile view
-  // via the menu toggle label, which mirrors the active menu item.
-  const activePane = isViewingOwnProfile(subject) ? 'profile' : container.dataset.activePaneName;
-  setActiveMenuItem(container, activePane);
-};
-const refreshMenu = layout => {
-  const navMenu = document.getElementById('NavMenu');
-  const toggle = document.getElementById('MenuToggleBtn');
-  const collapseBtn = document.getElementById('MenuCollapseBtn');
-  const overlay = document.getElementById('MenuOverlay');
-  if (!navMenu || !toggle || !overlay || !collapseBtn) return;
-  const loggedIn = isLoggedIn();
-  if (!loggedIn) {
-    navMenu.hidden = true;
-    navMenu.style.display = 'none';
-    toggle.hidden = true;
-    toggle.style.display = 'none';
-    collapseBtn.hidden = true;
-    collapseBtn.style.display = 'none';
-    overlay.hidden = true;
-    overlay.style.display = 'none';
-    setFooterVisibility(false);
-    return;
-  }
-  setFooterVisibility(true);
-  if (layout === 'mobile') {
-    navMenu.classList.add('mobile-hidden');
-    navMenu.classList.remove('mobile-visible');
-    toggle.hidden = false;
-    toggle.style.display = '';
-    collapseBtn.hidden = true;
-    collapseBtn.style.display = 'none';
-    overlay.hidden = true;
-    overlay.style.display = 'none';
-    navMenu.hidden = false;
-    navMenu.style.display = '';
-    navMenu.classList.remove('collapsed');
-    toggle.setAttribute('aria-expanded', 'false');
-  } else {
-    navMenu.classList.remove('mobile-hidden', 'mobile-visible');
-    toggle.hidden = true;
-    toggle.style.display = 'none';
-    collapseBtn.hidden = false;
-    collapseBtn.style.display = '';
-    overlay.hidden = true;
-    overlay.style.display = 'none';
-    navMenu.hidden = false;
-    navMenu.style.display = '';
-    applyMenuCollapsedState(navMenu);
-    updateCollapseButtonPosition(navMenu, collapseBtn);
-    toggle.setAttribute('aria-expanded', 'false');
-  }
-};
-exports.refreshMenu = refreshMenu;
-const createLeftSideMenu = async (subject, outliner) => {
-  ensureMenuSkeleton();
-  const navMenu = document.getElementById('NavMenu');
-  const menuToggle = document.getElementById('MenuToggleBtn');
-  const menuOverlay = document.getElementById('MenuOverlay');
-  const navMenuContent = document.getElementById('NavMenuContent');
-  const closeMobileMenu = () => {
-    if (!navMenu || !menuToggle || !menuOverlay) return;
-    navMenu.classList.remove('mobile-visible');
-    navMenu.classList.add('mobile-hidden');
-    navMenu.style.display = '';
-    menuToggle.setAttribute('aria-expanded', 'false');
-    menuOverlay.hidden = true;
-    menuOverlay.style.display = 'none';
-  };
-  const openMobileMenu = () => {
-    if (!navMenu || !menuToggle || !menuOverlay) return;
-    navMenu.classList.remove('mobile-hidden');
-    navMenu.classList.add('mobile-visible');
-    navMenu.style.display = '';
-    menuToggle.setAttribute('aria-expanded', 'true');
-    menuOverlay.hidden = false;
-    menuOverlay.style.display = '';
-  };
-  const collapseBtn = document.getElementById('MenuCollapseBtn');
-  const expandDesktopMenu = () => {
-    if (!navMenu || !collapseBtn) return;
-    if (!menuCollapsed) return;
-    menuCollapsed = false;
-    saveMenuCollapsedState(menuCollapsed);
-    applyMenuCollapsedState(navMenu);
-  };
-  if (navMenu) {
-    navMenu.addEventListener('click', event => {
-      const isMobile = outliner.context?.environment?.layout === 'mobile';
-      const clickedCollapseButton = event.target.closest('#MenuCollapseBtn');
-      if (!isMobile && menuCollapsed && !clickedCollapseButton) {
-        expandDesktopMenu();
-      }
-    });
-  }
-  if (menuToggle) {
-    menuToggle.addEventListener('click', () => {
-      if (navMenu?.classList.contains('mobile-visible')) {
-        closeMobileMenu();
-      } else {
-        openMobileMenu();
-      }
-    });
-  }
-  if (collapseBtn) {
-    collapseBtn.addEventListener('click', () => {
-      menuCollapsed = !menuCollapsed;
-      saveMenuCollapsedState(menuCollapsed);
-      applyMenuCollapsedState(navMenu);
-    });
-  }
-  const updateMenuVisibility = () => {
-    const loggedIn = isLoggedIn();
-    if (navMenu) {
-      navMenu.hidden = !loggedIn;
-      navMenu.style.display = loggedIn ? '' : 'none';
-    }
-    if (menuToggle) {
-      menuToggle.hidden = !loggedIn;
-      menuToggle.style.display = loggedIn ? '' : 'none';
-    }
-    if (collapseBtn) {
-      collapseBtn.hidden = !loggedIn;
-      collapseBtn.style.display = loggedIn ? '' : 'none';
-    }
-    if (menuOverlay) {
-      menuOverlay.hidden = !loggedIn;
-      menuOverlay.style.display = loggedIn ? '' : 'none';
-    }
-    setFooterVisibility(loggedIn);
-  };
-  updateMenuVisibility();
-  if (menuOverlay) {
-    menuOverlay.addEventListener('click', closeMobileMenu);
-  }
-  const closeBtn = document.getElementById('MenuCloseBtn');
-  if (closeBtn) {
-    closeBtn.addEventListener('click', closeMobileMenu);
-  }
-  if (navMenuContent) {
-    updateMenuVisibility();
-    const loggedIn = isLoggedIn();
-    if (loggedIn) {
-      await renderMenuItems(subject, outliner, navMenuContent);
-    }
-    if (!navMenuContent.dataset.authEventsBound) {
-      const refreshMenuItems = async () => {
-        await renderMenuItems(subject, outliner, navMenuContent);
-      };
-      _solidLogic.authSession.events.on('login', () => {
-        updateMenuVisibility();
-        refreshMenu(outliner.context?.environment?.layout === 'mobile' ? 'mobile' : 'desktop');
-        refreshMenuItems();
-      });
-      _solidLogic.authSession.events.on('logout', () => {
-        updateMenuVisibility();
-        refreshMenu(outliner.context?.environment?.layout === 'mobile' ? 'mobile' : 'desktop');
-        refreshMenuItems();
-      });
-      _solidLogic.authSession.events.on('sessionRestore', () => {
-        updateMenuVisibility();
-        refreshMenu(outliner.context?.environment?.layout === 'mobile' ? 'mobile' : 'desktop');
-        refreshMenuItems();
-      });
-      navMenuContent.dataset.authEventsBound = 'true';
-    }
-    navMenuContent.addEventListener('click', event => {
-      const item = event.target.closest('.menu-item');
-      if (item instanceof HTMLButtonElement) {
-        setActiveMenuItem(navMenuContent, item.dataset.paneName);
-      }
-      const isMobile = outliner.context?.environment?.layout === 'mobile';
-      if (item && isMobile) {
-        closeMobileMenu();
-      }
-    });
-  }
-  refreshMenu(outliner.context?.environment?.layout === 'mobile' ? 'mobile' : 'desktop');
-};
-exports.createLeftSideMenu = createLeftSideMenu;
-async function openDashboardPane(subject, outliner, pane) {
-  const me = _solidLogic.authn.currentUser();
-  if (!subject) {
-    if (me) {
-      subject = me;
-    } else {
-      const store = outliner?.context?.store || outliner?.context?.session?.store || outliner?.kb;
-      const fetcher = outliner?.context?.fetcher || store?.fetcher;
-      if (!store || !fetcher) {
-        throw new Error('Unable to load profile: missing RDF store or fetcher');
-      }
-      const fallbackUri = (0, _rdflib.sym)(window.location.href);
-      subject = await (0, _ownerProfile.loadProfileFromURI)(subject || fallbackUri, store, fetcher);
-    }
-  }
-  outliner.showDashboard(subject, {
-    pane
-  });
-}

package/dist/microblogPane/mbStyle.css

@@ -1,267 +0,0 @@
-.ppane {
-  font-family: helvetica, arial, sans-serif;
-  color: #333;
-  background-color: #fff;
-  border: #999 solid 1px;
-  min-width: 35em !important;
-  word-wrap: break-word;
-}
-.ppane a {
-  color: #357598;
-}
-.ppane input {
-  border: solid 1px #333 !important;
-}
-.ppane input[type='button'],
-.ppane input[type='submit'] {
-  background-color: #fff;
-  padding: 0.1em 0.5em;
-  border: solid 1px #333;
-  -moz-border-radius: 3px;
-}
-.ppane input[type='button']:hover,
-.ppane input[type='submit']:hover {
-  background-color: #eef;
-  border: solid 1px #357598 !important;
-}
-.ppane ul {
-  padding: 0px;
-}
-.ppane .update-container {
-  background-color: #fff;
-  margin-bottom: 2em;
-  padding: 5px 1em;
-  -moz-box-shadow: 0px 5px 10px #fff;
-}
-.ppane .createNewMB {
-  padding: 5px 1em;
-  border: solid 1px #ccc;
-  background-color: #fff;
-}
-.ppane ul {
-  list-style-type: none !important;
-}
-.ppane .postLink {
-  display: inline;
-  margin-top: 0.7em;
-  font-size: 90%;
-  color: #888 !important;
-}
-.ppane .userLink {
-  display: block;
-  clear: both;
-  margin-bottom: 1em;
-  margin-right: 1em;
-}
-.ppane .postAvatar {
-  max-width: 4em;
-  max-height: 4em;
-  float: left;
-  margin-right: 1em;
-  border: double 3px #888;
-  -moz-box-shadow: 0px 0px 8px #ccc;
-}
-
-/*reply view*/
-.ppane .replyView {
-  display: none;
-}
-.replyView-active .favorit {
-  display: none;
-}
-.ppane .replyView-active {
-  margin: 0 !important;
-  position: fixed;
-  left: 0px;
-  top: 0px;
-  background-color: #eee;
-  opacity: 0.97;
-  z-index: 5;
-  width: 100%;
-  height: 100%;
-  padding-top: 20%;
-}
-.ppane .replyView-active li {
-  display: block;
-  opacity: 1 !important;
-  margin: 1em auto;
-  width: 30em;
-  border: solid 1px #888;
-  background-color: #fff;
-  padding: 1em;
-  -moz-box-shadow: 0px 0px 10px #aaa;
-}
-.ppane .replyView-active .closeContainer {
-  -moz-box-shadow: none;
-  text-align: right;
-  vertical-align: bottom;
-  margin-bottom: -1em;
-  border: none;
-  padding: 0px;
-  background: none;
-}
-.ppane .replyView-active .closeContainer .closeButton {
-  background-color: #000;
-  width: 1em;
-  font-size: 110%;
-  margin-right: -2em;
-  color: #fff;
-  padding: 0.2em 0.4em;
-  font-weight: bold;
-  border: solid 3px #fff;
-  -moz-border-radius: 2em;
-  -moz-box-shadow: 0px 0px 10px #333;
-  cursor: pointer;
-}
-
-/*notifications*/
-.ppane .notify-container {
-  width: 100%;
-}
-.ppane .notify-container .notify {
-  background-color: #fffae6;
-  border: solid 1px #ffe788;
-  padding: 1em 0.5em;
-  margin: 1em;
-  -moz-border-radius: 0.5em;
-}
-.ppane .notify-container .notify.conf {
-  background-color: #ffeeee;
-  border-color: #880000;
-  text-align: right;
-  position: fixed;
-  margin: 0px auto;
-  left: 3em;
-  width: 35em !important;
-  top: 40%;
-  -moz-box-shadow: 0px 0px 10px #800;
-}
-.ppane .notify-container .notify.conf p {
-  text-align: left;
-}
-.ppane .notify-container .notify.conf .confirm {
-  margin-left: 1em;
-}
-/*view*/
-.ppane .view-container {
-  display: none;
-  padding: 1em;
-}
-.ppane .view-container.active {
-  display: block;
-  -moz-box-shadow: 0px 3px 8px #ccc;
-}
-
-/*header container*/
-.ppane .header-container {
-  border-bottom: solid 1px #999;
-  background-color: #fafaf8;
-}
-.ppane .header-container img {
-  float: left;
-  max-height: 75px;
-  margin: 1em;
-  border: solid 3px #fff;
-  margin-top: 0em;
-  -moz-box-shadow: 0px 0px 8px #ccc;
-}
-.ppane .header-container .subheader-container {
-  min-height: 75px;
-  margin-bottom: 2em;
-  padding: 1em;
-}
-.ppane .header-container textarea {
-  width: 100%;
-  margin-bottom: 0.4em;
-  font-family: helvetica, arial, sans-serif;
-  font-size: 100%;
-  padding: 0.5em 0;
-  line-height: 120%;
-}
-.ppane .header-container textarea:focus,
-.ppane input:focus {
-  border: solid 1px #357598 !important;
-  outline: none;
-  -moz-box-shadow: 0px 0px 2px #357598;
-}
-.ppane .header-container input[type='submit'] {
-  float: right;
-}
-.ppane .header-container .createNewMB input[type='text'] {
-  min-width: 25em;
-}
-.ppane .header-container .createNewMB input[type='submit'] {
-  float: none;
-}
-
-/*post list*/
-.ppane .postList .post {
-  margin: 0;
-  display: block;
-  border: solid 1px #888;
-  padding: 1em;
-  margin: 0.2em 0em;
-}
-.ppane .postList blockquote,
-.ppane .replyView-active blockquote {
-  margin-left: 0;
-  font-size: 110%;
-  max-width: 30em;
-  padding-left: 5em;
-}
-.ppane .postList .reply,
-.ppane .replyView-active .reply {
-  float: right;
-}
-.ppane .postList .post div {
-  margin: 0.5em auto;
-}
-.ppane .postList .favorit {
-  color: #aaa;
-  float: right;
-  font-size: 150%;
-  margin-left: 0.5em;
-}
-.ppane .postList .favorit.ed {
-  color: #e5cc44;
-}
-.ppane .postList .favorit.ing {
-  color: #777;
-  text-shadow: 0px 0px 3px #000;
-}
-
-/*tabs list*/
-.ppane .tabslist {
-  padding: 0em;
-  margin: 0.5em 0em;
-}
-.ppane .tabslist li {
-  cursor: default;
-  display: inline;
-  background-color: #fff;
-  padding: 0.5em 2em;
-  margin: 0 0.5em;
-  border: solid 1px #999;
-  -moz-border-radius-topleft: 0.5em;
-  -moz-border-radius-topright: 0.5em;
-}
-.ppane .tabslist li.active {
-  border-bottom: solid 1px #fff;
-  -moz-box-shadow: 0px 10px 0px #fff, 0px 0px 8px #ccc;
-}
-.ppane .tabslist li:hover {
-  background-color: #eee;
-}
-.ppane .tabslist li.active:hover {
-  background-color: #fff;
-}
-
-/*follow list*/
-.ppane .followlist-container {
-}
-.ppane .followlist-container .follow {
-  display: inline;
-  font-size: 120%;
-  padding: 0 2em;
-  line-height: 150%;
-}