ali_siddique

WordPress CSS styles

Nov 12th, 2015
82
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 8.89 KB | None | 0 0
  1. /*
  2.  * WordPress Styles
  3.  */
  4.  
  5. /*  Table of Content
  6. ========================
  7.     # Base/Core/Body Styles
  8.     # Post styles
  9.     # Navigation/Menu
  10.     # Widget
  11.     # Comment
  12.     # Media
  13. ========================
  14. */
  15.  
  16. /* ==========================================================================
  17.     Base/Core/Body Styles
  18.    ========================================================================== */
  19.    /* Default Body Class Styles */
  20.     .rtl {}
  21.     .home {}
  22.     .blog {}
  23.     .archive {}
  24.     .date {}
  25.     .search {}
  26.     .paged {}
  27.     .attachment {}
  28.     .error404 {}
  29.     .single postid-(id) {}
  30.     .attachmentid-(id) {}
  31.     .attachment-(mime-type) {}
  32.     .author {}
  33.     .author-(user_nicename) {}
  34.     .category {}
  35.     .category-(slug) {}
  36.     .tag {}
  37.     .tag-(slug) {}
  38.     .page-parent {}
  39.     .page-child parent-pageid-(id) {}
  40.     .page-template page-template-(template file name) {}
  41.     .search-results {}
  42.     .search-no-results {}
  43.     .logged-in {}
  44.     .paged-(page number) {}
  45.     .single-paged-(page number) {}
  46.     .page-paged-(page number) {}
  47.     .category-paged-(page number) {}
  48.     .tag-paged-(page number) {}
  49.     .date-paged-(page number) {}
  50.     .author-paged-(page number) {}
  51.     .search-paged-(page number) {}
  52.  
  53.  
  54. /* ==========================================================================
  55.     Post styles
  56.    ========================================================================== */
  57.    /* Default Post Styles */
  58.     .post-id {}
  59.     .post {}
  60.     .page {}
  61.     .attachment {}
  62.     .sticky {}
  63.     .hentry {}
  64.     .category-misc {}
  65.     .category-example {}
  66.     .tag-news {}
  67.     .tag-wordpress {}
  68.     .tag-markup {}
  69.     /* format */
  70.     .format-image {}
  71.     .format-gallery {}
  72.     .format-chat {}
  73.     .format-link {}
  74.     .format-quote {}
  75.     .format-status {}
  76.     .format-video {}
  77.  
  78. /* ==========================================================================
  79.     Navigation/Menu
  80.    ========================================================================== */
  81.     #header .main-menu{} // container class
  82.     #header .main-menu ul {} // container class first unordered list
  83.     #header .main-menu ul ul {} //unordered list within an unordered list
  84.     #header .main-menu li {} // each navigation item
  85.     #header .main-menu li a {} // each navigation item anchor
  86.     #header .main-menu li ul {} // unordered list if there is drop down items
  87.     #header .main-menu li li {} // each drop down navigation item
  88.     #header .main-menu li li a {} // each drap down navigation item anchor
  89.  
  90.     .current_page_item{} // Class for Current Page
  91.     .current-cat{} // Class for Current Category
  92.     .current-menu-item{} // Class for any other current Menu Item
  93.     .menu-item-type-taxonomy{} // Class for a Category
  94.     .menu-item-type-post_type{} // Class for Pages
  95.     .menu-item-type-custom{} // Class for any custom item that you added
  96.     .menu-item-home{} // Class for the Home Link
  97.  
  98.    
  99. /* ==========================================================================
  100.     Widget
  101.    ========================================================================== */
  102.     .widget {}
  103.  
  104.     #searchform {}
  105.     .widget_search {}
  106.     .screen-reader-text {}
  107.  
  108.     .widget_meta {}
  109.     .widget_meta ul {}
  110.     .widget_meta ul li {}
  111.     .widget_meta ul li a {}
  112.  
  113.     .widget_links {}
  114.     .widget_links ul {}
  115.     .widget_links ul li {}
  116.     .widget_links ul li a {}
  117.  
  118.     .widget_archive {}
  119.     .widget_archive ul {}
  120.     .widget_archive ul li {}
  121.     .widget_archive ul li a {}
  122.     .widget_archive select {}
  123.     .widget_archive option {}
  124.  
  125.     .widget_pages {}
  126.     .widget_pages ul {}
  127.     .widget_pages ul li {}
  128.     .widget_pages ul li a {}
  129.  
  130.     .widget_links {}
  131.     .widget_links li:after {}
  132.     .widget_links li:before {}
  133.     .widget_tag_cloud {}
  134.     .widget_tag_cloud a {}
  135.     .widget_tag_cloud a:after {}
  136.     .widget_tag_cloud a:before {}
  137.  
  138.     .widget_calendar {}
  139.     #calendar_wrap {}
  140.     #calendar_wrap th {}
  141.     #calendar_wrap td {}
  142.     #wp-calendar tr td {}
  143.     #wp-calendar caption {}
  144.     #wp-calendar a {}
  145.     #wp-calendar #today {}
  146.     #wp-calendar #prev {}
  147.     #wp-calendar #next {}
  148.     #wp-calendar #next a {}
  149.     #wp-calendar #prev a {}
  150.  
  151.     .widget_categories {}
  152.     .widget_categories ul {}
  153.     .widget_categories ul li {}
  154.     .widget_categories ul ul.children {}
  155.     .widget_categories a {}
  156.     .widget_categories select{}
  157.     .widget_categories select#cat {}
  158.     .widget_categories select.postform {}
  159.     .widget_categories option {}
  160.     .widget_categories .level-0 {}
  161.     .widget_categories .level-1 {}
  162.     .widget_categories .level-2 {}
  163.     .widget_categories .level-3 {}
  164.  
  165.     .recentcomments {}
  166.     #recentcomments {}
  167.     #recentcomments li {}
  168.     #recentcomments li a {}
  169.     .widget_recent_comments {}
  170.  
  171.     .widget_recent_entries {}
  172.     .widget_recent_entries ul {}
  173.     .widget_recent_entries ul li {}
  174.     .widget_recent_entries ul li a {}
  175.  
  176.     .textwidget {}
  177.     .widget_text {}
  178.     .textwidget p {}
  179.  
  180.  
  181.    
  182. /* ==========================================================================
  183.     Comment
  184.    ========================================================================== */
  185.     /*Comment Output*/
  186.  
  187.     .commentlist .reply {}
  188.     .commentlist .reply a {}
  189.  
  190.     .commentlist .alt {}
  191.     .commentlist .odd {}
  192.     .commentlist .even {}
  193.     .commentlist .thread-alt {}
  194.     .commentlist .thread-odd {}
  195.     .commentlist .thread-even {}
  196.     .commentlist li ul.children .alt {}
  197.     .commentlist li ul.children .odd {}
  198.     .commentlist li ul.children .even {}
  199.  
  200.     .commentlist .vcard {}
  201.     .commentlist .vcard cite.fn {}
  202.     .commentlist .vcard span.says {}
  203.     .commentlist .vcard img.photo {}
  204.     .commentlist .vcard img.avatar {}
  205.     .commentlist .vcard cite.fn a.url {}
  206.  
  207.     .commentlist .comment-meta {}
  208.     .commentlist .comment-meta a {}
  209.     .commentlist .commentmetadata {}
  210.     .commentlist .commentmetadata a {}
  211.  
  212.     .commentlist .parent {}
  213.     .commentlist .comment {}
  214.     .commentlist .children {}
  215.     .commentlist .pingback {}
  216.     .commentlist .bypostauthor {}
  217.     .commentlist .comment-author {}
  218.     .commentlist .comment-author-admin {}
  219.  
  220.     .commentlist {}
  221.     .commentlist li {}
  222.     .commentlist li p {}
  223.     .commentlist li ul {}
  224.     .commentlist li ul.children li {}
  225.     .commentlist li ul.children li.alt {}
  226.     .commentlist li ul.children li.byuser {}
  227.     .commentlist li ul.children li.comment {}
  228.     .commentlist li ul.children li.depth-{id} {}
  229.     .commentlist li ul.children li.bypostauthor {}
  230.     .commentlist li ul.children li.comment-author-admin {}
  231.  
  232.     #cancel-comment-reply {}
  233.     #cancel-comment-reply a {}
  234.  
  235.     /*Comment Form */
  236.  
  237.     #respond { }
  238.     #reply-title { }
  239.     #cancel-comment-reply-link { }
  240.     #commentform { }
  241.     #author { }
  242.     #email { }
  243.     #url { }
  244.     #comment
  245.     #submit
  246.     .comment-notes { }
  247.     .required { }
  248.     .comment-form-author { }
  249.     .comment-form-email { }
  250.     .comment-form-url { }
  251.     .comment-form-comment { }
  252.     .form-allowed-tags { }
  253.     .form-submit
  254.  
  255. /* ==========================================================================
  256.     Media
  257.    ========================================================================== */
  258.     /* Default WISIWYG Editor Styles */
  259.     .entry-content img {}
  260.     .alignleft, img.alignleft {}
  261.     .alignright, img.alignright {}
  262.     .aligncenter, img.aligncenter {}
  263.     .alignnone, img.alignnone {}
  264.  
  265.     .wp-caption {}
  266.     .wp-caption img {}
  267.     .wp-caption p.wp-caption-text {}
  268.  
  269.     .wp-smiley {}
  270.  
  271.     blockquote.left {}
  272.     blockquote.right {}
  273.  
  274.     .gallery dl {}
  275.     .gallery dt {}
  276.     .gallery dd {}
  277.     .gallery dl a {}
  278.     .gallery dl img {}
  279.     .gallery-caption {}
  280.  
  281.     .size-full {}
  282.     .size-large {}
  283.     .size-medium {}
  284.     .size-thumbnail {}
  285.  
  286.     /* =WordPress Core */
  287.     .alignnone {
  288.         margin: 5px 20px 20px 0;
  289.     }
  290.     .aligncenter,
  291.     div.aligncenter {
  292.         display: block;
  293.         margin: 5px auto 5px auto;
  294.     }
  295.  
  296.     .alignright {
  297.         float:right;
  298.         margin: 5px 0 20px 20px;
  299.     }
  300.  
  301.     .alignleft {
  302.         float: left;
  303.         margin: 5px 20px 20px 0;
  304.     }
  305.  
  306.     a img.alignright {
  307.         float: right;
  308.         margin: 5px 0 20px 20px;
  309.     }
  310.  
  311.     a img.alignnone {
  312.         margin: 5px 20px 20px 0;
  313.     }
  314.  
  315.     a img.alignleft {
  316.         float: left;
  317.         margin: 5px 20px 20px 0;
  318.     }
  319.  
  320.     a img.aligncenter {
  321.         display: block;
  322.         margin-left: auto;
  323.         margin-right: auto
  324.     }
  325.  
  326.     .wp-caption {
  327.         background: #fff;
  328.         border: 1px solid #f0f0f0;
  329.         max-width: 96%; /* Image does not overflow the content area */
  330.         padding: 5px 3px 10px;
  331.         text-align: center;
  332.     }
  333.  
  334.     .wp-caption.alignnone {
  335.         margin: 5px 20px 20px 0;
  336.     }
  337.  
  338.     .wp-caption.alignleft {
  339.         margin: 5px 20px 20px 0;
  340.     }
  341.  
  342.     .wp-caption.alignright {
  343.         margin: 5px 0 20px 20px;
  344.     }
  345.  
  346.     .wp-caption img {
  347.         border: 0 none;
  348.         height: auto;
  349.         margin: 0;
  350.         max-width: 98.5%;
  351.         padding: 0;
  352.         width: auto;
  353.     }
  354.  
  355.     .wp-caption p.wp-caption-text {
  356.         font-size: 11px;
  357.         line-height: 17px;
  358.         margin: 0;
  359.         padding: 0 4px 5px;
  360.     }
  361.  
  362.     /* Text meant only for screen readers. */
  363.     .screen-reader-text {
  364.         clip: rect(1px, 1px, 1px, 1px);
  365.         position: absolute !important;
  366.         height: 1px;
  367.         width: 1px;
  368.         overflow: hidden;
  369.     }
  370.  
  371.     .screen-reader-text:focus {
  372.         background-color: #f1f1f1;
  373.         border-radius: 3px;
  374.         box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  375.         clip: auto !important;
  376.         color: #21759b;
  377.         display: block;
  378.         font-size: 14px;
  379.         font-size: 0.875rem;
  380.         font-weight: bold;
  381.         height: auto;
  382.         left: 5px;
  383.         line-height: normal;
  384.         padding: 15px 23px 14px;
  385.         text-decoration: none;
  386.         top: 5px;
  387.         width: auto;
  388.         z-index: 100000; /* Above WP toolbar. */
  389.     }
Advertisement
Add Comment
Please, Sign In to add comment