Changeset 4222
- Timestamp:
- 10/12/2016 11:39:45 AM (8 years ago)
- Location:
- sites/trunk/wordpress.tv/public_html/wp-content/themes/wptv2
- Files:
-
- 2 edited
Legend:
- Unmodified
- Added
- Removed
-
sites/trunk/wordpress.tv/public_html/wp-content/themes/wptv2/footer.php
r1024 r4222 10 10 <div id="footer"> 11 11 <div class="container"> 12 <?php wp_nav_menu( array( 'theme_location' => 'footer', 'depth' => 1 , 'link_after' => '<span class="dot">•</span>') ); ?>12 <?php wp_nav_menu( array( 'theme_location' => 'footer', 'depth' => 1 ) ); ?> 13 13 <p class="automattic">An <a href="http://automattic.com/"><img src="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxvZ28iIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgNDk0LjQgMzguMiIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgNDk0LjQgMzguMiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8cGF0aCBmaWxsPSIjODg4ODg4IiBkPSJNMTc5LjMsMzguMmMtMTIuNiwwLTIwLjctOS4xLTIwLjctMTguNXYtMS4yYzAtOS42LDguMi0xOC41LDIwLjctMTguNWMxMi42LDAsMjAuOCw4LjksMjAuOCwxOC41djEuMg0KCUMyMDAuMSwyOS4xLDE5MS45LDM4LjIsMTc5LjMsMzguMnogTTE5My4zLDE4LjZjMC02LjktNS0xMy0xNC4xLTEzYy05LjEsMC0xNCw2LjEtMTQsMTN2MC45YzAsNi45LDUsMTMuMSwxNCwxMy4xDQoJYzkuMSwwLDE0LjEtNi4yLDE0LjEtMTMuMVYxOC42eiIvPg0KPHBhdGggZmlsbD0iIzg4ODg4OCIgZD0iTTM3LjEsMzYuOEwzMi40LDI4SDExLjZMNywzNi44SDBMMTkuMiwxLjNoNS41bDE5LjUsMzUuNUgzNy4xeiBNMjEuOCw4LjJsLTcuNywxNC45aDE1LjdMMjEuOCw4LjJ6Ii8+DQo8cGF0aCBmaWxsPSIjODg4ODg4IiBkPSJNNzQuNiwzOC4yYy0xMi43LDAtMTguNy02LjktMTguNy0xNi4yVjEuM2g2LjZ2MjAuOWMwLDYuNiw0LjMsMTAuNSwxMi41LDEwLjVjOC40LDAsMTEuOS0zLjksMTEuOS0xMC41VjEuMw0KCWg2LjdWMjJDOTMuNiwzMC44LDg3LjksMzguMiw3NC42LDM4LjJ6Ii8+DQo8cGF0aCBmaWxsPSIjODg4ODg4IiBkPSJNMTMwLjcsNi44djMwaC02Ljd2LTMwaC0xNS41VjEuM2gzNy43djUuNUgxMzAuN3oiLz4NCjxwYXRoIGZpbGw9IiM4ODg4ODgiIGQ9Ik0yNTkuNSwzNi44VjguN2wtMS44LDMuMWwtMTQuOSwyNWgtMy4zbC0xNC43LTI1bC0xLjgtMy4xdjI4LjFoLTYuNVYxLjNoOS4ybDE0LDI0LjRsMS43LDNsMS43LTNMMjU3LDEuMw0KCWg5LjF2MzUuNUgyNTkuNXoiLz4NCjxwYXRoIGZpbGw9IiM4ODg4ODgiIGQ9Ik0zMTYuNSwzNi44bC00LjctOC44SDI5MWwtNC41LDguOGgtN2wxOS4yLTM1LjVoNS41bDE5LjUsMzUuNUgzMTYuNXogTTMwMS4yLDguMmwtNy43LDE0LjloMTUuN0wzMDEuMiw4LjJ6DQoJIi8+DQo8cGF0aCBmaWxsPSIjODg4ODg4IiBkPSJNMzUwLjYsNi44djMwaC02Ljd2LTMwaC0xNS41VjEuM2gzNy43djUuNUgzNTAuNnoiLz4NCjxwYXRoIGZpbGw9IiM4ODg4ODgiIGQ9Ik0zOTkuNSw2Ljh2MzBoLTYuN3YtMzBoLTE1LjVWMS4zSDQxNXY1LjVIMzk5LjV6Ii8+DQo8cGF0aCBmaWxsPSIjODg4ODg4IiBkPSJNNDMxLjQsMzYuOFY0LjZjMi43LDAsMy43LTEuNCwzLjctMy40aDIuOHYzNS41SDQzMS40eiIvPg0KPHBhdGggZmlsbD0iIzg4ODg4OCIgZD0iTTQ5MC4yLDExLjNjLTMuMi0yLjktNy45LTUuNy0xNC4yLTUuN2MtOS41LDAtMTQuOCw2LjUtMTQuOCwxMy4zdjAuN2MwLDYuNyw1LjQsMTMsMTUuMywxMw0KCWM1LjksMCwxMC44LTIuOCwxMy45LTUuN2w0LDQuMmMtMy45LDMuOC0xMC41LDcuMS0xOC4zLDcuMWMtMTMuNCwwLTIxLjYtOC43LTIxLjYtMTguM3YtMS4yYzAtOS42LDguOS0xOC43LDIxLjktMTguNw0KCWM3LjUsMCwxNC4zLDMuMSwxOCw3LjFMNDkwLjIsMTEuM3oiLz4NCjxwYXRoIGZpbGw9IiM4ODg4ODgiIGQ9Ik0xODMuNiwxMi40YzEuMiwwLjgsMS41LDIuNCwwLjgsMy42bC02LjEsOS40Yy0wLjgsMS4yLTIuNCwxLjYtMy42LDAuOGwwLDBjLTEuMi0wLjgtMS41LTIuNC0wLjgtMy42DQoJbDYuMS05LjRDMTgwLjgsMTEuOSwxODIuNCwxMS42LDE4My42LDEyLjRMMTgzLjYsMTIuNHoiLz4NCjwvc3ZnPg0K" alt="Automattic" width="165" height="14" /></a> <?php $words = array( 'Production', 'Joint', 'Medley', 'Experiment', 'Ruckus', 'Invention', 'Creation', 'Thingamajig', 'Opus', 'Brainchild', 'Contraption' ); echo $words[ mt_rand( 0, count( $words) -1 ) ]; ?></p> 14 14 </div> -
sites/trunk/wordpress.tv/public_html/wp-content/themes/wptv2/style.css
r4068 r4222 1617 1617 } 1618 1618 1619 #sidebar h2 { 1620 margin: 5px 0 0; 1621 padding: 0; 1622 font-weight: bold; 1623 } 1624 1625 #sidebar ul, #sidebar ul ol { 1626 margin: 0; 1627 padding: 0; 1628 } 1629 1630 #sidebar ul li { 1631 list-style-type: none; 1632 list-style-image: none; 1633 margin-bottom: 15px; 1634 } 1635 1636 #sidebar ul p, #sidebar ul select { 1637 margin: 5px 0 8px; 1638 } 1639 1640 #sidebar ul ul, #sidebar ul ol { 1641 margin: 5px 0 0 10px; 1642 } 1643 1644 #sidebar ul ul ul, #sidebar ul ol { 1645 margin: 0 0 0 10px; 1646 } 1647 1648 ol li, #sidebar ul ol li { 1649 list-style: decimal outside; 1650 } 1651 1652 #sidebar ul ul li, #sidebar ul ol li { 1653 margin: 3px 0 0; 1654 padding: 0; 1655 } 1656 1657 /* Begin Calendar */ 1658 #sidebar #calendar h2 { 1659 display: none; 1660 } 1661 1662 #wp-calendar { 1663 empty-cells: show; 1664 margin: 10px auto; 1665 width: 100%; 1666 } 1667 1668 #wp-calendar table { 1669 padding-right: 10px; 1670 } 1671 1672 #wp-calendar #next a { 1673 padding-right: 10px; 1674 text-align: right; 1675 } 1676 1677 #wp-calendar #prev a { 1678 padding-left: 10px; 1679 text-align: left; 1680 } 1681 1682 #wp-calendar a { 1683 display: block; 1684 } 1685 1686 #wp-calendar caption { 1687 text-align: center; 1688 width: 100%; 1689 } 1690 1691 #wp-calendar td { 1692 padding: 3px 0; 1693 text-align: right; 1694 } 1695 1696 #wp-calendar td.pad:hover { 1697 /* Doesn't work in IE */ 1698 background-color: #fff; 1699 } 1700 1701 #wp-calendar #prev a, #wp-calendar #next a { 1702 font-size: 9pt; 1703 } 1704 1705 #wp-calendar a { 1706 text-decoration: none; 1707 } 1708 1709 #wp-calendar caption { 1710 font: bold 1em/20px "Lucida Grande", "Lucida Sans Unicode", sans-serif; 1711 text-align: center; 1712 border-bottom: 1px solid #ddd; 1713 } 1714 1715 #wp-calendar td, #wp-calendar th { 1716 border-bottom: 1px solid #ddd; 1717 1718 } 1719 1720 #wp-calendar th { 1721 font-style: normal; 1722 text-transform: capitalize; 1723 text-align: right; 1724 } 1725 1726 /* End Calendar */ 1727 1728 .fourOHfour { 1729 text-align: center; 1730 } 1731 1732 .fourOHfour h2 { 1733 margin-top: 20px; 1734 margin-bottom: 20px; 1735 font-size: 3em; 1736 font-family: Georgia, serif; 1737 } 1738 1739 .fourOHfour p { 1740 font-size: 1.5em; 1741 margin-bottom: 1em; 1742 } 1743 1744 .pd-rating { 1745 text-align: left; 1746 padding: 2px 0 0; 1747 float: left; 1748 } 1749 1750 #about .pd-rating { 1751 display: none; 1752 } 1753 1754 /* 1755 ============================================================= 1756 1757 WordPress.tv Refresh 1758 1759 ============================================================= 1760 */ 1761 1762 /* Globals 1763 ============================================================= */ 1764 1765 a { 1766 outline: none 1767 } 1768 1769 .container { 1770 width: 940px; 1771 margin: auto; 1772 } 1773 1774 .primary-content { 1775 float: left; 1776 width: 700px; 1777 margin: 0; 1778 } 1779 1780 .secondary-content { 1781 float: right; 1782 width: 170px; 1783 margin: 0 0 50px 0; 1784 } 1785 1786 .tag-count { 1787 border-radius: 20px; 1788 background: #dedede; 1789 1790 font-size: 11px; 1791 font-weight: bold; 1792 1793 padding: 1px 5px 0px 5px; 1794 margin: 0 0 0 2px; 1795 } 1796 1797 .pagination { 1798 border-top: 1px #EEE solid; 1799 clear: both; 1800 padding: 10px 0; 1801 margin: 0 0 50px 0; 1802 } 1803 1804 .pagination div { 1805 width: 40% 1806 } 1807 1808 .nav-next { 1809 float: right; 1810 text-align: right; 1811 } 1812 1813 .nav-previous { 1814 float: left; 1815 } 1816 1817 .primary-content #searchform { 1818 float: none; 1819 margin: 10px 0; 1820 } 1821 1822 .primary-content #searchform #searchsubmit { 1823 margin: 0 1824 } 1825 1826 .primary-content #searchform input { 1827 margin: 0 1828 } 1829 1830 /* IE fixes 1831 ============================================================= */ 1832 1833 .ie7 .view-more { 1834 position: relative; 1835 bottom: 42px; 1836 } 1837 1838 .ie7 .secondary-videos { 1839 clear: right; 1840 margin: 3px 0; 1841 } 1842 1843 .ie7 .secondary-content .video-list li { 1844 min-height: 0; 1845 } 1846 1847 /* Typography 1848 ============================================================= */ 1849 1850 /* Menu */ 1851 1852 #menu { 1853 margin-right: 5px; 1854 } 1855 1856 #menu li { 1857 font-size: 14px; 1858 } 1859 1860 #menu li a, 1861 #menu li a:link, 1862 #menu li a:visited { 1863 color: #21759b; 1864 } 1865 1866 #menu li a.selected { 1867 color: #545454; 1868 } 1869 1870 #menu li a:hover { 1871 color: #d54e21 !important; 1872 } 1873 1874 #menu #searchform { 1875 margin: 0 0 0 15px; 1876 } 1877 1878 /* Titles and Body Text */ 1879 1880 body, td, p, 1881 .wpl-count, 1882 .desc, 1883 .automattic { 1884 font-family: "ff-meta-web-pro", Helvetica Neue, Helvetica, sans-serif; 1885 font-size: 13px; 1886 line-height: 1.4; 1887 } 1888 1889 .wpl-count { 1890 line-height: 1.7; 1891 } 1892 1893 .wptv-hero .page-title { 1894 margin: -8px auto 10px auto; 1895 } 1896 1897 .page-title { 1898 width: 940px; 1899 margin: auto; 1900 } 1901 1902 .video-title { 1903 font-size: 13px; 1904 font-weight: bold; 1905 -webkit-font-smoothing: antialiased; 1906 } 1907 1908 h2 { 1909 font-family: "ff-meta-web-pro", Helvetica Neue, Helvetica, sans-serif; 1910 font-size: 28px; 1911 font-weight: bold; 1912 } 1913 1914 h3 { 1915 font-family: "ff-meta-web-pro", Helvetica Neue, Helvetica, sans-serif; 1916 border-bottom: 1px #e9e9e9 solid; 1917 1918 clear: both; 1919 1920 font-size: 18px; 1921 font-weight: bold; 1922 1923 margin: 20px 0 20px; 1924 padding: 0 0 9px; 1925 } 1926 1927 .home .secondary-content h3 { 1928 margin-top: 0; 1929 } 1930 1931 h4 { 1932 font-family: "ff-meta-web-pro", Helvetica Neue, Helvetica, sans-serif; 1933 font-size: 16px; 1934 font-weight: bold; 1935 1936 margin: 20px 0 10px; 1937 } 1938 1939 h5 { 1940 font-size: 12px; 1941 font-weight: bold; 1942 text-transform: uppercase; 1943 1944 margin: 10px 0 2px 0; 1945 } 1946 1947 .view-more { 1948 font-size: 13px; 1949 1950 display: block; 1951 float: right; 1952 margin: 5px 0 0 0; 1953 } 1954 1955 .breadcrumb { 1956 color: #8B8B8B; 1957 1958 font-size: 13px; 1959 text-transform: uppercase; 1960 1961 margin: 0 0 10px 0; 1962 } 1963 1964 .breadcrumb a { 1965 color: #8B8B8B; 1966 } 1967 1968 .breadcrumb a:hover { 1969 color: #464646; 1970 } 1971 1972 .breadcrumb .arrow { 1973 font-family: Arial, Helvetica, sans-serif; 1974 font-size: 12px; 1975 1976 margin: 0 5px; 1977 1978 position: relative; 1979 top: -1px; 1980 } 1981 1982 .breadcrumb .tag-count { 1983 display: none; 1984 } 1985 1986 /* Hero Area 1987 ============================================================= */ 1988 1989 .wptv-hero { 1990 clear: both; 1991 1992 margin: 10px auto 30px auto; 1993 padding: 30px 0 10px 0; 1994 1995 background: #F0F0F0; 1996 } 1997 1998 .wptv-hero .main-video { 1999 background: #2f2f2f; 2000 clear: both; 2001 2002 float: left; 2003 width: 575px; 2004 } 2005 2006 .wptv-hero .main-video .video-player { 2007 width: 100% !important; 2008 height: 323px !important; 2009 margin: 0 !important; 2010 } 2011 2012 .wptv-hero .main-video .video-player .videopress-placeholder { 2013 margin: 0; 2014 width: 100% !important; 2015 height: 100% !important; 2016 } 2017 2018 .wptv-hero .main-video .video-player .videopress-poster, 2019 .wptv-hero .main-video .video-player object { 2020 width: 100% !important; 2021 height: 100% !important; 2022 } 2023 2024 .wptv-hero .main-video .video-player .videopress-title, 2025 .wptv-hero .main-video .video-player .videopress-watemark { 2026 display: none !important; 2027 } 2028 2029 .wptv-hero .main-video h3 { 2030 border-bottom: 0; 2031 border-top: 6px #464646 solid; 2032 2033 text-align: left; 2034 2035 margin: 0; 2036 padding: 15px; 2037 } 2038 2039 .wptv-hero .main-video .video-title { 2040 display: block; 2041 color: #eee; 2042 font-size: 18px; 2043 } 2044 2045 .wptv-hero .main-video .video-event { 2046 display: block; 2047 margin-top: 25px; 2048 text-transform: capitalize; 2049 } 2050 2051 .wptv-hero .main-video .video-event a { 2052 color: #8e8e8e; 2053 font-size: 14px; 2054 font-weight: normal; 2055 } 2056 2057 .wptv-hero .main-video .video-event a:hover { 2058 color: #fff; 2059 } 2060 2061 .wptv-hero .main-video .video-event .tag-count { 2062 display: none; 2063 } 2064 2065 .wptv-hero .secondary-videos { 2066 float: right; 2067 width: 345px; 2068 } 2069 2070 .wptv-hero .secondary-videos h3 { 2071 font-size: 18px; 2072 font-weight: bold; 2073 border-bottom: 1px #dfdfdf solid; 2074 2075 padding: 0 0 14px 0; 2076 margin: 0 0 18px 0; 2077 } 2078 2079 .wptv-hero .secondary-videos li { 2080 font-size: 13px; 2081 2082 min-height: 75px; 2083 position: relative; 2084 2085 margin: 0 auto 23px 0; 2086 padding: 0 0 0 142px; 2087 } 2088 2089 .wptv-hero .secondary-videos .video-thumbnail img { 2090 width: 130px; 2091 height: 75px; 2092 2093 position: absolute; 2094 left: 0; 2095 } 2096 2097 .wptv-hero .secondary-videos a:hover img { 2098 opacity: 0.8; 2099 } 2100 2101 /* Video lists 2102 ============================================================= */ 2103 2104 .video-list { 2105 clear: both; 2106 } 2107 2108 .video-list li { 2109 float: left; 2110 min-height: 220px; 2111 margin-bottom: 20px; 2112 } 2113 2114 .video-list li .video-thumbnail { 2115 display: block; 2116 width: 100%; 2117 height: 100px; 2118 2119 margin: 0 0 8px 0; 2120 2121 overflow: hidden; 2122 position: relative; 2123 } 2124 2125 .video-list li .video-thumbnail img { 2126 width: 100%; 2127 min-height: 100px; 2128 } 2129 2130 .video-list.four-col { 2131 width: 860px; 2132 } 2133 2134 .video-list.four-col li { 2135 width: 160px; 2136 margin-right: 20px; 2137 } 2138 2139 .secondary-content .video-list .video-title { 2140 font-size: 13px; 2141 display: block; 2142 overflow: hidden; 2143 text-overflow: ellipsis; 2144 width: 170px; 2145 } 2146 2147 .secondary-content .video-list li { 2148 min-height: inherit; 2149 border: 0; 2150 } 2151 2152 /* Archives 2153 ============================================================= */ 2154 2155 .archive.video-list { 2156 width: auto; 2157 margin: 16px 0 0 0; 2158 } 2159 2160 .archive .video-description span { 2161 display: block; 2162 } 2163 2164 .archive.video-list li { 2165 margin: 0 0 40px 0; 2166 min-height: 120px; 2167 2168 display: block; 2169 float: none; 2170 position: relative; 2171 } 2172 2173 .archive.video-list .video-thumbnail { 2174 position: absolute; 2175 top: 0; 2176 left: 0; 2177 2178 width: 220px; 2179 height: 120px; 2180 2181 margin: 0 20px 0 0; 2182 } 2183 2184 .archive.video-list .video-title { 2185 font-size: 16px; 2186 margin: 4px 0 8px; 2187 } 2188 2189 .archive.video-list .video-description { 2190 display: block; 2191 padding-left: 240px; 2192 } 2193 2194 .archive.video-list .video-date { 2195 color: #aaa; 2196 display: block; 2197 2198 margin: 10px 0 0 0; 2199 2200 font-size: 12px; 2201 } 2202 2203 .archive.video-list .video-speakers { 2204 margin: 7px 0 0 0; 2205 } 2206 2207 .archive.video-list .video-excerpt { 2208 margin: 7px 0 0 0; 2209 } 2210 2211 /* Search */ 2212 2213 .search h4 { 2214 margin: 0 0 10px 0; 2215 } 2216 2217 .archive .video-events { 2218 text-transform: uppercase; 2219 font-size: 12px; 2220 margin: 0 0 5px 0; 2221 } 2222 2223 /* Category page 2224 ============================================================= */ 2225 2226 .category.archive .video-list .video-title { 2227 font-size: 13px; 2228 line-height: 16px; 2229 } 2230 2231 /* Individual Video Page 2232 ============================================================= */ 2233 2234 .single .video-title { 2235 font-size: 24px; 2236 } 2237 2238 body:not(.single) .video-info { 2239 width: 220px; 2240 margin: 15px 0 0 0; 2241 float: right; 2242 } 2243 2244 .video-info p { 2245 /*text-transform: capitalize;*/ 2246 margin: 0 0 12px 0; 2247 } 2248 2249 /* Video Player and Placeholder */ 2250 2251 .single .video-player { 2252 float: left; 2253 width: 940px !important; 2254 height: 529px !important; 2255 2256 overflow: hidden; 2257 } 2258 2259 .videopress-placeholder, 2260 .video-player object { 2261 width: 100% !important; 2262 height: 100% !important; 2263 margin: 0 !important; 2264 } 2265 2266 .videopress-poster { 2267 width: 100%; 2268 height: auto; 2269 } 2270 2271 .videopress-title { 2272 display: none !important; 2273 } 2274 2275 /* Sharedaddy, Likes, etc */ 2276 2277 #page .the-video div.jp-relatedposts { 2278 clear: both; 2279 } 2280 2281 #page div.sharedaddy div.sd-block { 2282 border: 0; 2283 } 2284 2285 div.sharedaddy .sd-content { 2286 width: auto !important; 2287 margin: 0 -5px 0 0 !important; 2288 } 2289 2290 /* Sharing */ 2291 2292 #page .the-video .sharedaddy .sd-sharing-enabled { 2293 clear: none; 2294 float: right; 2295 } 2296 2297 /* Ratings */ 2298 2299 .video-info .sd-block { 2300 display: none !important; 2301 } 2302 2303 div.sharedaddy div.sd-block.sd-rating { 2304 float: left; 2305 margin: 0; 2306 } 2307 2308 div.sharedaddy .sd-rating .sd-content { 2309 float: left; 2310 } 2311 2312 div.sharedaddy .sd-title { 2313 display: none !important; 2314 } 2315 2316 .the-video div.sharedaddy .sd-rating .pd-rating { 2317 width: 100%; 2318 } 2319 2320 /* Likes */ 2321 2322 .wpl-likebox { 2323 clear: both; 2324 margin: 0 0 0 2px; 2325 } 2326 2327 div.sharedaddy ul.wpl-avatars { 2328 margin: 0 0 0 2px; 2329 } 2330 2331 #page div.sharedaddy.sd-sharing-enabled .sd-like div.sd-content { 2332 width: 100% !important; 2333 margin: 0 !important; 2334 } 2335 2336 #page div.sharedaddy ul.wpl-avatars li { 2337 width: 15px; 2338 height: 15px; 2339 } 2340 2341 #page div.sharedaddy ul.wpl-avatars li img { 2342 width: 100%; 2343 height: 100%; 2344 } 2345 2346 /* Related Posts */ 2347 div#jp-relatedposts div.jp-relatedposts-items-visual { 2348 margin-right: -9px; 2349 } 2350 2351 div#jp-relatedposts div.jp-relatedposts-items-visual .jp-relatedposts-post:last-of-type { 2352 padding: 0; 2353 } 2354 2355 /* Comments */ 2356 2357 h3#comments { 2358 border: 0; 2359 margin: 20px 0 0 0; 2360 } 2361 2362 /* WordCamp Category Page 2363 ============================================================= */ 2364 2365 .category .secondary-videos li { 2366 margin: 0 auto 13px 0 2367 } 2368 2369 .secondary-videos .tag-count { 2370 display: none; 2371 } 2372 2373 .secondary-videos .video-event { 2374 display: block; 2375 margin: 5px 0 0 0; 2376 2377 font-size: 12px; 2378 font-weight: normal; 2379 text-transform: capitalize; 2380 } 2381 2382 .secondary-videos .video-event, 2383 .secondary-videos .video-event a { 2384 color: #6d6d6d; 2385 } 2386 2387 .category .page-title { 2388 float: left; 2389 width: auto; 2390 margin: -8px 0 20px 0; 2391 } 2392 2393 .desc { 2394 float: right; 2395 color: #969696; 2396 margin: 3px 0 20px 0; 2397 } 2398 2399 .category-wordcamptv .secondary-content { 2400 float: left; 2401 width: 170px; 2402 } 2403 2404 .category-wordcamptv .primary-content { 2405 float: right; 2406 margin: 0; 2407 } 2408 2409 /* WordCamp Individual Page 2410 ============================================================= */ 2411 2412 .tax-event .secondary-videos li { 2413 margin: 0 auto 13px 0 2414 } 2415 2416 /* Secondary Content 2417 ============================================================= */ 2418 2419 .secondary-content ul { 2420 margin: 0 0 40px 0; 2421 } 2422 2423 .secondary-content li li { 2424 border-bottom: 1px #e5e5e5 solid; 2425 padding: 5px 0; 2426 } 2427 2428 .secondary-content .widget-title, 2429 .secondary-content .widgettitle { 2430 border-bottom: 1px #E9E9E9 solid; 2431 clear: both; 2432 font-size: 18px; 2433 font-weight: bold; 2434 margin: 20px 0 20px; 2435 padding: 0 0 9px; 2436 } 2437 2438 .secondary-content li.widget { 2439 border: 0; 2440 } 2441 2442 /* 404 page 2443 ============================================================= */ 2444 2445 .error404 .primary-content { 2446 width: 940px; 2447 } 2448 2449 .error404 h2 { 2450 margin: 0 0 30px 0; 2451 } 2452 2453 .baron-von-pick { 2454 float: left; 2455 margin: 0 50px 20px 0; 2456 font-size: 12px; 2457 color: #888; 2458 } 2459 2460 .baron-von-pick img { 2461 border-radius: 3px; 2462 -webkit-border-radius: 3px; 2463 width: 200px; 2464 margin-bottom: 10px; 2465 } 2466 2467 .error404 .primary-content .message-404 p { 2468 font-size: 16px; 2469 margin: 0 0 20px 0; 2470 } 2471 2472 .message-404 { 2473 float: left; 2474 width: 680px; 2475 } 2476 2477 /* Footer 2478 ============================================================= */ 2479 1619 2480 #footer { 2481 background: #f0f0f0; 1620 2482 clear: both; 2483 color: #888; 1621 2484 height: 3.5em; 1622 margin -bottom: 15px;1623 color: #888;2485 margin: 10px 0 15px 0; 2486 padding: 10px 0; 1624 2487 } 1625 2488 … … 1637 2500 } 1638 2501 2502 #footer .automattic a { 2503 position: relative; 2504 top: 2px; 2505 margin: 0 7px; 2506 } 2507 1639 2508 .menu-footer-container { 1640 2509 float: left; … … 1647 2516 .menu-footer-container li { 1648 2517 display: inline-block; 1649 } 1650 1651 .menu-footer-container li:last-of-type .dot { 1652 display: none; 2518 margin: 0 10px; 2519 } 2520 2521 .menu-footer-container li:last-of-type:after { 2522 content: none; 1653 2523 } 1654 2524 … … 1674 2544 display: inline; 1675 2545 } 1676 1677 #sidebar h2 {1678 margin: 5px 0 0;1679 padding: 0;1680 font-weight: bold;1681 }1682 1683 #sidebar ul, #sidebar ul ol {1684 margin: 0;1685 padding: 0;1686 }1687 1688 #sidebar ul li {1689 list-style-type: none;1690 list-style-image: none;1691 margin-bottom: 15px;1692 }1693 1694 #sidebar ul p, #sidebar ul select {1695 margin: 5px 0 8px;1696 }1697 1698 #sidebar ul ul, #sidebar ul ol {1699 margin: 5px 0 0 10px;1700 }1701 1702 #sidebar ul ul ul, #sidebar ul ol {1703 margin: 0 0 0 10px;1704 }1705 1706 ol li, #sidebar ul ol li {1707 list-style: decimal outside;1708 }1709 1710 #sidebar ul ul li, #sidebar ul ol li {1711 margin: 3px 0 0;1712 padding: 0;1713 }1714 1715 /* Begin Calendar */1716 #sidebar #calendar h2 {1717 display: none;1718 }1719 1720 #wp-calendar {1721 empty-cells: show;1722 margin: 10px auto;1723 width: 100%;1724 }1725 1726 #wp-calendar table {1727 padding-right: 10px;1728 }1729 1730 #wp-calendar #next a {1731 padding-right: 10px;1732 text-align: right;1733 }1734 1735 #wp-calendar #prev a {1736 padding-left: 10px;1737 text-align: left;1738 }1739 1740 #wp-calendar a {1741 display: block;1742 }1743 1744 #wp-calendar caption {1745 text-align: center;1746 width: 100%;1747 }1748 1749 #wp-calendar td {1750 padding: 3px 0;1751 text-align: right;1752 }1753 1754 #wp-calendar td.pad:hover {1755 /* Doesn't work in IE */1756 background-color: #fff;1757 }1758 1759 #wp-calendar #prev a, #wp-calendar #next a {1760 font-size: 9pt;1761 }1762 1763 #wp-calendar a {1764 text-decoration: none;1765 }1766 1767 #wp-calendar caption {1768 font: bold 1em/20px "Lucida Grande", "Lucida Sans Unicode", sans-serif;1769 text-align: center;1770 border-bottom: 1px solid #ddd;1771 }1772 1773 #wp-calendar td, #wp-calendar th {1774 border-bottom: 1px solid #ddd;1775 1776 }1777 1778 #wp-calendar th {1779 font-style: normal;1780 text-transform: capitalize;1781 text-align: right;1782 }1783 1784 /* End Calendar */1785 1786 .fourOHfour {1787 text-align: center;1788 }1789 1790 .fourOHfour h2 {1791 margin-top: 20px;1792 margin-bottom: 20px;1793 font-size: 3em;1794 font-family: Georgia, serif;1795 }1796 1797 .fourOHfour p {1798 font-size: 1.5em;1799 margin-bottom: 1em;1800 }1801 1802 .pd-rating {1803 text-align: left;1804 padding: 2px 0 0;1805 float: left;1806 }1807 1808 #about .pd-rating {1809 display: none;1810 }1811 1812 /*1813 =============================================================1814 1815 WordPress.tv Refresh1816 1817 =============================================================1818 */1819 1820 /* Globals1821 ============================================================= */1822 1823 a {1824 outline: none1825 }1826 1827 .container {1828 width: 940px;1829 margin: auto;1830 }1831 1832 .primary-content {1833 float: left;1834 width: 700px;1835 margin: 0;1836 }1837 1838 .secondary-content {1839 float: right;1840 width: 170px;1841 margin: 0 0 50px 0;1842 }1843 1844 .tag-count {1845 border-radius: 20px;1846 background: #dedede;1847 1848 font-size: 11px;1849 font-weight: bold;1850 1851 padding: 1px 5px 0px 5px;1852 margin: 0 0 0 2px;1853 }1854 1855 .pagination {1856 border-top: 1px #EEE solid;1857 clear: both;1858 padding: 10px 0;1859 margin: 0 0 50px 0;1860 }1861 1862 .pagination div {1863 width: 40%1864 }1865 1866 .nav-next {1867 float: right;1868 text-align: right;1869 }1870 1871 .nav-previous {1872 float: left;1873 }1874 1875 .primary-content #searchform {1876 float: none;1877 margin: 10px 0;1878 }1879 1880 .primary-content #searchform #searchsubmit {1881 margin: 01882 }1883 1884 .primary-content #searchform input {1885 margin: 01886 }1887 1888 /* IE fixes1889 ============================================================= */1890 1891 .ie7 .view-more {1892 position: relative;1893 bottom: 42px;1894 }1895 1896 .ie7 .secondary-videos {1897 clear: right;1898 margin: 3px 0;1899 }1900 1901 .ie7 .secondary-content .video-list li {1902 min-height: 0;1903 }1904 1905 /* Typography1906 ============================================================= */1907 1908 /* Menu */1909 1910 #menu {1911 margin-right: 5px;1912 }1913 1914 #menu li {1915 font-size: 14px;1916 }1917 1918 #menu li a,1919 #menu li a:link,1920 #menu li a:visited {1921 color: #21759b;1922 }1923 1924 #menu li a.selected {1925 color: #545454;1926 }1927 1928 #menu li a:hover {1929 color: #d54e21 !important;1930 }1931 1932 #menu #searchform {1933 margin: 0 0 0 15px;1934 }1935 1936 /* Titles and Body Text */1937 1938 body, td, p,1939 .wpl-count,1940 .desc,1941 .automattic {1942 font-family: "ff-meta-web-pro", Helvetica Neue, Helvetica, sans-serif;1943 font-size: 13px;1944 line-height: 1.4;1945 }1946 1947 .wpl-count {1948 line-height: 1.7;1949 }1950 1951 .wptv-hero .page-title {1952 margin: -8px auto 10px auto;1953 }1954 1955 .page-title {1956 width: 940px;1957 margin: auto;1958 }1959 1960 .video-title {1961 font-size: 13px;1962 font-weight: bold;1963 -webkit-font-smoothing: antialiased;1964 }1965 1966 h2 {1967 font-family: "ff-meta-web-pro", Helvetica Neue, Helvetica, sans-serif;1968 font-size: 28px;1969 font-weight: bold;1970 }1971 1972 h3 {1973 font-family: "ff-meta-web-pro", Helvetica Neue, Helvetica, sans-serif;1974 border-bottom: 1px #e9e9e9 solid;1975 1976 clear: both;1977 1978 font-size: 18px;1979 font-weight: bold;1980 1981 margin: 20px 0 20px;1982 padding: 0 0 9px;1983 }1984 1985 .home .secondary-content h3 {1986 margin-top: 0;1987 }1988 1989 h4 {1990 font-family: "ff-meta-web-pro", Helvetica Neue, Helvetica, sans-serif;1991 font-size: 16px;1992 font-weight: bold;1993 1994 margin: 20px 0 10px;1995 }1996 1997 h5 {1998 font-size: 12px;1999 font-weight: bold;2000 text-transform: uppercase;2001 2002 margin: 10px 0 2px 0;2003 }2004 2005 .view-more {2006 font-size: 13px;2007 2008 display: block;2009 float: right;2010 margin: 5px 0 0 0;2011 }2012 2013 .breadcrumb {2014 color: #8B8B8B;2015 2016 font-size: 13px;2017 text-transform: uppercase;2018 2019 margin: 0 0 10px 0;2020 }2021 2022 .breadcrumb a {2023 color: #8B8B8B;2024 }2025 2026 .breadcrumb a:hover {2027 color: #464646;2028 }2029 2030 .breadcrumb .arrow {2031 font-family: Arial, Helvetica, sans-serif;2032 font-size: 12px;2033 2034 margin: 0 5px;2035 2036 position: relative;2037 top: -1px;2038 }2039 2040 .breadcrumb .tag-count {2041 display: none;2042 }2043 2044 /* Hero Area2045 ============================================================= */2046 2047 .wptv-hero {2048 clear: both;2049 2050 margin: 10px auto 30px auto;2051 padding: 30px 0 10px 0;2052 2053 background: #F0F0F0;2054 }2055 2056 .wptv-hero .main-video {2057 background: #2f2f2f;2058 clear: both;2059 2060 float: left;2061 width: 575px;2062 }2063 2064 .wptv-hero .main-video .video-player {2065 width: 100% !important;2066 height: 323px !important;2067 margin: 0 !important;2068 }2069 2070 .wptv-hero .main-video .video-player .videopress-placeholder {2071 margin: 0;2072 width: 100% !important;2073 height: 100% !important;2074 }2075 2076 .wptv-hero .main-video .video-player .videopress-poster,2077 .wptv-hero .main-video .video-player object {2078 width: 100% !important;2079 height: 100% !important;2080 }2081 2082 .wptv-hero .main-video .video-player .videopress-title,2083 .wptv-hero .main-video .video-player .videopress-watemark {2084 display: none !important;2085 }2086 2087 .wptv-hero .main-video h3 {2088 border-bottom: 0;2089 border-top: 6px #464646 solid;2090 2091 text-align: left;2092 2093 margin: 0;2094 padding: 15px;2095 }2096 2097 .wptv-hero .main-video .video-title {2098 display: block;2099 color: #eee;2100 font-size: 18px;2101 }2102 2103 .wptv-hero .main-video .video-event {2104 display: block;2105 margin-top: 25px;2106 text-transform: capitalize;2107 }2108 2109 .wptv-hero .main-video .video-event a {2110 color: #8e8e8e;2111 font-size: 14px;2112 font-weight: normal;2113 }2114 2115 .wptv-hero .main-video .video-event a:hover {2116 color: #fff;2117 }2118 2119 .wptv-hero .main-video .video-event .tag-count {2120 display: none;2121 }2122 2123 .wptv-hero .secondary-videos {2124 float: right;2125 width: 345px;2126 }2127 2128 .wptv-hero .secondary-videos h3 {2129 font-size: 18px;2130 font-weight: bold;2131 border-bottom: 1px #dfdfdf solid;2132 2133 padding: 0 0 14px 0;2134 margin: 0 0 18px 0;2135 }2136 2137 .wptv-hero .secondary-videos li {2138 font-size: 13px;2139 2140 min-height: 75px;2141 position: relative;2142 2143 margin: 0 auto 23px 0;2144 padding: 0 0 0 142px;2145 }2146 2147 .wptv-hero .secondary-videos .video-thumbnail img {2148 width: 130px;2149 height: 75px;2150 2151 position: absolute;2152 left: 0;2153 }2154 2155 .wptv-hero .secondary-videos a:hover img {2156 opacity: 0.8;2157 }2158 2159 /* Video lists2160 ============================================================= */2161 2162 .video-list {2163 clear: both;2164 }2165 2166 .video-list li {2167 float: left;2168 min-height: 220px;2169 margin-bottom: 20px;2170 }2171 2172 .video-list li .video-thumbnail {2173 display: block;2174 width: 100%;2175 height: 100px;2176 2177 margin: 0 0 8px 0;2178 2179 overflow: hidden;2180 position: relative;2181 }2182 2183 .video-list li .video-thumbnail img {2184 width: 100%;2185 min-height: 100px;2186 }2187 2188 .video-list.four-col {2189 width: 860px;2190 }2191 2192 .video-list.four-col li {2193 width: 160px;2194 margin-right: 20px;2195 }2196 2197 .secondary-content .video-list .video-title {2198 font-size: 13px;2199 display: block;2200 overflow: hidden;2201 text-overflow: ellipsis;2202 width: 170px;2203 }2204 2205 .secondary-content .video-list li {2206 min-height: inherit;2207 border: 0;2208 }2209 2210 /* Archives2211 ============================================================= */2212 2213 .archive.video-list {2214 width: auto;2215 margin: 16px 0 0 0;2216 }2217 2218 .archive .video-description span {2219 display: block;2220 }2221 2222 .archive.video-list li {2223 margin: 0 0 40px 0;2224 min-height: 120px;2225 2226 display: block;2227 float: none;2228 position: relative;2229 }2230 2231 .archive.video-list .video-thumbnail {2232 position: absolute;2233 top: 0;2234 left: 0;2235 2236 width: 220px;2237 height: 120px;2238 2239 margin: 0 20px 0 0;2240 }2241 2242 .archive.video-list .video-title {2243 font-size: 16px;2244 margin: 4px 0 8px;2245 }2246 2247 .archive.video-list .video-description {2248 display: block;2249 padding-left: 240px;2250 }2251 2252 .archive.video-list .video-date {2253 color: #aaa;2254 display: block;2255 2256 margin: 10px 0 0 0;2257 2258 font-size: 12px;2259 }2260 2261 .archive.video-list .video-speakers {2262 margin: 7px 0 0 0;2263 }2264 2265 .archive.video-list .video-excerpt {2266 margin: 7px 0 0 0;2267 }2268 2269 /* Search */2270 2271 .search h4 {2272 margin: 0 0 10px 0;2273 }2274 2275 .archive .video-events {2276 text-transform: uppercase;2277 font-size: 12px;2278 margin: 0 0 5px 0;2279 }2280 2281 /* Category page2282 ============================================================= */2283 2284 .category.archive .video-list .video-title {2285 font-size: 13px;2286 line-height: 16px;2287 }2288 2289 /* Individual Video Page2290 ============================================================= */2291 2292 .single .video-title {2293 font-size: 24px;2294 }2295 2296 body:not(.single) .video-info {2297 width: 220px;2298 margin: 15px 0 0 0;2299 float: right;2300 }2301 2302 .video-info p {2303 /*text-transform: capitalize;*/2304 margin: 0 0 12px 0;2305 }2306 2307 /* Video Player and Placeholder */2308 2309 .single .video-player {2310 float: left;2311 width: 940px !important;2312 height: 529px !important;2313 2314 overflow: hidden;2315 }2316 2317 .videopress-placeholder,2318 .video-player object {2319 width: 100% !important;2320 height: 100% !important;2321 margin: 0 !important;2322 }2323 2324 .videopress-poster {2325 width: 100%;2326 height: auto;2327 }2328 2329 .videopress-title {2330 display: none !important;2331 }2332 2333 /* Sharedaddy, Likes, etc */2334 2335 #page .the-video div.jp-relatedposts {2336 clear: both;2337 }2338 2339 #page div.sharedaddy div.sd-block {2340 border: 0;2341 }2342 2343 div.sharedaddy .sd-content {2344 width: auto !important;2345 margin: 0 -5px 0 0 !important;2346 }2347 2348 /* Sharing */2349 2350 #page .the-video .sharedaddy .sd-sharing-enabled {2351 clear: none;2352 float: right;2353 }2354 2355 /* Ratings */2356 2357 .video-info .sd-block {2358 display: none !important;2359 }2360 2361 div.sharedaddy div.sd-block.sd-rating {2362 float: left;2363 margin: 0;2364 }2365 2366 div.sharedaddy .sd-rating .sd-content {2367 float: left;2368 }2369 2370 div.sharedaddy .sd-title {2371 display: none !important;2372 }2373 2374 .the-video div.sharedaddy .sd-rating .pd-rating {2375 width: 100%;2376 }2377 2378 /* Likes */2379 2380 .wpl-likebox {2381 clear: both;2382 margin: 0 0 0 2px;2383 }2384 2385 div.sharedaddy ul.wpl-avatars {2386 margin: 0 0 0 2px;2387 }2388 2389 #page div.sharedaddy.sd-sharing-enabled .sd-like div.sd-content {2390 width: 100% !important;2391 margin: 0 !important;2392 }2393 2394 #page div.sharedaddy ul.wpl-avatars li {2395 width: 15px;2396 height: 15px;2397 }2398 2399 #page div.sharedaddy ul.wpl-avatars li img {2400 width: 100%;2401 height: 100%;2402 }2403 2404 /* Related Posts */2405 div#jp-relatedposts div.jp-relatedposts-items-visual {2406 margin-right: -9px;2407 }2408 2409 div#jp-relatedposts div.jp-relatedposts-items-visual .jp-relatedposts-post:last-of-type {2410 padding: 0;2411 }2412 2413 /* Comments */2414 2415 h3#comments {2416 border: 0;2417 margin: 20px 0 0 0;2418 }2419 2420 /* WordCamp Category Page2421 ============================================================= */2422 2423 .category .secondary-videos li {2424 margin: 0 auto 13px 02425 }2426 2427 .secondary-videos .tag-count {2428 display: none;2429 }2430 2431 .secondary-videos .video-event {2432 display: block;2433 margin: 5px 0 0 0;2434 2435 font-size: 12px;2436 font-weight: normal;2437 text-transform: capitalize;2438 }2439 2440 .secondary-videos .video-event,2441 .secondary-videos .video-event a {2442 color: #6d6d6d;2443 }2444 2445 .category .page-title {2446 float: left;2447 width: auto;2448 margin: -8px 0 20px 0;2449 }2450 2451 .desc {2452 float: right;2453 color: #969696;2454 margin: 3px 0 20px 0;2455 }2456 2457 .category-wordcamptv .secondary-content {2458 float: left;2459 width: 170px;2460 }2461 2462 .category-wordcamptv .primary-content {2463 float: right;2464 margin: 0;2465 }2466 2467 /* WordCamp Individual Page2468 ============================================================= */2469 2470 .tax-event .secondary-videos li {2471 margin: 0 auto 13px 02472 }2473 2474 /* Secondary Content2475 ============================================================= */2476 2477 .secondary-content ul {2478 margin: 0 0 40px 0;2479 }2480 2481 .secondary-content li li {2482 border-bottom: 1px #e5e5e5 solid;2483 padding: 5px 0;2484 }2485 2486 .secondary-content .widget-title,2487 .secondary-content .widgettitle {2488 border-bottom: 1px #E9E9E9 solid;2489 clear: both;2490 font-size: 18px;2491 font-weight: bold;2492 margin: 20px 0 20px;2493 padding: 0 0 9px;2494 }2495 2496 .secondary-content li.widget {2497 border: 0;2498 }2499 2500 /* 404 page2501 ============================================================= */2502 2503 .error404 .primary-content {2504 width: 940px;2505 }2506 2507 .error404 h2 {2508 margin: 0 0 30px 0;2509 }2510 2511 .baron-von-pick {2512 float: left;2513 margin: 0 50px 20px 0;2514 font-size: 12px;2515 color: #888;2516 }2517 2518 .baron-von-pick img {2519 border-radius: 3px;2520 -webkit-border-radius: 3px;2521 width: 200px;2522 margin-bottom: 10px;2523 }2524 2525 .error404 .primary-content .message-404 p {2526 font-size: 16px;2527 margin: 0 0 20px 0;2528 }2529 2530 .message-404 {2531 float: left;2532 width: 680px;2533 }2534 2535 /* Footer2536 ============================================================= */2537 2538 #footer {2539 background: #F0F0F0;2540 2541 margin: 10px 0 0 0;2542 padding: 10px 0;2543 }2544 2545 #footer .dot {2546 margin: 0 10px;2547 }2548 2549 #footer .automattic a {2550 position: relative;2551 top: 2px;2552 margin: 0 7px;2553 }
Note: See TracChangeset
for help on using the changeset viewer.