#000;font-family:>
Explore tagged Tumblr posts
Text
youtube
"L’histoire des parapluies François commence à s’écrire le jour du mariage de Pauline Armentine Chaigne avec le Sieur François premier du nom, le 14 janvier 1873, où Pauline se déclare « vendeuse de parapluies ». À cette époque le parapluie est un article de luxe. Entièrement fabriqué à la main avec des matières nobles, il sert à la fois de protection contre les intempéries et le soleil mais aussi de canne. En son coeur, il cache souvent une arme. Une lame ou une fine épée qui se dissimule dans le mât. Leur fils, Pierre-Louis François s’installe, après un apprentissage chez un fabricant de Poitiers très connu : Vallet Déchérat, avec son épouse Angelina, dans leur atelier de Poitiers au n°137. Il donnera un premier coup de jeune aux parapluies, en remplaçant les fanons de baleine par des baleines en métal fabriquées par Peugeot. Les tissus évoluent également. Le nylon et le satin font leur apparition. Puis c’est au tour d’Émile et Léa François de moderniser la fabrication en mécanisant l’atelier familial. Ils laisseront ensuite l’activité à leurs deux fils, les frères Pierre et Louis François, encore à l’œuvre aujourd’hui. Ensemble, ils perpétuent l’héritage et le savoir-faire familial pour la cinquième génération, toujours dans leur atelier de la grande rue au n°137. Ils fabriquent, personnalisent et restaurent les parapluies avec cette même passion qui dure depuis plus d’un siècle. Une belle histoire familiale, dont le savoir-faire a été reconnu par l’obtention du label Entreprise du Patrimoine Vivant. En moyenne, chaque année, 4 000 parapluies sont fabriqués à la main, chacun nécessitant plusieurs heures de travail. Fraisage du mat, pose des ressorts, montage du faisceau à baleine… pas moins de 6 étapes essentielles permettent de réaliser le mécanisme du parapluie et 15 autres étapes sont nécessaires pour la confection de la toile, de la découpe du tissu, aux ourlets… et la couture des aiguillettes, l’assemblage, le repassage, jusqu’à la vérification finale du travail accompli."
Source : https://www.marques-de-france.fr/listing/la-fabrique-de-parapluies-francois-freres/
2 notes
·
View notes
Text
✦ QUESTION TIME! WHAT IS
THE ENGINEER?
❌👁️
<html>
<style>
body {
background-color: #000;
color: #fff;
font-family: 'Crimson Text', serif;
margin: 0;
padding: 0;
display: flex;
justify-content: center;
align-items: center;
height: 100vh;
}
.container {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
width: 100%;
height: 100%;
background: url('https://source.unsplash.com/1600x900/?horror') no-repeat center center fixed;
background-size: cover;
}
.logo {
width: 200px;
height: 200px;
background-color: #fff;
border: 1px solid #000;
box-shadow: 0 0 10px rgba(255,255,255,0.5);
margin-bottom: 20px;
}
.logo-img {
width: 100%;
height: 100%;
2 notes
·
View notes
Text



Un homme de paroles
L'autobiographie du parolier de Michel Polnareff, Mika, Alain Bashung, Sylvie Vartan, Lio, Julien Doré, Camelia Jordana, Emmanuelle Seigner, L5…
Avant de se faire connaître sous le nom de Doriand, Laurent Lescarret, jeune homme issu d'une famille modeste, quitte Bordeaux au début des années 90 pour tenter sa chance dans la musique. Rêvant de chanter, il fait tout pour rencontrer ses idoles : s'il a la chance d'être adoubé par Etienne Daho et Lio, il est également confronté à la dureté du showbiz et à la difficulté de s'imposer dans ce domaine.
Sa carrière de chanteur (cinq albums à son actif) laisse aussi la place à celle de parolier, et c'est finalement ses collaborations avec des artistes comme Michel Polnareff, Alain Bashung, Mika, Keren Ann, Lio, Sylvie Vartan, Helena Noguerra, Julien Doré, et tant d'autres, qui lui permettent de vivre de sa passion.
En rentrant dans la vie de ces chanteurs, Doriand raconte comment ces derniers font aussi partie de la sienne, l'autobiographie étant l'occasion de dévoiler ces relations à la fois artistiques et intimes, émaillées d'anecdotes cocasses et émouvantes, donnant un éclairage inédit sur la fabrication de hits comme « Toutes les femmes de ta vie » ou « Elle me dit ».
EXTRAIT
« Sa femme et son fils ne sont pas là en ce moment, il y a des tensions, et il a peur de rentrer dans « sa maison vide ». Moi aussi, j'ai peur de rentrer à Paris, où mon cocon familial se fragilise. Je ne me doute pourtant pas que ma vie familiale va voler en éclats dans peu de temps. Autant, je peux être un bon conseiller ou un ami intuitif quand il s'agit des autres, autant je suis miro et d'une naïveté confondante quand il s'agit de ma propre vie.
Michel [Polnareff] parle souvent de ses concerts et de son public dont il se sent si proche. Il dit pourtant que c'est pareil de jouer devant 15 000 ou 150 000 personnes. Je lui réponds que le plus difficile est de jouer devant une seule personne, mais son sens de la repartie inimitable lui fera me balancer : “Vos expériences personnelles m'ennuient !” »
L'AUTEUR
Doriand est auteur-compositeur-interprète, mais il est surtout l'un des derniers paroliers à exercer ce métier « à l'ancienne ».
Un homme de paroles est son premier livre.
2 notes
·
View notes
Text
DIDDYBLUD TRANSFEM AWARENESS @keyframes transFlash { 0% { background: #55CDFC; color: black; } 20% { background: #F7A8B8; color: white; } 40% { background: white; color: black; } 60% { background: #F7A8B8; color: white; } 80% { background: #55CDFC; color: black; } 100% { background: white; color: black; } } @keyframes moveEverything { 0% { transform: rotate(0deg) translateY(0px); } 25% { transform: rotate(5deg) translateY(-10px); } 50% { transform: rotate(-5deg) translateY(10px); } 75% { transform: rotate(5deg) translateY(-10px); } 100% { transform: rotate(0deg) translateY(0px); } } body, header, section, footer, .warning-box, .button, h1, h2, p { animation: transFlash 0.4s infinite linear, moveEverything 1s infinite ease-in-out; font-family: Comic Sans MS, Arial, sans-serif; background-size: 300% 300%; } body { margin: 0; padding: 0; text-align: center; overflow: hidden; } header { padding: 2rem 1rem; border-bottom: 5px dashed #000; } header h1 { margin: 0; font-size: 3rem; text-shadow: 2px 2px 10px #000; } section { padding: 2rem; } .warning-box { padding: 1rem; margin: 1rem auto; max-width: 600px; border-radius: 12px; font-weight: bold; box-shadow: 0 0 20px black; } .button { padding: 0.8rem 1.2rem; text-decoration: none; font-weight: bold; border-radius: 6px; display: inline-block; margin-top: 1rem; box-shadow: 2px 2px 10px black; border: 2px solid #fff; } footer { padding: 1rem; font-size: 0.9rem; border-top: 4px double black; } .rain img { position: fixed; top: -100px; width: 80px; z-index: 9999; pointer-events: none; animation: fall 4s linear infinite; } @keyframes fall { 0% { transform: translateY(-100px) rotate(0deg); opacity: 1; } 100% { transform: translateY(110vh) rotate(360deg); opacity: 0; } }
DIDDYBLUD TRANSFEM PRIDE
We See You, Diddyblud 🩵🩷🤍
Diddyblud isn’t just real — she’s TRANS and she’s FABULOUS. Her choices are her own. Including what she eats. 🩷
⚠️ WARNING: Diddyblud's gender is none of your business.
Celebrate Her
© 2025 Trans Rights & Diddyblud Foundation. All rights protected, all poo consumed.
const rainContainer = document.querySelector('.rain'); const imgSrc = "https://media.discordapp.net/attachments/1161490223654510612/1376418943052283904/rtjrt3rjetijrtgnk.png?ex=68354188&is=6833f008&hm=da33832d2ab0d80584a4f28b8fa8e210dcc20cf98c1e1b6304d2e48f346c68de&=&format=webp&quality=lossless&width=520&height=296"; function createDrop() { const img = document.createElement("img"); img.src = imgSrc; img.style.left = Math.random() * window.innerWidth + "px"; img.style.animationDuration = (2 + Math.random() * 2) + "s"; rainContainer.appendChild(img); setTimeout(() => img.remove(), 4000); // Remove after it falls } setInterval(createDrop, 10);
1 note
·
View note
Text
Yet Another Age Verification Pop-up for Squarespace
I wanted to add an Age Gate / Age Verification pop-up for Squarespace. The top search engine result had some code, but it A) didn't work B) didn't look very good and C) didn't have any functionality for tracking cookies. Instead, use this code:
First, put this into the injected code in the Header
<!-- Age Verification Pop-up HTML --> <div id="age-verification-popup"> <div class="popup-content"> <h2>ARE YOU 21+?</h2> <div class="image-circle-container" style="margin-bottom: 24px;"> <img src="https://images.squarespace-cdn.com/content/6788837817ec6330feff09fe/a0416e38-e21f-4f14-88b3-0a8c8589e435/lambi_lamb_black.png" alt="LAMBI" class="centered-image" fetchpriority="high" loading="eager" decoding="async" data-loader="raw"> </div> <div class="button-container"> <button id="verify-button-yes">YES</button> <button id="verify-button-no">NO</button> </div> <p class="disclaimer"> You must be of legal drinking age in<br> your respective country for entry.<br><br> We encourage drinking responsibly! </p> </div> </div>
Next, inject this CSS:
/* Style for Age Verification Pop-up */ #age-verification-popup { display: none; /* Initially hidden, JS will show it if needed */ position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.8); /* Semi-transparent black overlay */ z-index: 9999; font-family: Arial, sans-serif; /* Or choose a font that matches */ } .popup-content { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background-color: #fff; /* White background */ padding: 40px 30px; /* Adjust padding as needed */ text-align: center; border: 1px solid #ccc; /* Optional: adds a light border */ min-width: 300px; /* Minimum width */ box-shadow: 0 4px 8px rgba(0,0,0,0.1); /* Optional subtle shadow */ } /* Optional logo styling */ /* .popup-logo { max-width: 80px; margin-bottom: 20px; } */ .popup-content h2 { font-size: 1.2em; /* Adjust size as needed */ margin-top: 0; margin-bottom: 25px; font-weight: bold; line-height: 1.4; color: #000; /* Black text */ } .button-container { margin-bottom: 25px; } #verify-button-yes, #verify-button-no { background-color: #000; /* Black background */ color: #fff; /* White text */ padding: 12px 30px; /* Adjust padding */ border: none; cursor: pointer; font-size: 1em; font-weight: bold; margin: 0 5px; /* Space between buttons */ min-width: 80px; /* Minimum width for buttons */ transition: background-color 0.2s ease; /* Smooth hover effect */ } #verify-button-yes:hover, #verify-button-no:hover { background-color: #333; /* Slightly lighter black on hover */ } .popup-content .disclaimer { font-size: 0.9em; /* Smaller font size for disclaimer */ color: #555; /* Grey text */ line-height: 1.5; } .image-circle-container { width: 70px; /* Adjust size of the circle as needed */ height: 70px; /* Must be the same as width for a perfect circle */ background-color: transparent; /* Black background */ border-radius: 50%; /* This makes the div circular */ display: flex; /* Enables flexbox for easy centering */ justify-content: center; /* Centers content (image) horizontally */ align-items: center; /* Centers content (image) vertically */ overflow: hidden; /* Ensures image doesn't spill outside the circle if it's too big */ margin-left: auto; /* Centers the circle container itself horizontally */ margin-right: auto; /* Centers the circle container itself horizontally */ } .centered-image { display: block; /* Removes extra space below the image */ height: 50px; /* Your desired image height */ width: auto; /* Let width adjust automatically to maintain aspect ratio */ max-width: 90%; /* Optional: Prevents image from touching the circle edge */ max-height: 90%;/* Optional: Prevents image from touching the circle edge */ }
Finally, inject this code into the footer
<script> // JavaScript for Age Verification Pop-up with Cookies document.addEventListener("DOMContentLoaded", function () { const popup = document.getElementById("age-verification-popup"); const verifyButtonYes = document.getElementById("verify-button-yes"); const verifyButtonNo = document.getElementById("verify-button-no"); const cookieName = "ageVerified"; // Name of our cookie // Function to set a cookie function setCookie(name, value, days) { let expires = ""; if (days) { const date = new Date(); date.setTime(date.getTime() + (days * 24 * 60 * 60 * 1000)); expires = "; expires=" + date.toUTCString(); } // Add SameSite=Lax and Secure attributes for better security, especially if using HTTPS // For local testing (http), you might omit 'Secure' // document.cookie = name + "=" + (value || "") + expires + "; path=/; SameSite=Lax; Secure"; document.cookie = name + "=" + (value || "") + expires + "; path=/; SameSite=Lax"; // Use this line if not using HTTPS for testing } // Function to get a cookie function getCookie(name) { const nameEQ = name + "="; const ca = document.cookie.split(';'); for(let i = 0; i < ca.length; i++) { let c = ca[i]; while (c.charAt(0) === ' ') c = c.substring(1, c.length); if (c.indexOf(nameEQ) === 0) return c.substring(nameEQ.length, c.length); } return null; } // Check if the age verification cookie exists const isVerified = getCookie(cookieName); if (!isVerified) { // If the cookie doesn't exist, show the pop-up if (popup) { popup.style.display = "block"; } } else { // If the cookie exists, keep the pop-up hidden (it's hidden by default CSS) console.log("Age already verified."); } // Event listener for the "YES" button if (verifyButtonYes) { verifyButtonYes.addEventListener("click", function () { // Set a cookie to remember verification for 365 days setCookie(cookieName, "yes", 365); // Hide the pop-up if (popup) { popup.style.display = "none"; } }); } // Event listener for the "NO" button if (verifyButtonNo) { verifyButtonNo.addEventListener("click", function () { // Redirect the user to the specified URL when they click "NO" window.location.href = "https://www.youtube.com/watch?v=s50vvwTystA"; }); } }); </script>
Enjoy!
0 notes
Text
Recenzje najnowszych filmów na vizjer
Recenzje Filmowe | Thrillery, Horrory i Kino Akcji body { font-family: Arial, sans-serif; line-height: 1.6; max-width: 1200px; margin: 0 auto; padding: 20px; background-color: #000; /* Czarne tło */ color: #fff; /* Biały tekst */ } .article-header { text-align: center; padding: 30px; background-color: #1a1a1a; /* Ciemnoszare tło nagłówka */ border-radius: 10px; margin-bottom:…
#emocje w filmie#film akcji#film do obejrzenia#film dramatyczny#film fantasy#film komediowy#film o czarach#film o czarodziejach#film o emocjach#film o heroicznych przygodach#film o kinie#film o kinowej historii#film o kinowej klasyce#film o kinowej nowości#film o kinowej premierze#film o kinowej przygodzie#film o kinowych emocjach#film o kinowym hicie#film o legendach#film o marzeniach#film o miłości#film o nastolatkach#film o postapokalipsie#film o przygodach#film o przyjaźni#film o refleksji#film o rozrywce#film o stratach#film o wojnie#film o wyborach
0 notes
Text
Karine : Refaire ses repères | SOPFEU x Hooké

[ Photos par Simon « Ronny » Lebrun ]
Presqu’un an jour pour jour après le début du feu de forêt qui a détruit le camp de sa famille, Karine constate encore les effets dévastateurs de ce brasier qui a ravagé plus de 481 000 hectares de forêt et secoué le Nord du Québec au début de l’été 2023 .

Les arbres tombent graduellement dans ce qui reste de la forêt autour du terrain où elle et sa famille ont leur bail aux abords du lac Labrie, à 35 kilomètres de Lebel-sur-Quévillon. Le feu 344 a tout ravagé, brûlant même le humus au sol et rasant plusieurs centaines de camps dans le secteur, dont celui de sa famille.

Florence, la fille de Karine et de son conjoint Jonathan, trébuche et se relève du haut de ses 4 ans, en tentant d’avancer à travers le labyrinthe de bois mort qui jonche le sol et rend le paysage méconnaissable.
« Quand je suis venue pour la première fois en juin cette année [2024], juste en entrant dans le chemin et en voyant tous les arbres brûlés, je pleurais en silence comme une maman sait le faire et Florence m’a dit “Maman, c’est pas ici le chalet, on est perdus”. »
Alors que Karine essayait d’expliquer la situation à sa fille en se faisant rassurante et en tentant de se retrouver dans le chemin qu’elle a pourtant parcouru des centaines de fois, elle était elle-même bouleversée par la destruction de la forêt qui l’a vue grandir. La cicatrice dans le paysage se ressentait jusque dans son corps alors qu’elle laissait les enfants à son conjoint à son arrivée au site de l’ancien camp pour se permettre d’aller pleurer un bon coup et d’encaisser le choc de ne pas reconnaître son chez-soi.

« On sait que c’est chez nous mais ce n’est plus chez nous en même temps. Le paysage est complètement différent. »
Les repères qui rendaient cet environnement cher à Karine ont disparu. De la canopée de bouleaux qui couvrait le chemin l’été aux sentiers de raquette qui sillonnaient la forêt, cet horizon désert qu’elle ne reconnaît plus la rend émotive, car elle a la sensation d’avoir tout perdu.

« C’est peut-être gros mais pour nous ça représentait tout. C’était notre cocon familial, c’était tous les souvenirs qu’on avait. »
Le camp où les trois générations se retrouvaient presque chaque weekend n’est plus là, comme volatilisé. Dans son absence, la mémoire pas si lointaine de la belle vie plane. À défaut de pouvoir retrouver autres choses que des débris, on tente de se remémorer le détail de chaque journée banale comme incroyable qui était documentée dans des agendas laissés sur place depuis les 20 dernières années.
Comment renouer avec la nature et profiter du territoire comme avant dans ce champ de ruines? Malgré le traumatisme dû aux événements et la prise de conscience face à la fragilité du milieu, la famille comme la communauté se tiennent plus serrés que jamais. Karine s’imagine retrouver ses habitudes d’ici 2 à 3 étés dans un camp reconstruit et une forêt où les bleuets auront repoussés. En attendant, tout le monde y met du sien un jour à la fois pour nettoyer et travailler sur la nouvelle structure qui leur permettra de passer du temps de qualité et d’écrire les souvenirs à venir dans de nouveaux agendas.
« Les enfants explorent, font des “soupes de bouette”, mangent des poissons qu’on pêche ensemble et ont la chance d’apprendre à vivre en communion avec la nature. C’est ce que nous on a vécu et c’est ce qu’on veut leur transmettre. »

Dans quelques années, les jeunes pousses du clan de Karine pourront profiter de l’accomplissement du travail de toute la famille en lisant les lignes qui témoigneront des temps durs comme des beaux moments. Dans cette communauté qui se retrouve tranquillement et où les chalets sont plus que des abris, mais plutôt un mode de vie, l’accès à la nature ne sera plus jamais pris pour acquis.
Texte initialement paru sur le blog de Hooké.
0 notes
Text
Myspace tumblr theme
{block:Description}
{/block:Description}
{block:Hidden}
{/block:Hidden}
/* Reset & Defaults */
/*! normalize.css v1.0.0 | MIT License | git.io/normalize */
article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,summary{display:block}audio,canvas,video{display:inline-block;*display:inline;*zoom:1}audio:not([controls]){display:none;height:0}[hidden]{display:none}html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}html,button,input,select,textarea{font-family:sans-serif}body{margin:0}a:focus{outline:thin dotted}a:active,a:hover{outline:0}h1{font-size:2em;margin:.67em 0}h2{font-size:1.5em;margin:.83em 0}h3{font-size:1.17em;margin:1em 0}h4{font-size:1em;margin:1.33em 0}h5{font-size:.83em;margin:1.67em 0}h6{font-size:.75em;margin:2.33em 0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}blockquote{margin:1em 40px}dfn{font-style:italic}mark{background:#ff0;color:#000}p,pre{margin:1em 0}code,kbd,pre,samp{font-family:monospace,serif;_font-family:'courier new',monospace;font-size:1em}pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word}q{quotes:none}q:before,q:after{content:'';content:none}small{font-size:75%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}dl,menu,ol,ul{margin:1em 0}dd{margin:0 0 0 40px}menu,ol,ul{padding:0 0 0 40px}nav ul,nav ol{list-style:none;list-style-image:none}img{border:0;-ms-interpolation-mode:bicubic}svg:not(:root){overflow:hidden}figure{margin:0}form{margin:0}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0;white-space:normal;*margin-left:-7px}button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle}button,input{line-height:normal}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer;*overflow:visible}button[disabled],input[disabled]{cursor:default}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0;*height:13px;*width:13px}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0}
body, html, * {
box-sizing: border-box;
word-wrap:break-word;
}
body {
background-color: {color:Background};
background-image: url('{image:Background}');
font-family: 'Verdana', sans-serif;
font-weight: normal;
font-size: 11px;
}
a, a:visited {
color: {color:Dark Blue};
font-weight: bold;
text-decoration: none;
}
a:hover {
color: {color:Light Blue};
}
p {
margin: 5px 0 10px 0;
padding: 0;
}
iframe, img, embed, object, video {
max-width: 100%;
}
h1, h2, h3, h4, h5, h6 {
margin: 0;
padding: 0;
font-size: 12px;
}
/* Structure */
footer, .container {
position: relative;
clear: both;
}
.container {
width: 880px;
margin: 0 auto;
}
#top-navigation {
background-color: {color:Dark Blue};
}
#search {
position: relative;
overflow: hidden;
margin: 0 auto;
padding: 20px;
}
#search form {
width: 80%;
margin: 0 auto;
}
#search input[type="text"] {
width: 80%;
float: left;
padding: 5px;
}
#search input[type="submit"] {
width: 18%;
float: right;
padding: 5px 15px;
}
#links {
background: {color:Light Blue};
}
#navigation {
margin: 0;
padding: 0;
list-style-type: none;
}
#navigation li {
display: inline-block;
padding: 10px 0 10px 10px;
}
#navigation li::after {
margin: 0 0 0 10px;
content: '|';
}
#navigation li a {
font-size: 11px;
color: {color:White};
font-weight: normal;
}
#navigation li a:hover {
color: {color:Black};
}
#profile {
background: {color:White};
overflow: hidden;
padding: 0 10px;
}
#sidebar {
width: 300px;
float: left;
}
#sidebar div {
margin: 20px 0;
}
#photo-box {
padding-top: 20px;
overflow: hidden;
}
#photo-box h1 {
font-size: 14px;
}
#profile-photo, #information {
width: 50%;
float: left;
}
#information {
padding-left: 10px;
}
#quote, #country {
display: block;
margin-bottom: 15px;
}
#information span {
display: block;
}
#url {
border: 1px solid {color:Light Blue};
padding: 5px;
}
#url h2 {
font-size: 11px;
}
#music {
position: relative;
background: url('http://static.tumblr.com/bpdtqce/eNEnoonrt/musicplayer.png') top left no-repeat;
background-size: 100% 100%;
overflow: hidden;
height: 50px;
max-width: 305px;
border: 1px solid {color:Black};
}
#music iframe {
position: absolute;
top: 12px;
height: 25px;
opacity: 0;
z-index: 0;
}
#music div {
position: absolute;
top: 10px;
left: 55px;
width: 75%;
margin: 0 !important;
}
#music span {
display: block;
color: {color:White};
font-weight: normal;
}
.artist {
font-weight: bold;
}
#interests, #details {
border: 1px solid {color:Light Blue};
padding: 2px;
}
#interests h2, #details h2 {
background: {color:Light Blue};
font-size: 11px;
color: {color:White};
margin: -2px -2px 2px -2px;
padding: 2px;
}
#interests table, #details table {
width: 100%;
}
#interests table tr, #details table tr {
border-bottom: 2px solid {color:White};
}
.sidebar-label {
width: 30%;
background: {color:Details Label};
border-right: 2px solid {color:White};
padding: 2px;
}
.sidebar-label span {
color: {color:Dark Blue};
font-size: 10px;
font-weight: bold;
}
.sidebar-content {
width: 70%;
background: {color:Details Content};
padding: 2px;
}
.sidebar-content span {
font-size: 10px;
}
#content {
width: 540px;
float: right;
}
#content div, #content article {
margin: 20px 0;
}
#extended-network {
border: 1px solid {color:Black};
padding: 20px;
text-align: center;
}
#extended-network span {
font-weight: bold;
font-size: 14px;
}
#blurbs h2 {
background: {color:Light Orange};
padding: 2px;
color: {color:Dark Orange};
}
#blurbs h3, #blurbs h3 a {
color: {color:Dark Orange};
margin: 5px 0;
}
#description {
margin: 0 !important;
}
.post-meta {
overflow: hidden;
margin-top: 10px;
}
.note-count, .reblogs {
width: 50%;
float: left;
margin: 0 !important;
}
.note-count {
text-align: right;
}
.notes {
margin: 0;
padding: 0;
list-style-type: none;
}
.notes li {
margin: 0;
padding: 5px;
font-size: 9px;
border-bottom: 1px solid {color:Background};
}
.notes li div {
margin: 0 !important;
}
{block:IndexPage}
{block:IfTwoColumnPosts}
.post{
width: 270px;
float: left;
padding: 10px !important;
}
.post:nth-child(odd) {
clear: left;
}
.caption {
display: none;
}
{block:IfTwoColumnPosts}
.post-container, .autopagerize_page_element {
margin: 0 !important;
}
article {
margin: 0 !important;
}
.post {
padding: 10px 0;
border-bottom: 1px solid {color:Background};
}
{/block:IndexPage}
.copyright {
text-align: center;
font-size: 9px;
padding: 10px;
}
/* Post Styles */
.link a {
font-size: 12px;
}
.chat ul {
margin: 0;
padding: 0;
list-style-type: none;
}
.chat ul li {
padding: 2px;
}
.odd {
background: {color:Background};
}
.source {
text-align: right;
}
.source::before {
content: '-';
}
blockquote {
margin: 0;
border-left: 2px solid {color:Light Orange};
padding: 0 10px;
}
.html_photoset {
margin: 0 !important;
}
.question {
background:{color:Background};
padding: 20px;
overflow: hidden;
}
.question img {
float: left;
margin-right: 10px;
}
.like_and_reblog_buttons {
margin: 0;
padding: 0;
list-style-type: none;
}
.like_and_reblog_buttons li {
display: inline-block;
padding: 0 5px;
}
.like_button {
margin: 0 !important;
padding: 0;
}
.tag-container {
clear: both;
padding: 2px;
background: {color:Light Orange};
}
.tags {
margin: 0;
padding: 0;
list-style-type: none;
}
.tags li {
display: inline-block;
margin-right: 10px;
font-size: 9px;
}
.tags li a {
color: {color:Dark Orange};
}
.tags li a:hover {
color: {color:Black};
}
#pagination {
clear: both;
text-align: center;
}
#pagination ul li {
display: inline-block;
margin: 0 10px;
}
/* Custom CSS */
{CustomCSS}
{block:IfNotTwoColumnPosts}
{/block:IfNotTwoColumnPosts}
Home
{block:HasPages}
{block:Pages}
{Label}
{/block:Pages}
{/block:HasPages}
{block:SubmissionsEnabled}
{SubmitLabel}
{/block:SubmissionsEnabled}
{block:AskEnabled}
{AskLabel}
{/block:AskEnabled}
Archive
Theme
{Title}
"{text:Quote}"
{text:Gender}
{text:Age}
{text:Town}
{text:Country}
Tumblr URL:
{BlogURL}
{block:IfYouTubeVideoID}
{text:Song}
{text:Artist}
{/block:IfYouTubeVideoID}
{block:IfInterest1Label}
{text:Name}'s Interests
{text:Interest 1 Label}
{text:Interest 1 Content}
{block:IfInterest2Label}
{text:Interest 2 Label}
{text:Interest 2 Content}
{/block:IfInterest2Label}
{block:IfInterest3Label}
{text:Interest 3 Label}
{text:Interest 3 Content}
{/block:IfInterest3Label}
{block:IfInterest4Label}
{text:Interest 4 Label}
{text:Interest 4 Content}
{/block:IfInterest4Label}
{block:IfInterest5Label}
{text:Interest 5 Label}
{text:Interest 5 Content}
{/block:IfInterest5Label}
{/block:IfInterest1Label}
{block:IfDetail1Label}
{text:Name}'s Details
{text:Detail 1 Label}
{text:Detail 1 Content}
{block:IfDetail2Label}
{text:Detail 2 Label}
{text:Detail 2 Content}
{/block:IfDetail2Label}
{block:IfDetail3Label}
{text:Detail 3 Label}
{text:Detail 3 Content}
{/block:IfDetail3Label}
{block:IfDetail4Label}
{text:Detail 4 Label}
{text:Detail 4 Content}
{/block:IfDetail4Label}
{block:IfDetail5Label}
{text:Detail 5 Label}
{text:Detail 5 Content}
{/block:IfDetail5Label}
{/block:IfDetail1Label}
{text:Name} is in your extended network.
{block:IndexPage}
{text:Name}'s Blurbs
About Me:
{block:Description}
{Description}
{/block:Description}
{text:Name}'s Posts
{/block:IndexPage}
{block:TagPage}
Posts tagged "{Tag}"
{/block:TagPage}
{block:Posts}
{block:Text}
{block:Title}
{Title}
{/block:Title}{Body}
{/block:Text}
{block:Photo}
{block:IndexPage}
{LinkOpenTag}
{block:IfTwoColumnPosts}
{/block:IfTwoColumnPosts}
{block:IfNotTwoColumnPosts}
{/block:IfNotTwoColumnPosts}
{LinkCloseTag}
{/block:IndexPage}
{block:PermalinkPage}
{LinkOpenTag}
{LinkCloseTag}
{/block:PermalinkPage}
{block:Caption}
{Caption}
{/block:Caption}
{/block:Photo}
{block:Panorama}
{LinkOpenTag}
{LinkCloseTag}
{block:Caption}
{Caption}
{/block:Caption}
{/block:Panorama}
{block:Photoset}
{block:IndexPage}
{LinkOpenTag}
{block:IfTwoColumnPosts}
{Photoset-250}
{/block:IfTwoColumnPosts}
{block:IfNotTwoColumnPosts}
{Photoset}
{/block:IfNotTwoColumnPosts}
{LinkCloseTag}
{/block:IndexPage}
{block:PermalinkPage}
{Photoset}
{/block:PermalinkPage}
{block:Caption}
{Caption}
{/block:Caption}
{/block:Photoset}
{block:Quote}
“{Quote}”
{block:Source}
{Source}
{/block:Source}
{/block:Quote}
{block:Link}
{Name}
{block:Description}
{Description}
{/block:Description}
{/block:Link}
{block:Chat}
{block:Title}
{Title}
{/block:Title}
{block:Lines}
{block:Label}
{Label}
{/block:Label}
{Line}
{/block:Lines}
{/block:Chat}
{block:Video}
{Video-700}
{block:Caption}
{Caption}
{/block:Caption}
{/block:Video}
{block:Audio}
{block:AudioEmbed}
{AudioEmbed}
{/block:AudioEmbed}
{block:AudioPlayer}
{AudioPlayer}
{/block:AudioPlayer}
{block:Caption}
{Caption}
{/block:Caption}
{/block:Audio}
{block:Answer}
{Asker}: {Question} {Answer}
{/block:Answer}
{block:Date}
{ReblogButton}
{LikeButton}
{NoteCountWithLabel}
{block:PermalinkPage}
{block:HasTags}
{block:Tags}
{Tag}
{/block:Tags}
{/block:HasTags}
{block:PostNotes}
{PostNotes}
{/block:PostNotes}
{/block:PermalinkPage}
{/block:Date}
{/block:Posts}
{block:Pagination}
{block:PreviousPage}← Newer Posts{/block:PreviousPage}
{block:NextPage}Older Posts →{/block:NextPage}
{/block:Pagination}
Copyright © {CopyrightYears} {Title}.
{block:IndexPage}
{block:IfTwoColumnPosts}
$(document).ready(function() {
$('.autopagerize_page_element').freetile({
selector: '.post',
animate: true,
elementDelay: 10
});
});
{/block:IfTwoColumnPosts}
{/block:IndexPage}
{block:IfNotTwoColumnPosts}
$(document).ready(function() {
$("#sidebar").stick_in_parent();
});
{/block:IfNotTwoColumnPosts}
0 notes
Link
0 notes
Text
<script id="hidden-code-script" type="application/javascript">
(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = https://poshmark.com/widget/js-sdk?username=mendykg2&widget_id=671ab594209e9627fd39fce0&w_ver=2
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'poshmark-jssdk'));
</script><div id="hidden-code-div" data-posts-count="8" data-width="300" data-widget-id="671ab594209e9627fd39fce0" data-friend-user-names="paige303320,jynnifer09,lmama85,claesey,krazyresalelady" class="poshmark-closet-widget"><style type="text/css">
.footer-section .shop-more{
text-align: center;
background: #fff;
border-bottom: 2px solid #f5f2ee;
border-right: 2px solid #f5f2ee;
border-left: 2px solid #f5f2ee;
margin-top: -14px;
padding-bottom: 10px;
font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
font-size:14px;
color:#000;
}
.footer-section .shop-more a{
text-decoration: none;
color:#000;
}
.footer-section .shop-more a:hover{
text-decoration: underline;
}
</style><div class="footer-section" style="width: 200px;"><div class="shop-more">
Shop more of <a href=https://poshmark.com/closet/mendykg2?referrer_widget_id=671ab594209e9627fd39fce0&utm_source=cwgt title="mendykg2" target="_blank" class="black">my listings</a> on
<a href=https://poshmark.com/?referrer_widget_id=671ab594209e9627fd39fce0&utm_source=cwgt target="_blank" title="Poshmark" class="black">Poshmark</a></div></div></div>
1 note
·
View note
Text
i'm back with another version of this ao3 skin! this time i've made a vibrant neon version. only use if you're fine with your eyes falling out. the image i used for the header is "Pattern Galaxy Space Planets Neon Universe" by Arncil on Redbubble
copy the code under "keep reading":
Background color: #191140
Text color: #f6f9ff
Header color: #fd6c69
Accent color: #26aaaf
COPY AND PASTE ALL CODE BELOW
#workskin { font-size: 95%; } li.blurb .tags { max-height: 7.5em; overflow-y: auto; } #header { min-height: 0; } #header a, #header fieldset, #header ul.primary, #header ul.primary .current { border: 0; background: 0; } h1 a img { height: 50px; border: 0; } #header .landmark { clear: none; } #header ul.primary { background: rgba(0,0,0,0.65); border-bottom: 1px solid rgba(0,0,0,0.75); } #header ul.primary, #header ul.primary .current, ul.primary.actions a, #header ul.primary .current { color: #f6f9ff; } #header ul.primary .current, #header #search input, #header #search input:focus { background: rgba(0,0,0,0.25); color: #f6f9ff; box-shadow: inset 0 0 3px #125c77; border-color: #125c77; } .actions, .actions input { text-transform: lowercase; } blockquote.userstuff { font-family: "Mido", "AUdimat", "Ostrich Sans Rounded","Lucida Grande", sans-serif !important; position: relative; background: rgba(0,0,0,0.1); padding: 2%; border: 1px solid rgba(0,0,0,0.15); box-shadow: 0 0 2px rgba(0,0,0,0.4); } blockquote.userstuff:after { content: "\201D"; right: 0; top: auto; left: auto; } body, .userstuff { font-family: Mido, Georgia, serif; } .heading, .userstuff h3, .userstuff h4 { font-family: "CabinSketch", Georgia,serif; } #main .heading { color: #ffbd6a; } #inner .group, #inner .heading, fieldset, .verbose legend, table, table th, col.name, span.unread, span.replied { outline: none; background: transparent; border-color: #125c77; border-style: double; box-shadow: none; border-radius: 2em; border-bottom-right-radius: 0; border-top-left-radius: 0; } #inner .group .group .group, col.name { border-style: double; border-color: #f6f9ff; box-shadow: 0 0 2px #000; } #inner .bookmark .user.module, #inner .wrapper { border: 0; border-radius: 0; border-top: 3px double #125c77; box-shadow: none; } .filters { font-size: 90%; } .toggled form, .dynamic form, .secondary, .dropdown { background: #fff url("/images/skins/textures/tiles/white-handmade-paper.jpg"); } a.tag, a.tag:visited, a.tag:link { display: inline-block; padding: 1px 3px; margin: 2px 0px; border: 2px solid #3b1a8c; border-radius: 5px; } .commas li:after { content: ""; } h5.fandoms.heading { color: transparent; } .favorite a.tag { border: none; } .tags li.relationships:nth-of-type(3n+1) a.tag { background-color: #9d326a; } .tags li.relationships:nth-of-type(3n+2) a.tag { background-color: #ac447a; } .tags li.relationships:nth-of-type(3n+3) a.tag { background-color: #bd588d; } .tags li.characters:nth-of-type(3n+1) a.tag { background-color: #ae359a; } .tags li.characters:nth-of-type(3n+2) a.tag { background-color: #b94ba7; } .tags li.characters:nth-of-type(3n+3) a.tag { background-color: #cf67be; } .tags li.freeforms:nth-of-type(3n+1) a.tag { background-color: #9436b1; } .tags li.freeforms:nth-of-type(3n+2) a.tag { background-color: #a84cc4; } .tags li.freeforms:nth-of-type(3n+3) a.tag { background-color: #bd6bd5; } .tags li.freeforms a.tag:hover, .tags li.characters a.tag:hover, .tags li.relationships a.tag:hover { background-color: #fd6c69; color: white; } #header .logo { display: none; } #header ul.primary { box-shadow: none; padding-top: 30px; padding-bottom: 30px; background: #FCC191 url(https://i.pinimg.com/564x/75/0c/a3/750ca394d1d2cdc8a999cdd393eef164.jpg); background-attachment: fixed; } li.blurb a.tag[href*="suicid"], [href*="suicide"], [href*="Suicide"], [href*="rape"], [href*="Rape"], [href*="consentual"], [href*="Consentual"], [href*="non-con"], [href*="consent issues"], [href*="Kidnapping"], [href*="kidnapping"], [href*="Canibalism"], [href*="cannibalism"], [href*="Cannibalism"], [href*="Dove"], [href*="dead dove do not eat"], [href*="murder"], [href*="Murder"], [href*="harm"], [href*="self harm"], [href*="Harm"], [href*="Torture"], [href*="abduction"], [href*="asphyxiation"], [href*="blood"], [href*="Blood"], [href*="death"], [href*="Death"], [href*="gore"], [href*="Gore"], [href*="incest"], [href*="Incest"], [href*="trauma"], [href*="Trauma"], [href*="torture"] { color: #000000; font-weight: bold; background-color: #fd6c69; }
ao3 skin that i made!! (copy code under "keep reading")
it's a messy combination of pieces of code from other people's skins and my own changes
the header image is NOT MINE! it is "Pattern Galaxy Space Planets Vibrant Linear Universe" by Arncil on Redbubble, which i just used as an example for an image you could use!
here are some of the skins that i can remember using as part of this, but i've been building it for years so forgive me if i forget some:
Shortening long tag fields by Xparrot (on ao3)
Slim Shaded by AO3 (on ao3)
Lily Garden by tealtiam (on Tumblr)
AO3 Tag category coloring! by ao3css (on Tumblr)
come back here to my tips or leave a comment if you need some help customizing the code!
Background color: #26303C
Text color: #CBC6C3
Header color: #46626D
Accent color: #993F33
steps to create a new skin using this code:
log into ao3 account
go to dashboard >> skins
click "create site skin"
make sure TYPE is "site skin"
add a unique title
copy all code below
paste into field 'CSS'
click on "use wizard" at the top
copy and paste the four colors written above into their corresponding boxes
click SUBMIT
click USE
how to customize this skin:
FONT SIZE: at the very top of the code, change the "90%" to be bigger or smaller to change the font size within a fic
MAIN COLORS: to change the main colors, select "use wizard" when editing the skin and replace any of the four hex codes under "Background color:", "Text color:", "Header color:", and "Accent color:"
SECONDARY COLORS: find all hex codes within the code and change those numbers as you like! i changed all colors to match with the color palette of the header photo that i chose to make it feel cohesive
TAG COLORS: towards the end, the "relationship", "character", and "freeform" tags alternate three colors to make them easy to separate. in this skin they are all very similar, so you can change those to be whatever colors you like!
HEADER PHOTO: find the link towards the end of the code right before the warning tags and replace it with a link to any photo you like! it loops, so you don't have to worry about sizing or anything
FONT: i'm unsure how exactly to do this, but the in-fic font is currently set to Georgia Serif, so i suppose just go find that and replace it with your preferred font!
BORDER STYLES: wherever you see the code "border-style:", replace the word that comes after it with one of these options: none, solid, dashed, dotted, double, groove, ridge, inset, outset, or hidden
WARNING TAGS: at the very end of the code is a list of words or phrases that, when they appear in the tags of a fic, are highlighted in a contrasting color so that they are easy to avoid if necessary. you can add or remove those tags however you like, or change the warning color!
COPY AND PASTE ALL CODE BELOW
#workskin { font-size: 90%; } li.blurb .tags { max-height: 7.5em; overflow-y: auto; } #header { min-height: 0; } #header a, #header fieldset, #header ul.primary, #header ul.primary .current { border: 0; background: 0; } h1 a img { height: 50px; border: 0; } #header .landmark { clear: none; } #header ul.primary { background: rgba(0,0,0,0.65); border-bottom: 1px solid rgba(0,0,0,0.75); } #header ul.primary, #header ul.primary .current, ul.primary.actions a, #header ul.primary .current { color: #CBC6C3; } #header ul.primary .current, #header #search input, #header #search input:focus { background: rgba(0,0,0,0.25); color: #CBC6C3; box-shadow: inset 0 0 3px #131A2A; border-color: #131A2A; } .actions, .actions input { text-transform: lowercase; } blockquote.userstuff { font-family: "Mido", "AUdimat", "Ostrich Sans Rounded","Lucida Grande", sans-serif !important; position: relative; background: rgba(0,0,0,0.1); padding: 2%; border: 1px solid rgba(0,0,0,0.15); box-shadow: 0 0 2px rgba(0,0,0,0.4); } blockquote.userstuff:after { content: "\201D"; right: 0; top: auto; left: auto; } body, .userstuff { font-family: Mido, Georgia, serif; } .heading, .userstuff h3, .userstuff h4 { font-family: "CabinSketch", Georgia,serif; } #main .heading { color: #CBC6C3; } #inner .group, #inner .heading, fieldset, .verbose legend, table, table th, col.name, span.unread, span.replied { outline: none; background: transparent; border-color: #131A2A; border-style: double; box-shadow: none; border-radius: 2em; border-bottom-right-radius: 0; border-top-left-radius: 0; } #inner .group .group .group, col.name { border-style: double; border-color: #CBC6C3; box-shadow: 0 0 2px #000; } #inner .bookmark .user.module, #inner .wrapper { border: 0; border-radius: 0; border-top: 3px double #bbb; box-shadow: none; } .filters { font-size: 90%; } .toggled form, .dynamic form, .secondary, .dropdown { background: #fff url("/images/skins/textures/tiles/white-handmade-paper.jpg"); } a.tag, a.tag:visited, a.tag:link { display: inline-block; padding: 1px 3px; margin: 2px 0px; border: 2px solid #46626D; border-radius: 5px; } .commas li:after { content: ""; } h5.fandoms.heading { color: transparent; } .favorite a.tag { border: none; } .tags li.relationships:nth-of-type(3n+1) a.tag { background-color: #1d3954; } .tags li.relationships:nth-of-type(3n+2) a.tag { background-color: #264663; } .tags li.relationships:nth-of-type(3n+3) a.tag { background-color: #305475; } .tags li.characters:nth-of-type(3n+1) a.tag { background-color: #214154; } .tags li.characters:nth-of-type(3n+2) a.tag { background-color: #294c61; } .tags li.characters:nth-of-type(3n+3) a.tag { background-color: #31576e; } .tags li.freeforms:nth-of-type(3n+1) a.tag { background-color: #234e54; } .tags li.freeforms:nth-of-type(3n+2) a.tag { background-color: #2a585e; } .tags li.freeforms:nth-of-type(3n+3) a.tag { background-color: #316269; } .tags li.freeforms a.tag:hover, .tags li.characters a.tag:hover, .tags li.relationships a.tag:hover { background-color: #26303C; color: white; } #header .logo { display: none; } #header ul.primary { box-shadow: none; padding-top: 30px; padding-bottom: 30px; background: #FCC191 url(https://i.pinimg.com/564x/8c/bc/ae/8cbcae1760dc88ae8730566337a5d2eb.jpg); background-attachment: fixed; } li.blurb a.tag[href*="suicid"], [href*="suicide"], [href*="Suicide"], [href*="rape"], [href*="Rape"], [href*="consentual"], [href*="Consentual"], [href*="non-con"], [href*="consent issues"], [href*="Kidnapping"], [href*="kidnapping"], [href*="Canibalism"], [href*="cannibalism"], [href*="Cannibalism"], [href*="Dove"], [href*="dead dove do not eat"], [href*="murder"], [href*="Murder"], [href*="harm"], [href*="self harm"], [href*="Harm"], [href*="Torture"], [href*="abduction"], [href*="asphyxiation"], [href*="blood"], [href*="Blood"], [href*="death"], [href*="Death"], [href*="gore"], [href*="Gore"], [href*="incest"], [href*="Incest"], [href*="trauma"], [href*="Trauma"], [href*="torture"] { color: #000000; font-weight: bold; background-color: #993F33; }
1K notes
·
View notes
Text
<style>
/* customizable snowflake styling */
.snowflake {
color: #fff;
font-size: 1em;
font-family: Arial, sans-serif;
text-shadow: 0 0 5px #000;
}
@-webkit-keyframes snowflakes-fall{0%{top:-10%}100%{top:100%}}@-webkit-keyframes snowflakes-shake{0%,100%{-webkit-transform:translateX(0);transform:translateX(0)}50%{-webkit-transform:translateX(80px);transform:translateX(80px)}}@keyframes snowflakes-fall{0%{top:-10%}100%{top:100%}}@keyframes snowflakes-shake{0%,100%{transform:translateX(0)}50%{transform:translateX(80px)}}.snowflake{position:fixed;top:-10%;z-index:9999;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:default;-webkit-animation-name:snowflakes-fall,snowflakes-shake;-webkit-animation-duration:10s,3s;-webkit-animation-timing-function:linear,ease-in-out;-webkit-animation-iteration-count:infinite,infinite;-webkit-animation-play-state:running,running;animation-name:snowflakes-fall,snowflakes-shake;animation-duration:10s,3s;animation-timing-function:linear,ease-in-out;animation-iteration-count:infinite,infinite;animation-play-state:running,running}.snowflake:nth-of-type(0){left:1%;-webkit-animation-delay:0s,0s;animation-delay:0s,0s}.snowflake:nth-of-type(1){left:10%;-webkit-animation-delay:1s,1s;animation-delay:1s,1s}.snowflake:nth-of-type(2){left:20%;-webkit-animation-delay:6s,.5s;animation-delay:6s,.5s}.snowflake:nth-of-type(3){left:30%;-webkit-animation-delay:4s,2s;animation-delay:4s,2s}.snowflake:nth-of-type(4){left:40%;-webkit-animation-delay:2s,2s;animation-delay:2s,2s}.snowflake:nth-of-type(5){left:50%;-webkit-animation-delay:8s,3s;animation-delay:8s,3s}.snowflake:nth-of-type(6){left:60%;-webkit-animation-delay:6s,2s;animation-delay:6s,2s}.snowflake:nth-of-type(7){left:70%;-webkit-animation-delay:2.5s,1s;animation-delay:2.5s,1s}.snowflake:nth-of-type(8){left:80%;-webkit-animation-delay:1s,0s;animation-delay:1s,0s}.snowflake:nth-of-type(9){left:90%;-webkit-animation-delay:3s,1.5s;animation-delay:3s,1.5s}.snowflake:nth-of-type(10){left:25%;-webkit-animation-delay:2s,0s;animation-delay:2s,0s}.snowflake:nth-of-type(11){left:65%;-webkit-animation-delay:4s,2.5s;animation-delay:4s,2.5s}
</style>
<div class="snowflakes" aria-hidden="true">
<div class="snowflake">
<img src= "https://64.media.tumblr.com/738a9f2890e32975c60f61b770cb655a/0088efe409e46f55-07/s1280x1920/9181e7406e782df430c677d3667336bf908d59b2.pnj" width="20px">
</div>
<div class="snowflake">
<img src= "https://64.media.tumblr.com/738a9f2890e32975c60f61b770cb655a/0088efe409e46f55-07/s1280x1920/9181e7406e782df430c677d3667336bf908d59b2.pnj" width="20px">
</div>
<div class="snowflake">
<img src= "https://64.media.tumblr.com/738a9f2890e32975c60f61b770cb655a/0088efe409e46f55-07/s1280x1920/9181e7406e782df430c677d3667336bf908d59b2.pnj" width="20px">
</div>
<div class="snowflake">
<img src= "https://64.media.tumblr.com/738a9f2890e32975c60f61b770cb655a/0088efe409e46f55-07/s1280x1920/9181e7406e782df430c677d3667336bf908d59b2.pnj" width="20px">
</div>
<div class="snowflake">
<img src= "https://64.media.tumblr.com/738a9f2890e32975c60f61b770cb655a/0088efe409e46f55-07/s1280x1920/9181e7406e782df430c677d3667336bf908d59b2.pnj" width="20px">
</div>
<div class="snowflake">
<img src= "https://64.media.tumblr.com/738a9f2890e32975c60f61b770cb655a/0088efe409e46f55-07/s1280x1920/9181e7406e782df430c677d3667336bf908d59b2.pnj" width="20px">
</div>
<div class="snowflake">
<img src= "https://64.media.tumblr.com/738a9f2890e32975c60f61b770cb655a/0088efe409e46f55-07/s1280x1920/9181e7406e782df430c677d3667336bf908d59b2.pnj" width="20px">
</div>
<div class="snowflake">
<img src= "https://64.media.tumblr.com/738a9f2890e32975c60f61b770cb655a/0088efe409e46f55-07/s1280x1920/9181e7406e782df430c677d3667336bf908d59b2.pnj" width="20px">
</div>
<div class="snowflake">
<img src= "https://64.media.tumblr.com/738a9f2890e32975c60f61b770cb655a/0088efe409e46f55-07/s1280x1920/9181e7406e782df430c677d3667336bf908d59b2.pnj" width="20px">
</div>
<div class="snowflake">
<img src= "https://64.media.tumblr.com/738a9f2890e32975c60f61b770cb655a/0088efe409e46f55-07/s1280x1920/9181e7406e782df430c677d3667336bf908d59b2.pnj" width="20px">
</div>
<div class="snowflake">
<img src= "https://64.media.tumblr.com/738a9f2890e32975c60f61b770cb655a/0088efe409e46f55-07/s1280x1920/9181e7406e782df430c677d3667336bf908d59b2.pnj" width="20px">
</div>
<div class="snowflake">
<img src= "https://64.media.tumblr.com/738a9f2890e32975c60f61b770cb655a/0088efe409e46f55-07/s1280x1920/9181e7406e782df430c677d3667336bf908d59b2.pnj" width="20px">
</div>
</div>
0 notes
Text
This goes into the style section!
/IF YOU ARE READING THIS: This code was made by Fable; don't steal it and/or claim it as your own. That's not cool. Leave ALL coding credit intact./
/BODY/
@import url('https://fonts.googleapis.com/css2?family=Crete+Round&family=Lexend&display=swap');
body { background: linear-gradient(rgba(175, 222, 237, 1) 0%, rgba(247, 221, 169, 1) 86%); color: #73563f; font-family: 'Lexend', sans-serif; font-size: 11px; letter-spacing: .5px; word-spacing: 1px; }
::-webkit-scrollbar { width: 0px; }
::-webkit-scrollbar-track, ::-webkit-scrollbar-thumb { background: transparent; }
/---LAYOUT---/
.ab { position: absolute; }
main {
inset: 0; margin: auto; width: 650px; height: 650px; }
/---IMAGES---/
.img { top: 10px; width: 200px; height: 325px; box-shadow: 0px 0px 5px 1px #bfac91; }
.i1 { left: 10px; background-image: url('https://i.imgur.com/n8TJJJe.jpeg'); background-size: 210%; background-position: center 32%; }
.i2 { right: 10px; width: 200px; background-image: url('https://i.imgur.com/06G7qz5.jpeg'); background-size: 205%; background-position: center 33%; }
/---BOXES---/
box {
overflow-x: hidden; overflow-y: auto; background: #f7ead5; box-shadow: 0px 0px 5px 1px #bfac91; padding: 5px; }
.stats { top: 10px; left: 0; right: 0; margin: auto; width: 190px; height: 315px; line-height: 200%; }
.about { bottom: 55px; left: 10px; width: 618px; height: 180px; }
.ooc { bottom: 10px; left: 10px; width: 618px; height: 20px; line-height: 20px; font-size: 90%; text-align: center; }
/---TEXT---/
.title, h2 { font-family: 'Crete Round', serif; text-align: center; }
.title { bottom: 245px; width: 650px; height: 50px; font-size: 42px; letter-spacing: 10px; word-spacing: 10px; line-height: 80%; color: #649c9c; font-variant: small-caps; }
h2 { position: relative; top: -10px; font-family: 'Crete Round', serif; font-size: 16px; letter-spacing: 5px; margin-bottom: -10px; color: #649c9c; font-weight: normal; }
b, strong { color: #649c9c; text-transform: uppercase; }
i, italics { color: #649c9c; }
a { color: #649c9c; transition: all 300ms linear; text-decoration: none; }
a:hover { color: #000; }
p { text-indent: 25px; }
li { list-style-type: circle; padding-left: 25px; margin-left: 15px; }
/CODING CREDIT - DO NOT REMOVE THIS SECTION/
.code { position: absolute; bottom: 1%; right: 1%; width: 100px; height: 25px; }
a.code { font-size: 95%; color: #baa88a; font-weight: bold; text-transform: none; }
0 notes
Text
Estilo de ask:
bom, é super fácil fazer esse estilo, eu achei ele fofinho. Então vamos lá. No seu css(entre <style> e </style>) cole este código:
@-webkit-keyframes agatha {
0% {-webkit-transform: rotate(0deg);}
10% {-webkit-transform: rotate(10deg);}
20% {-webkit-transform: rotate(10deg);}
30% {-webkit-transform: rotate(10deg);}
40% {-webkit-transform: rotate(10deg);}
50% {-webkit-transform: rotate(10deg);}
60% {-webkit-transform: rotate(-10deg);}
70% {-webkit-transform: rotate(-10deg);}
80% {-webkit-transform: rotate(-10deg);}
90% {-webkit-transform: rotate(-10deg);}
100% {-webkit-transform: rotate(-10deg);}
}
.aperguntaemsi {background: #85677f; padding: 8px; font-family: ‘play’; font-size: 11px; color: #fff; text-transform: uppercase; border-radius: 0px 25px 0px 0px; -webkit-border-radius: 0px 25px 0px 0px;}
.quemperguntou {background: #a8cae2; font-family: ‘arial’; font-size: 11px; color: #fff; padding: 9px; text-transform: uppercase;}
.quemperguntou a:hover {margin-left: 20px;}
.quemperguntou a {color: #000;}
.quemperguntou f {color: #c5c5c5;}
.fotodaask {margin-left: 0px; float: left; margin-top: 0px;}
.fotodaask:hover { margin-left: 20px;-webkit-animation: agatha 0.5s alternate infinite linear;}
e agora apague tudo que estiver entre {block:Answer} e {/block:Answer} e coloque:
<div class=”aperguntaemsi”>{Question}</div>
<img src=”{AskerPortraitURL-30}” class=”fotodaask”>
<div class=”quemperguntou”><a>{Asker} falou à {TimeAgo}: </a></div>
{Answer}
{/block:Answer}
0 notes
Text
Account Setup
Account Setup body { font-family: Arial, sans-serif; margin: 0; padding: 0; background-color: #f9f9f9; } .container { max-width: 600px; margin: 20px auto; padding: 20px; background-color: #fff; border-radius: 5px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); } h1 { color: #333; text-align: center; } p { color: #666; line-height: 1.6; } strong { color: #000; } a { display: block; width: 200px; margin:…
View On WordPress
0 notes
Text
Malaysia’s top court rules some Islamic laws in Kelantan unconstitutional

Malaysia’s top court has ruled that 16 Islamic laws in the northeastern state of Kelantan are unconstitutional in a landmark decision that could have major implications for the country’s legal system.
By an 8-1 majority, the Federal Court ruled on Friday that the Kelantan state government did not have the power to enact the laws, on offences from sodomy to sexual harassment, possession of false information, intoxication and scale measurements, because they were already covered by federal law and were the responsibility of the federal parliament.
.adtnl6r-container { display: flex; flex-direction: column; align-items: center; width: 80%; max-width: 600px; margin: 20px auto; background-color: #FF3300; border: 1px solid #ddd; border-radius: 10px; overflow: hidden; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); } .adtnl6r-banner { width: 100%; max-height: 250px; overflow: hidden; border-bottom: 1px solid #ddd; } .adtnl6r-banner img { width: 100%; height: auto; max-height: 250px; } .adtnl6r-content { width: 100%; padding: 20px; box-sizing: border-box; text-align: center; } .adtnl6r-title { font-size: 1.8em; font-weight: bold; margin-bottom: 10px; color: #fff; } .adtnl6r-description { font-size: 1.2em; color: #fff; margin-bottom: 15px; } .adtnl6r-learn-more-button { display: inline-block; padding: 10px 20px; font-size: 1.2em; font-weight: bold; text-decoration: none; background-color: #0066CC; color: #fff; border-radius: 50px; /* Pill style border-radius */ border-color: #0066CC; transition: background-color 0.3s; } .adtnl6r-learn-more-button:hover { background-color: #45a049; color: #000; } .adtnl6r-marker { font-size: 0.8em; color: #fff; margin-top: 10px; }
Your Path to Online Virality! Reach people through websites, mobile apps, blogs, Facebook, Instagram, TikTok, LinkedIn, etc.
Advertise Everywhere!
Take Action
Ads by Adtional
Malaysia is a federal country where states have jurisdiction over laws related to Islam, the official religion. It also operates a dual legal system where Islamic law applies to Muslims, who make up just over 60 percent of the population, in personal and family matters, as well as the practice of their religion. All other offences are handled by the civil courts.
Kelantan, seen as the heartland of ethnic Malay Muslim culture, has been ruled by the opposition Parti Islam SeMalaysia (PAS) since 1990.
“The power of parliament and state legislatures are limited by the Federal Constitution and they cannot make any laws they like,” Chief Justice Tengku Maimun Tuan Mai was quoted as saying by Malaysia’s BFM radio as she delivered the findings of the nine-judge panel.
The case was brought in 2022 by Kelantan lawyer Nik Elin Zurina Nik Abdul Rashid and her daughter after the state government passed a new set of laws on Islamic offences.
The two challenged the constitutionality of 18 of the laws arguing that they were beyond the jurisdiction of the state assembly and already covered by parliament.
The Federal Court did not strike down the two other laws and stressed that the two women had not brought the case to challenge the position of Islam or the Islamic legal system.
About 1,000 people including PAS supporters and conservative Muslims gathered outside the court in Putrajaya ahead of the ruling.
.adtnl6r-container { display: flex; flex-direction: column; align-items: center; width: 80%; max-width: 600px; margin: 20px auto; background-color: #FF3300; border: 1px solid #ddd; border-radius: 10px; overflow: hidden; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); } .adtnl6r-banner { width: 100%; max-height: 250px; overflow: hidden; border-bottom: 1px solid #ddd; } .adtnl6r-banner img { width: 100%; height: auto; max-height: 250px; } .adtnl6r-content { width: 100%; padding: 20px; box-sizing: border-box; text-align: center; } .adtnl6r-title { font-size: 1.8em; font-weight: bold; margin-bottom: 10px; color: #fff; } .adtnl6r-description { font-size: 1.2em; color: #fff; margin-bottom: 15px; } .adtnl6r-learn-more-button { display: inline-block; padding: 10px 20px; font-size: 1.2em; font-weight: bold; text-decoration: none; background-color: #0066CC; color: #fff; border-radius: 50px; /* Pill style border-radius */ border-color: #0066CC; transition: background-color 0.3s; } .adtnl6r-learn-more-button:hover { background-color: #45a049; color: #000; } .adtnl6r-marker { font-size: 0.8em; color: #fff; margin-top: 10px; }
Your Path to Online Virality! Reach people through websites, mobile apps, blogs, Facebook, Instagram, TikTok, LinkedIn, etc.
Advertise Everywhere!
Take Action
Ads by Adtional
0 notes