Last active
April 3, 2017 11:14
-
-
Save drblue/f12213ecc33d63ec723b6f7cdb4cba62 to your computer and use it in GitHub Desktop.
WordPress Default Styles
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| /* Alignment */ | |
| .alignleft { | |
| display: inline; | |
| float: left; | |
| margin-right: 1.5em; | |
| } | |
| .alignright { | |
| display: inline; | |
| float: right; | |
| margin-left: 1.5em; | |
| } | |
| .aligncenter { | |
| clear: both; | |
| display: block; | |
| margin: 0 auto; | |
| } | |
| /* Images and wp-captions should always fit and be responsive */ | |
| img { | |
| display: inline-block; | |
| height: auto; | |
| max-width: 100%; | |
| } | |
| img[class*="wp-image-"] { | |
| margin-top: 10px; | |
| margin-bottom: 10px; | |
| } | |
| .wp-caption { | |
| border: 1px solid #ccc; | |
| margin-bottom: 10px; | |
| max-width: 100%; | |
| border-radius: 4px; | |
| padding: 0 10px; | |
| } | |
| .wp-caption.aligncenter { | |
| margin-bottom: 10px; | |
| } | |
| .wp-caption img[class*="wp-image-"] { | |
| display: block; | |
| } | |
| .wp-caption .wp-caption-text { | |
| text-align: center; | |
| margin-top: 10px; | |
| } | |
| /* WP Gallery */ | |
| .gallery { | |
| margin-bottom: 1.5em; | |
| } | |
| .gallery a img { | |
| border: none; | |
| height: auto; | |
| max-width: 90%; | |
| } | |
| .gallery dd { | |
| margin: 0; | |
| } | |
| .gallery-caption { | |
| display: block; | |
| } | |
| /* Make sure embeds and iframes fit their containers */ | |
| embed, | |
| iframe, | |
| object { | |
| max-width: 100%; | |
| } | |
| /* Content */ | |
| .main-content-inner { | |
| padding-bottom: 1.5em; | |
| } | |
| .hentry { | |
| margin: 0 0 1.5em; | |
| } | |
| .sticky { | |
| display: block; | |
| } | |
| .bypostauthor { | |
| display: block; | |
| } | |
| /* Clearing */ | |
| .clear { | |
| clear: both; | |
| } | |
| /* Here some needed widget styles | |
| * Most widgets are adapted in the file bootstrap-wp.js - and REALLY easy to modify! ;) */ | |
| .widget { margin-bottom: 2em; } | |
| .widget_nav_menu ul.sub-menu li, .widget_pages ul.children li { padding-left: 15px; } | |
| /* Hiding the search widget's button in widgets. thats just too old-skool. :) but if you want it back, just delete the next line. | |
| * Note: you can change the whole appearance of the search_form() function in our searchform.php */ | |
| .widget_search .search-form input[type="submit"] { display: none; } | |
| /* Make sure select elements fit in widgets */ | |
| .widget select { | |
| max-width: 100%; | |
| } | |
| /* Nested comments? They are threaded and nested already, you just need to add your own styling to finalize! | |
| * For example with some margin, like the line below ;) Delete, modify, change classes in HTML if you desire another style */ | |
| .comment .children { margin-left: 1.5em; } | |
| /** | |
| * Some WP Theme Repository requirements | |
| */ | |
| .sticky { | |
| } | |
| .gallery-caption { | |
| } | |
| .bypostauthor { | |
| } | |
| .entry-meta { | |
| clear: both; | |
| } |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment