/* CSS Document */ /* Theme Name: TwentyThirteen2 Theme URI: http://wordpress.org/themes/twentythirteen Author: Trebly Author URI: https://trebly.org/ Description: widely enhanced by bty(Trebly) 2014-2016 -> The 2013 theme for WordPress takes us back to the blog, featuring a full range of post formats, each displayed beautifully in their own unique way. Design details abound, starting with a vibrant color scheme and matching header images, beautiful typography and icons, and a flexible layout that looks great on any device, big or small. Enhanced version enhances a lot of new features as lateral panel named tips with various widgets support of quite all sizes of screens as for tablets and smartphones Version: 2.12.6c-b90928 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Tags: black, brown, orange, tan, white, yellow, light, one-column, two-columns, right-sidebar, fluid-layout, responsive-layout, custom-header, custom-menu, editor-style, featured-images, microformats, post-formats, rtl-language-support, sticky-post, translation-ready, tips, accessibility-ready Text Domain: twentythirteen2 This theme, like WordPress, is licensed under the GPL. Use it to make something cool, have fun, and share what you've learned with others. */ /* base version TwentyThirteen 1.3 Author: the WordPress team Author URI: http://wordpress.org/ Description: The 2013 theme for WordPress takes us back to the blog, featuring a full range of post formats, each displayed beautifully in their own unique way. Design details abound, starting with a vibrant color scheme and matching header images, beautiful typography and icons, and a flexible layout that looks great on any device, big or small. Version: 2.11.8 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Tags: black, brown, orange, tan, white, yellow, light, one-column, two-columns, right-sidebar, fluid-layout, responsive-layout, custom-header, custom-menu, editor-style, featured-images, microformats, post-formats, rtl-language-support, sticky-post, translation-ready, accessibility-ready Text Domain: twentythirteen This theme, like WordPress, is licensed under the GPL. Use it to make something cool, have fun, and share what you've learned with others. */ /** * * Enhancements TOC * a quite completely new version * sub-version 1b4j-b61018 * Changed margin left default for screenwidth < */ /* ###trebly:b50315: added support of widgets_ftip * widgets_ftip-container class * widgets class here or in dedicated css to widgets .widgets_ftip-container . see doc ref in sidebar_ftip.php */ /** * This is a description of use of @media or equivalent for this css * The css is defined to support all types of devices and coordinated with the script functions.js of the theme * The @media selectors used are, in order : * - @media screen\0 for IE compatibility * - @-moz-document url-prefix() * - @media screen\0 * All this intended for narrowing a pc screen and common for narrow displays without caring to screen definition * - @media (max-width: 1599px) * - @media (max-width: 1069px) * - @media (max-width: 1040px) * - @media (max-width: 999px) * - @media (max-width: 767px) * - @media (max-width: 643px) * - @media (max-width: 450px) * - @media (max-width: 359px) * All this intended to manage narrow screens on mobile devices with various screen definitions * * 1- Device as samsung I9060I which tells width 320px and need to fill width 430px (131%) ... * The concept is different from galaxy (could be changed) the header uses 100% width (131% of declared) and the other 90% * while tips-container-fixed*are set into with a right:50px; seems better way * - @media only screen and ( min-resolution: 1.3dppx ) * and ( max-resolution: 1.7dppx ) * and( min-width : 300px) * and (max-width : 350px) * and (orientation : portrait) * 2- High resolution as Amoled Galaxy S6 S7 (used in standard FHD 1920*11080 definition) and LG G4 with low declared sizes portait mode * - @media only screen and ( min-resolution: 2.8dppx ) and ( min-width : 350px) and (max-width : 450px) and (orientation : portrait) * 3- This for all landscape of smartphone and not very large tablets high quality * - @media only screen and ( min-resolution: 2.1dppx ) and ( min-width : 470px) and (max-width : 750px) and (orientation : landscape) * 4- @media END : Two cases : resolution between 2.1 and 2.9 and quite wide : medium tablet 350 to 950 both orientations * - @media * only screen * and ( min-resolution: 2.1dppx ) * and ( max-resolution: 2.9dppx ) * and ( min-width : 350px) * and (max-width : 950px) * and (orientation : portrait), * only screen * and ( min-resolution: 2.1dppx ) * and ( max-resolution: 2.9dppx ) * and ( min-width : 350px) * and (max-width : 950px) * and (orientation : landscape) * * This intended only for print (has not been enhanced form origin of twentythirteen todo ###b80407 enhance css for @media print * - @media print, * (-o-min-device-pixel-ratio: 5/4),(-webkit-min-device-pixel-ratio: 1.25), **/ /* ==================================== HISTORY of versions ===================================================== */ /** (min-resolution: 120dpi) ??? * in Version: 3.14.3n-b91013-2 forked fixed from www2 * - check and suppress the use of tt2_fullwidthpage for is_fullwidthpage peut-être pas une bonne idée * in Version: 3.14.3m-b91013-1 forked fixed from www2 * - div#toc_container.tc_fullwidthpage : set columns * - tt2_fullwidthpage replaced by tc_fullwidthpage; ... partially * in Version: 3.14.3l-b91006-2 forked fixed from www2 * - Introduced before testing Gutemberg the management of text fullwidth with columns for contents of blocs into H3, the numbers of columns * depending of the screen width * into the next version the number of columns will be calculated by js depending of the div content size not the screen width * * ( H1, H2 , H3 are fullwidth titles but their content is managed with a various number of columns for a class inH3_Colsn * in Version: 3.13.3k-b91006-1 forked fixed from www2 * - .class : pfwp (page fullwidthpage option)
* - When fullwidthpage is used it is necessary to use for standard paragraphs (or groupes into a div) several columns * when usable width is larger than 1500px a text written in small will need 4 columns more than 1040 3 column * and under 650 only to and less near 500 just one. * This problem is crossed with the new option with * A- fullwidthpage which suppresses the lateralbar under 890px * 1- when screen is smaller then 890px the usable width to display content is 830 we need three columns * 2- under 650 2 columns 3- under 500 just one. B- No fullwidthpage .... This necessitate a main new version for css * in Version: 3.13.3j-b91003-1 forked fixed from www2 * - adaptations for fullwidth * - adaptations for new login button * - adaptation for small screens 350px : some error in centering elements : change margings and padding to good alignment * - margins of site-description for smartphone * * in Version: 3.13.3h-b90930-1 forked fixed from www2 * - Update tt2_fullwidthpage (name of class changed to avoid errors (tt2 for TwentyThirteen2 * - Sizes button#button_login_with_ajax-01 depending of @media (planned to set top right into image) * note that this button action is raised by the popup by Popup Maker "login popup (content with Ajax)" which adds a js script * which used the class pum-trigger which himself the popup has as content the shortcode [do_widget id="loginwithajaxwidget-5"] * which launches the widget login_with_ajax_5 defined as widget into widget group widget for shortcodes (launched by) * - button_login_with_ajax replaced name of "button_login_with_ajax-01" from "button_login_with_ajax" (as unique in the type) and * no difference for now if class .button_login_userinf is defined * * * in Version: 3.13.2h-b81112 forked for www2 * - new disposal of the navbar : a navbar-container has been created which gets navbar, search and login as inline-blocks defined in % of width of * the fullwidth container. * - the navbar now is float-left while search and login are float right with adapted positions * - introduction of login button or connected user form activated by popup trigger then several new classes to display : button and user name * - todo ###b81101 clean the navbar search in css which is suppressed in header.php for udi-paris assumed by the "search" tip * - some adjustments * - pb with navbar min-height changes to 55px; * in Version: 3.13.1m-b81024 forked for www2 * - adjustments of side_bar and toc_container entre-header etc... explains new version file for small width mobile and co * * in Version: 3.13.1h-b81018 forked for www2 * - add rule input[type='button'].ed_button { * color: #666262 !important; /* Avoid white on white for editor buttons : Avoid bootstrap inherit -> red on red invisible : .todo look at bootstrap.css * - .entry-content a.subscription-toggle { set the subscription at right while forum path is on left ) * - change header management : position right top and the elements of title are calculated from left of image header displayed. The header has at * right ano trunckable photo * - several adjustments for k version * - new styles for class fullwidthpage : new option for articles and page which free the full screen width for draws icons list etc... * then there are two basic presentation into the theme with or without sidebar and margins : * - the first is for more for text * - the second for colorbox and media and composed pages or articles * - change site_title & .site_title .titreg1 best align of content todo ####b81018 not ended for @ * in Version: 2.12.4a-b80720 * - add css for media print * in Version: 2.12.3b-b80511 * - css others css @media print test : try to manage the content of page:before : after (page header and footer content) with css @media print * in 2.12.3a-b80502 * - css @media print test * in 2.12.2g-b80414 * - listp-main max-width set to 95% to leave anyway a gutter or 5%, means for 990 50px (40px tabsv and 10px free gutter) other cases ? * todo ###b80412 should be reviewed all but need to much time, it function in 99% cases * - change order to display help in tips * - for notice : with ETW (EnhancedTextWidget) titles displayed has H3 must be before the class tag [*...*] * - change space between fieldset.widget-fs-gene > ul > li { padding: 0 .625em 0 .75em; ) * - style for admin-post-infos * in 2.12.2c-b80407 * - some adjustments of sizes for < 647 * - adjust TOC size .topcw_depth_x * in 2.12.2b-b80407 * - many changes for management of w4pl lists with narrow screens * - little changes for alignment of text headers and titles * - description is weight 600 always and changes color to dark brown * - center tertiary when relative * in 2.12.1i-b80404 * - management of width for column .entry-content .one_half {...} for narrow media : uses full width * * in 2.12.1i-b80404 * - .topcw_depth_x adapted for div#toc_container (the div into text) * in 2.12.1h-b80326 * - added style for display of function_login_ext.js : extension of LWA login for login.php page : as it is not loaded by login.php * - H_title todo adaptation of Hx and w4pl hx * - .topcw_depth_x : b50326 create values for fonts of toc items (toc_widget && in text block) it is moved to function_login_ext.css (subdir Trebly_login_ext in LWA) * in 2.12.1h-b80318 * in 2.12.1g-b80318 - added .entry-content a { display: inline; } to allow inline links into entry content avoid unwaited line change with default block - width and margins for columns management * in 2.12.1e-b80315 - Changes of W4PL and list display : more simple design of headers etc... * in 2.12.1d-b80313 - some changes - add elements for w4pl -