Template:Essay quote/style.css: Difference between revisions

Template page
No edit summary
No edit summary
Line 11: Line 11:
/* just the quotation mark that appears behind the quote */
/* just the quotation mark that appears behind the quote */
user-select:none;
user-select:none;
font-size:1rem;
}
}


Line 27: Line 28:
     margin: 0 auto;
     margin: 0 auto;
}
}
/*test code */
  .essay-quotation {
    position: relative;
    display: inline-block;
    font-size: 18px; /* Adjust font size as needed */
  }
  .essay-quotation-mark {
    position: absolute;
    top: 0;
    left: -20px; /* Adjust the value to position the quotation mark as desired */
    user-select: none; /* Prevent user selection */
  }
  .essay-quote-text {
    margin-left: 10px; /* Adjust the margin as needed to separate the quote text from the mark */
    background-color: #f0f0f0; /* Add a background color to the quote text container for better visibility */
    padding: 5px; /* Add padding for spacing */
  }

Revision as of 22:07, 19 September 2023

.essay-quotation{
	/* container for whole quote thing */
}

.essay-quotation-mark{
	/* just the quotation mark that appears behind the quote */
	user-select:none;
}

.essay-quotation-mark{
	/* just the quotation mark that appears behind the quote */
	user-select:none;
	font-size:1rem;
}


/* selectable alignment with {{{align}}} parameter */
.left{
	float:left;
}

.right{
	float:right;
}

.center{
    text-align: center;
    margin: 0 auto;
}