Code Twilight Theme

Estimated reading: 2 minutes 83 views

Inline code

Wrap inline snippets of code with<code>. Be sure to escape HTML angle brackets.

For example, <section>should be wrapped as inline.

					For example, <code><section></code> should be wrapped as inline.				

Code blocks

Use <pre>s for multiple lines of code. Once again, be sure to escape any angle brackets in the code for proper rendering. You may optionally add the .pre-scrollable class, which will set a max-height of 350px and provide a y-axis scrollbar.

					<ul class="list-unstyled f_social_icon">
    <li><a href="#"><i class="social_facebook"><i><a><li>
    <li><a href="#"><i class="social_twitter"><i><a><li>
    <li><a href="#"><i class="social_vimeo"><i><a><li>
    <li><a href="#"><i class="social_linkedin"><i><a><li>

CSS Code

					.footnotes-link::before {
    display: none;
.footnotes-link {
    color: #10b3d6;
.tip_content p {
    font-size: 14px;
.tip_content p:last-child {
    margin-bottom: 0;
.footnotes_item strong {
    position: relative;
} {
    position: absolute;
    top: -3px;

JavaScript Code

					$(".img_popup").each(function () {
        type: 'image',
        closeOnContentClick: true,
        closeBtnInside: false,
        fixedContentPos: true,
        removalDelay: 300,
        mainClass: 'mfp-no-margins mfp-with-zoom',
        image: {
            enabled: true,
            navigateByImgClick: true,
            preload: [0, 1]

Leave a Reply

Your email address will not be published. Required fields are marked *

Fill out this field
Fill out this field
Please enter a valid email address.
You need to agree with the terms to proceed

Share this Doc

Code Twilight Theme

Or copy link