#border-right: 2px solid

[krisztapwonderland]

Please check out my Poshmark closet!

Please check out my favorite poshers as well below.

THANK YOU SO MUCH!

[robindavis]

Shop more of my listings on Poshmark

[dannychai1617]

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; }

[mineyrella]

So I created an ao3 skin and I would like to share it for anyone who wants to use it 💞

Here’s the code >>>

•Wizard Settings

Can be overridden by custom CSS :

Background color:

#FCEBFC

Text color:

#AF7E98

Header color:

#B34A81

Accent color:

#EABEE4

•CSS:

:root {

--background-color: #f9e3f2;

--text-color: #4d494a;

--form-background: #fdeff5;

}

body {

font-family: sans-serif;

}

.wrapper {

background-color: white;

border: 2px solid #f3c2e3;

}

#header {

padding: 10px;

margin-bottom: 15px;

}

#header a {

text-decoration: none;

}

#header a:hover {

text-decoration: underline;

}

#header ul.navigation.actions.user.signed-in {

display: flex;

justify-content: flex-end;

padding: 10px;

}

#main {

padding: 20px;

}

.heading {

padding: 8px;

margin-bottom: 10px;

font-weight: bold;

}

input[type="text"],

input[type="date"],

textarea,

select {

border: 1px solid #f3c2e3;

padding: 8px;

margin: 5px 0;

}

input[type="radio"],

input[type="checkbox"] {

margin-right: 5px;

}

.button,

input[type="submit"],

button {

border: none;

padding: 10px 20px;

cursor: pointer;

border-radius: 4px;

margin-bottom: 5px;

}

.button:hover,

input[type="submit"]:hover,

button:hover {

background-color: #e687b0;

}

#new_work_form .actions .button {

border: none;

padding: 10px 20px;

margin: 5px 5px 5px 0;

cursor: pointer;

border-radius: 4px;

}

.actions .button.current {

border: none;

padding: 10px 20px;

margin: 5px 5px 5px 0;

cursor: pointer;

border-radius: 4px;

}

#work_search_form .submit .button {

border: none;

padding: 10px 20px;

margin: 5px 0;

cursor: pointer;

border-radius: 4px;

}

#work_search_form .submit .button:hover {

background-color: #e687b0;

}

I decided to write it down for easier access🌸

I’ll leave a Reddit link below ⬇️ that explains how to use the code if it’s your first time easily. Credit to @tired-library-ghost on Reddit for this amazing explanation ❤️

[classygreydove]

Dark Mode Work Skin for the fic To Be a Dragon Among Men

This is the code and urls for the custom dark mode work skin I made for my fic To Be a Dragon. Feel free to use it for your own works or for site skins, just remember to credit my user if you do.

[EDIT 25-03-18: Fixed padding for .frameborder class]

Additional Resources

A Step-by-Step Guide to Work Skins from AO3 News - A great basic guide to what work skins are and how to make one.

How to Apply Work Skins to Others' Works by classygreydove - This is a guide I made on how to make a work skin into a site skin. You'll need to know this if you want to apply the work skin to any fic you want to read.

How to Change Work Skin Font by classygreydove - Don't like the font I use for the work skin? Don't worry, I'll show you how to change it.

Light Mode CSS - You can find the code for the Light Mode work skin here.

Light and Dark Mode Backgrounds - You can find the background images for the Light and Dark Mode work skins here.

Other Background Options - Here are a few mid-tone backgrounds that will have a lower contrast to the text.

Line Breaks (for Phone) - Do you like the custom dragon line breaks? Here's the phone-sized ones.

Line Breaks (for Wide Screens) - Do you like the custom dragon line breaks? Here's the laptop-sized ones.

[Code begins under Keep reading break]

#workskin .userstuff .hr, #workskin .hr, #workskin hr { height: 36px; width: 178px; background: url(https://64.media.tumblr.com/f19653c8c877dbe7a14e78434f1d0df6/d0f8688c32033f2d-b3/s250x400/6edcdac1e5614693d10491cff0725fd3633de77e.png); background-repeat: no-repeat; background-position: center; border: 0; }

#workskin { background: url(https://64.media.tumblr.com/f20ef324c5117a56d7dd2c8aa7e45151/4dcdf7c3c32cb0d1-68/s2048x3072/10c1120c78cd66a99c1067e6ed8b1addcd52ef57.png); background-repeat: repeat-y repeat-x; background-position: top; color: rgba(255, 255, 248, 0.85) !important; font-family: 'Georgia', 'Lucida Grande', 'Verdana'; }

#workskin a { background: linear-gradient(135deg, #b4853f 0%, #edc967 40%, #b4853f 80%, #705103 100%) !important; -webkit-background-clip: text !important; -webkit-text-fill-color: transparent !important; border-bottom: 0px; }

#workskin a:hover, #workskin a:active { background: linear-gradient(135deg, #b4853f 10%, #edc967 60%, #b4853f 80%, #705103 100%) !important; -webkit-background-clip: text !important; -webkit-text-fill-color: transparent !important; }

#workskin h2, #workskin h3 { line-height: 1.25; font-variant: small-caps; }

#workskin .userstuff blockquote { display: block; border: 2px solid #b4853f; border-image: linear-gradient(135deg, #b4853f 0%, #edc967 40%, #b4853f 80%, #705103 100%); border-image-slice: 1; padding: 15px 15px 15px 15px; margin-left: 1.5em; margin-right: 1.5em; }

#workskin .goldborder { display: block; border: 2px solid #b4853f; border-image: linear-gradient(135deg, #b4853f 0%, #edc967 40%, #b4853f 80%, #705103 100%); border-image-slice: 1; padding: 15px 15px 15px 15px; }

#workskin .frameborder { border: 2px solid #b4853f; border-image: linear-gradient(135deg, #b4853f 0%, #edc967 40%, #b4853f 80%, #705103 100%); border-image-slice: 1; padding: 0px; }

#workskin .mobilebreak { width: 178px; max-width: 100%; max-height: 100%; display: block; margin-left: auto; margin-right: auto; }

#workskin .textlink { font-variant: small-caps; }

#workskin .notesheading { font-size: 120%; font-variant: small-caps; font-family: 'Georgia', 'Lucida Grande', 'Verdana'; line-height: 2; }

#workskin .triggerwarning { color: rgba(240, 240, 240, 0.9); border-radius: 5px; background: rgba(128, 0, 0, 0.8); padding-left: 2px; padding-right: 2px; font-weight: bold; font-variant: small-caps; }

[billysjoel]

Can you please do a tutorial teaching how to do this border? post/727473920188481536/well-this-has-been-fun-die-choking-on-your-own

absolutely, thanks for asking!!

in this post, the border is actually pretty simple (yay)! you can use ctrl+u to call up the shape tool or just click on it. you'll need to then right-click on that icon and choose rounded rectangle tool

these were my settings for a 540 x 540px gif but play around and see what you think looks nice!

if that's difficult to read, from left to right, we want: fill: none stroke: whichever color you want (in my case, it was white) at 2px (this will adjust the thickness of the border stroke options: straight, solid line (but there are options for a dashed line as well as dotted i didn't touch anything else after that 🤷‍♀️

to actually create the border, just click somewhere on your canvas and this menu will come up

this is where you adjust your dimensions and how curved you want the edges to be. these were my settings:

520px x 520px and left the radii at 10 for each corner

then i just used ctrl+t to drag it around the canvas until it snapped to perfect center!

the fun part of doing borders like this is you can make them any color, add layer effects like drop shadow, gradient overlays, etc. or even throw a texture over the top with a clipping mask! for just a rectangular border without the rounded corners, you would just choose the rectangle tool instead of rounded rectangle tool.

in that sub-menu, there's also the ellipse tool (hold shift while you drag the shape to make a perfect circle or input the same dimensions for width and height), polygon tool, line tool, and custom shape tool. highly recommend playing around with those guys (gn)!

if you have any other questions on this tutorial or other gifs, just let me know, i'm happy to help any way i can! 💙

[kiochisato]

Hi! 👋 Could you please tell me how to put a Scrollbox ontop of an image on Sentry? Thank You! :)

I position them until they look like they're on top of the image , but , the code for the an sntry i made for my bae is:

height: 120px; width: 155px; text-align: justify; position: relative; border-radius: 5px 5px 5px 5px; border: 2px solid #889cbd; z-index: 7; float: right; white-space: normal; padding: 5px; margins: 10px; overflow-y: auto; position: relative; z-index: 5; bottom: 400px; left: 3px; transform: rotate(-3deg);

you can adjust them however you want to :3

[melonpalooza]

heyyy... Idk if you remember meee... im the goofy guy in the replies of TLRBaDA that asked for coding help bcs im a beginner and the answer was littirally just <br> ANYWHO! Im at a bit of a brain fwump, how the shell do you make the @ pings yellow, bro i am here looking at my computer at all the words i have written down and on the side in italics i have now how the frog am i gonna make this yorange So sorry if its a silly ask im just not good at this stuff and I'm littirally learning along the way with 5% coding and formating, and anything like this, related experience oh my god this is so long for a simple question someone needs to knock me out. Hope you're having a great day! Do good be good, whatever the balls that means!

No, no it's not silly at all!

I'm assuming the yellow @ pings is when the characters are pinging the person who's pov it is, right? like when someone mentions you/pings you on discord, the message is yellow?

If so, this is the code I use! (Just add it anywhere you desire)

.discord .message:has(.ping.me) { background-color: rgba(250, 168, 26, 0.1); border-left: 2px solid rgb(250, 168, 26); }

So when you use the ping class, you just need to add "me" in it, which tells the code that if the message class (the names you use for the classes might be different!) has the word “ping” AND "me" in it, it should change the message's color!

For example:

While this is a "ping" class, because it is inside of a "message" class:

It will change the message yellow!

[kopawz]

idk how u code on neocites- just trying to follow a basic overview video makes me feel really confused. How did you learn how to do stuff??

well, i first get an idea.

then, like you- i am bad at videos, so i go read up on tutorials, and look at examples of how the code to do what i want is written,

next, i get confused. necessary step.

and then, i try applying what i'm reading to my site anyway, even if it's confusing, and even if i can't follow it 100% correctly.

and then i go read some more tutorials for the same thing. i repeat the process until it works... or looks how i want it to look

i try not to follow it exactly, because i want my code to be readable and editable to myself later. this is the most important part i think. you should start very small and do what's understandable to you.

it also doesn't have to be very big or impactful to anyone but yourself, either. it can be small, even, and i encourage that.

here, if you want, in this keep reading i'll show you some examples of stuff i can do with properties i learned:

this small green box, for example.

it's name, or div class identifier name is "update". it's job is to hold the massive list of updates to the site, so viewers can scroll through to see what i've done, and what has changed.

right now, i've shown you where "update" is in the HTML sheet, and we can see that it's been given in-line properties. think of "in-line properties" as adjectives, describing how tall, wide, or how rotated your element is.

(keep in mind that you can't literally see the html as you're editing it like i'm showing you here unless you get a dedicated application for editing and testing html and css. i don't have any apps for that, and usually just edit and refresh to see if it looks right hundreds of times.)

okay, now let's see what exactly i'm telling this "update" box to do inside the CSS,

the CSS style sheet is another way of telling what something on your site to do. you would use the CSS to organize what everything on your page does more neatly, if you don't want to brute-force style it through the HTML directly, like i do.

in the CSS sheet, anything given the name of "update" is basically given the property of "overflow:auto;" which tells it to scroll whenever what's inside of it gets too big for the box. i have given the box a minimum width, so that the words inside will very easily start scrolling.

it is also given the color of #baddad, or a nice minty green- it's about 200px (pixels) wide- it has a border that's 2px wide and is solid (fully closed border) that's black- and it has a box-shadow that is 11 px 11 long in the bottom and the right, with a rgba value given to it to make it colorful, too.

why did i put width on both the html in-line style properties, AND the css style sheet? i don't know honestly! you don't need to do this, i think. just one of them will probably work, really.

i forgot what margin-bottom does, but i think that just adds filler space between elements. or is that padding, which adds filler space -inside- elements? maybe you can figure that out. i still can't remember the difference.

is there an easier way i could explain this to you?... i dunno, maybe ask for something more specific other than "how do you learn stuff" such as "what ways could i do *thing i want to do* specifically"

[your-average-art-dealer]

Macaque Site Skin Thing (yippee!)

────────────────────────────────────────────

Notes:

The CSS is mostly mishmashed from other codes and therefore is not perfect, there a places where the site retains its white accents or boxes and can be quite jarring when scrolling in a dark purple background to then suddenly be met with splashes of bright white

I personally wouldn't read works with this, it's mostly for the aesthetic and was not made with comfortable reading in mind (oof)

Wizard Settings/Code Stuff is REQUIRED alongside the CSS because without it the skin looks... kind awful.

────────────────────────────────────────────

CSS:

p.kudos { background: url("https://i.imgur.com/JmZWnGX.png"); background-repeat: no-repeat; }

.listbox, fieldset, fieldset dl dl, fieldset fieldset fieldset, fieldset fieldset dl dl, dd.hideme, form blockquote.userstuff, .dynamic form { background: url("https://i.imgur.com/xoHN0lj.jpeg"); background-repeat: repeat; border: 4px solid #fff; box-shadow: none; }

header h1.heading a::before {

content: url("https://i.imgur.com/9NaliS0.png"); visibility: visible; }

search .button,

header .logo {

display: none; }

header .heading a,

greeting img.icon {

visibility: hidden; }

outer {

background: linear-gradient(90deg, rgba(24, 12, 41,.9) 0%, rgba(16, 7, 28,1) 100%); }

header h1 sup,

header .button,

header .landmark,

header .logo {

display: none; }

inner.wrapper {

margin: 0em 4%; }

header .heading {

height: 20em; }

header {

background-color: #ffffff; background-image: url("https://i.imgur.com/1jqr3CI.png"); background-repeat: no-repeat; background-position: center center; background-size: cover; border-bottom: 2px solid #fff; }

header .heading a {

color: #fff; padding-left: 0em; }

header .primary {

background: none; box-shadow: none; }

greeting {

background: none; margin-right: 0em; position: absolute; right: 0em; top: 0em; }

header .primary li:not(.search),

header .primary li a,

greeting li,

greeting li a {

color: #FFF !important; background: #850900; border-top-left-radius: 2%; }

header .primary li:not(.search),

greeting li {

border: 1px solid #372457; }

.warnings .tag, .work .warning a.tag { background: #06000f; border: 1px solid #06000f; border-radius: 5px; color: #dbc2ed !important; padding-left: .5em; padding-right: .5em; }

.relationships .tag, .work .relationships a.tag { background: #0b0121; border: 1px solid #0b0121; border-radius: 5px; color: #dbc2ed !important; font-weight: bold; padding-left: .5em; padding-right: .5em; }

.characters .tag, .work .characters a.tag { background: #220c4a; border: 1px solid #220c4a; border-radius: 5px; color: #dbc2ed !important; font-weight: bold; padding-left: .5em; padding-right: .5em; }

────────────────────────────────────────────

Wizard Stuff:

────────────────────────────────────────────

[thelistingteammiami]

4 Essential Services to Maximize Home Value Before Selling | Real Listing Agent

🚀 2025 South Florida Home Selling Toolkit: Checklists, Pricing Guides & Local Insights | The Listing Team { "@context": "https://schema.org", "@type": "ItemList", "name": "South Florida Home Selling Resources", "description": "Curated tools and guides for sellers in Miami-Dade, Broward, and Palm Beach counties", "url": "https://www.reallistingagent.com/blog/home-selling-resources", "itemListElement": [ { "@type": "ListItem", "position": 1, "item": { "@type": "CreativeWork", "name": "2025 Pre-Listing Inspection Checklist", "url": "https://www.reallistingagent.com/pre-listing-inspection-checklist", "description": "Florida-specific repair priorities for maximum ROI" } }, { "@type": "ListItem", "position": 2, "item": { "@type": "SoftwareApplication", "name": "Live CMA Calculator", "url": "https://www.reallistingagent.com/cma-tool", "applicationCategory": "Real Estate Tool", "operatingSystem": "Web" } } ], "publisher": { "@type": "RealEstateAgent", "name": "The Listing Team", "image": "https://images.squarespace-cdn.com/content/v1/5b9ada8b2714e5f76f88a8a3/5731ebc1-6807-4d3e-af38-ec5e309856c4/RESF_Main+logo.png" }, "offers": { "@type": "Offer", "name": "Free Seller Resource Bundle", "url": "https://www.reallistingagent.com/seller-resource-download", "availability": "https://schema.org/InStock", "areaServed": ["Miami-Dade County", "Broward County", "Palm Beach County"] } }

4 Essential Services to Maximize Home Value Before Selling | Real Listing Agent /* Brand Colors */ :root { --primary: #BED62F; /* Yellow */ --secondary: #8CC63E; /* Green */ --dark: #585A5C; /* Dark Gray */ --black: #000000; --white: #FFFFFF; } /* Typography */ @font-face { font-family: 'DIN 1451'; src: local('DIN 1451 Engschrift'), local('DINEngschrift'); /* Add actual font files here */ } * { margin: 0; padding: 0; box-sizing: border-box; } body { font-family: 'HelveticaNeueLT-Cn', 'Helvetica Neue Condensed', Arial Narrow, sans-serif; line-height: 1.6; color: var(--black); background: var(--white); padding: 1rem; } h1, h2, h3 { font-family: 'DIN 1451', 'Arial Narrow', sans-serif; font-weight: normal; letter-spacing: -0.5px; margin: 0 0 1rem; } .legal { font-family: 'Arial Narrow', sans-serif; font-size: 0.75rem; color: var(--dark); } .container { max-width: 800px; margin: 0 auto; background: var(--white); padding: 1.5rem; } h1 { font-size: 1.8rem; color: var(--dark); line-height: 1.2; margin-bottom: 1.5rem; } h2 { font-size: 1.4rem; color: var(--secondary); padding-bottom: 0.5rem; border-bottom: 2px solid var(--primary); margin: 2rem 0 1.5rem; } .service-card { background: var(--white); padding: 1.5rem; margin: 1.5rem 0; border-left: 4px solid var(--primary); box-shadow: 0 2px 8px rgba(0,0,0,0.08); } ul { margin: 1rem 0; padding-left: 1.2rem; } li { margin-bottom: 0.8rem; font-size: 0.95rem; line-height: 1.5; } a { color: var(--secondary); text-decoration: none; font-weight: bold; display: inline-block; margin-top: 1rem; } a:hover { text-decoration: underline; } .cta-banner { text-align: center; padding: 1.5rem; margin: 2.5rem 0; background: linear-gradient(135deg, var(--primary), var(--secondary)); color: var(--white); border-radius: 4px; } @media (max-width: 640px) { .container { padding: 1rem; } h1 { font-size: 1.5rem; margin-bottom: 1rem; } h2 { font-size: 1.2rem; margin: 1.5rem 0 1rem; } .service-card { padding: 1rem; margin: 1.25rem 0; } li { font-size: 0.9rem; } }

Prepare to Sell: 4 Professional Services That Boost Home Value

1. Pressure Washing: First Impressions Matter

94% of realtors say curb appeal significantly impacts buyer interest. Professional pressure washing:

Removes 10+ years of built-up grime

Restores original surface colors

Prevents "deferred maintenance" concerns

Key Areas: Driveways, siding, decks, and patios

Find Certified Pressure Washing Pros →

2. Mold Remediation: Eliminate Deal-Breakers

Mold issues kill 28% of home deals. Professional remediation includes:

Air quality testing

Complete spore removal

Prevention guarantees

Did You Know? Musty odors reduce offers by 12% on average

Connect with Mold Specialists →

3. Carpet Cleaning: The $4,000 Difference

Professionally cleaned carpets can increase offers by 2-3%:

Removes 98% of allergens

Eliminates pet odors

Restores padding bounce

Pro Tip: Clean 2 weeks before showings for lasting freshness

Browse Top-Rated Carpet Cleaners →

4. Post-Construction Cleanup: Showcase Potential

Recent renovations? 61% of buyers want move-in ready spaces:

Deep clean dust from HVAC systems

Remove construction debris

Polish final finishes

Find Construction Cleanup Experts →

Maximize Your Sale Price

Access our verified network of 200+ home prep specialists

Explore Home Selling Resources Now

Q: How soon before listing should I schedule these services?

A: Ideal timeline is 3-4 weeks before first showings. Get Timeline Checklist

*Consult professionals for specific tax advice. Results may vary. Services subject to availability. © 2025 Real Listing Agent. All rights reserved.

[lord-html]

Estilo de Ask para tumblr.

Cole isso no CSS. 

.linha {border-bottom: 1px solid #e7e7e7; margin: 2px 0px 2px 0px;} .sombra {-moz-box-shadow: -3px -3px #fdbaba;-webkit-box-shadow: -3px -3px #fdbaba;box-shadow: -3x -3px #fdbaba;} .asker{margin: 0px 0px 0px 04px;padding:1px;z-index:1 } .tira{background: #4c445f; margin: 0px 0px 0px 45px;padding:1px; z-index:1; border-right: 5px solid #fdbaba;} .pergunta {align:right;background: #dddddd; margin: -10px 0px 0px 45px;padding:9px;position: relative;-moz-border-radius:0px;-webkit-border-radius:0px;border-radius:0px;z-index:4 } 

Cole isso depois de {block:Post} essa é a tag da ask ok? 

{block:Answer}<div class=“box”> <div class=“asker”><img src=“{AskerPortraitURL-40}” align=“left” class=“sombra”  /></div><div class=“tira”><d> Pergunta por:</d>{Asker}<br></div>  <p><div class=“ pergunta ”><span></span>{Question} </div> <div class=“linha”></div> <center>{Answer}</center> <div style=“clear:both;”></div></div> {/block:Answer}

[mahmut-guzel-studyo]

Home

YAYINDA! https://mguzel.com.tr/home-2/

Home

[vc_row no_padding=”yes” conditional_render=”%5B%7B%22value_role%22%3A%22administrator%22%7D%5D”][vc_column]

[vc_row_inner wrap_container=”yes” content_placement=”middle” el_class=”intro-banner vh-100 align-items-center overflow-hidden” css=”.vc_custom_1706303027820background: #222529 url(//sw-themes.com/porto_dummy/wp-content/uploads/2024/01/bc-1-slide-1.jpg?id=465) !important;background-position: center !important;background-repeat: no-repeat !important;background-size: cover !important;”][vc_column_inner el_class=”intro-content”]

Get your

Free Consultation

.porto-u-ad87e2eaf3f9c495180fe0156ddf3eb0.porto-u-headingtext-align:left

[vc_btn title=”Get Started” style=”modern” skin=”primary” btn_fs=”0.9em” btn_fw=”700″ animation_delay=”1200″ btn_px=”1.75rem” btn_py=”1rem” el_class=”mb-0″ animation_type=”fadeInUp”][/vc_column_inner][/vc_row_inner][vc_row_inner wrap_container=”yes” content_placement=”middle” el_class=”intro-banner vh-100 align-items-center overflow-hidden” css=”.vc_custom_1706303032699background: #222529 url(//sw-themes.com/porto_dummy/wp-content/uploads/2024/01/bc-2-slide-2.jpg?id=493) !important;background-position: center !important;background-repeat: no-repeat !important;background-size: cover !important;”][vc_column_inner el_class=”intro-content”]

Solutions for

Pro Business Plan

.porto-u-ad87e2eaf3f9c495180fe0156ddf3eb0.porto-u-headingtext-align:left

[vc_btn title=”Get Started” style=”modern” skin=”primary” btn_fs=”0.9em” btn_fw=”700″ animation_delay=”1200″ btn_px=”1.75rem” btn_py=”1rem” el_class=”mb-0″ animation_type=”fadeInUp”][/vc_column_inner][/vc_row_inner]

[/vc_column][/vc_row][vc_row wrap_container=”yes” content_placement=”middle” animation_delay=”2000″ el_class=”custom-position custom-call-to-action” conditional_render=”%5B%7B%22value_role%22%3A%22administrator%22%7D%5D” css=”.vc_custom_1706239560136padding-top: 35px !important;padding-bottom: 47px !important;background-color: #101019 !important;” animation_type=”fadeIn”][vc_column width=”1/2″ offset=”vc_col-md-7″ conditional_render=”%5B%7B%22value_role%22%3A%22administrator%22%7D%5D”]

[vc_custom_heading text=”- Are you looking for a” font_container=”tag:h2|font_size:1.76em|text_align:left|color:%23ffffff|line_height:1.2″ google_fonts=”font_family:Playfair%20Display%3Aregular%2Citalic%2C700%2C700italic%2C900%2C900italic|font_style:400%20regular%3A400%3Anormal” css=”.vc_custom_1706115246289margin-bottom: 2px !important;”][vc_custom_heading text=”Business Plan Consultant?” font_container=”tag:h2|font_size:2.2em|text_align:left|color:%23ffffff|line_height:1.2″ google_fonts=”font_family:Playfair%20Display%3Aregular%2Citalic%2C700%2C700italic%2C900%2C900italic|font_style:400%20regular%3A400%3Anormal” css=”.vc_custom_1706239333994margin-bottom: 0px !important;”][vc_column_text el_class=”mb-0″]Schedule your company strategy right session now[/vc_column_text]

[/vc_column][vc_column width=”1/2″ el_class=”text-md-end” conditional_render=”%5B%7B%22value_role%22%3A%22administrator%22%7D%5D” offset=”vc_col-md-5″]

[vc_column_text css=”.vc_custom_1706239474641border-left-width: 2px !important;padding-right: 9px !important;padding-left: 10px !important;border-left-color: var(–porto-primary-color) !important;border-left-style: solid !important;” el_class=”mb-0 text-start me-lg-3″]Call Us Now +001 1230 4567[/vc_column_text]

[vc_column_text css=”.vc_custom_1706239406332border-left-width: 2px !important;padding-left: 9px !important;border-left-color: var(–porto-primary-color) !important;border-left-style: solid !important;” el_class=”mb-0 text-start m-r-n-xs”]Email Us Now mail@example.com[/vc_column_text]

[/vc_column][/vc_row][vc_row wrap_container=”yes” content_placement=”middle” animation_delay=”200″ css=”.vc_custom_1706279881034margin-top: 63px !important;margin-bottom: 48px !important;” conditional_render=”%5B%7B%22value_role%22%3A%22administrator%22%7D%5D” animation_type=”fadeIn”][vc_column offset=”vc_col-md-6″ conditional_render=”%5B%7B%22value_role%22%3A%22administrator%22%7D%5D”][vc_custom_heading text=”- About Us” font_container=”tag:h2|font_size:2.2em|text_align:left|line_height:42px” google_fonts=”font_family:Playfair%20Display%3Aregular%2Citalic%2C700%2C700italic%2C900%2C900italic|font_style:700%20bold%20regular%3A700%3Anormal” css=”.vc_custom_1706155865868margin-bottom: 15px !important;” el_class=”font-weight-bold”][vc_custom_heading text=”Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla volutpat ex finibus urna tincidunt, auctor ullamcorper risus luctus. Nunc et feugiat arcu, in placerat risus. Phasellus condimentum sapien vitae.” font_container=”tag:p|text_align:left|line_height:26px” use_theme_fonts=”yes” el_class=”ps-4 m-b-md”][vc_row_inner el_class=”ps-4″][vc_column_inner width=”1/2″ offset=”vc_col-xs-12″].porto-info-list55ccda442d4af4f9e2540d79b9f22354 i color: #777777;

Certified Professionals

Former Chief Executives

Real Estate Professionals

[/vc_column_inner][vc_column_inner width=”1/2″ offset=”vc_col-xs-12″].porto-info-list55ccda442d4af4f9e2540d79b9f22354 i color: #777777;

Nobel Laureate Economists

Former Political Leaders

Chartered Financial Analysts

[/vc_column_inner][/vc_row_inner][vc_btn title=”READ MORE” style=”outline” shape=”square” color=”default” size=”lg” css=”.vc_custom_1706157644654margin-top: 16px !important;padding-left: 24px !important;” skin=”primary” btn_fs=”0.8rem” btn_fw=”600″ scale=”scale-2″ el_class=”font-weight-bold” link=”url:https%3A%2F%2Fwww.portotheme.com%2Fwordpress%2Fporto%2Fbusiness-consulting%2Fabout-us%2F||target:%20_blank|” btn_px=”30px” btn_py=”12px”][/vc_column][vc_column el_class=”custom-content-grid” conditional_render=”%5B%7B%22value_role%22%3A%22administrator%22%7D%5D” offset=”vc_col-md-6″][vc_row_inner no_padding=”yes”][vc_column_inner el_class=”px-4 col-sm-6 border-sm-max-none” width=”1/2″ css=”.vc_custom_1706239900108padding-top: 27px !important;padding-bottom: 24px !important;background-color: #ffffff !important;”]

0+

Years in Business

[/vc_column_inner][vc_column_inner el_class=”px-4 col-sm-6 border-sm-max-none” width=”1/2″ css=”.vc_custom_1706239907369border-left-width: 1px !important;padding-top: 27px !important;padding-bottom: 24px !important;border-left-color: #dadada !important;border-left-style: solid !important;”]

0+

Successfull Cases

[/vc_column_inner][/vc_row_inner][vc_row_inner no_padding=”yes” css=”.vc_custom_1706161928391margin-bottom: 9px !important;border-top-width: 1px !important;border-top-color: #dadada !important;border-top-style: solid !important;” el_class=”pb-lg-4 border-sm-max-none”][vc_column_inner el_class=”px-4 col-sm-6 border-sm-max-none” width=”1/2″ css=”.vc_custom_1706161847023padding-top: 25px !important;padding-bottom: 24px !important;”]

0+

Satisfied Clients

[/vc_column_inner][vc_column_inner el_class=”px-4 col-sm-6 border-sm-max-none” width=”1/2″ css=”.vc_custom_1706161851360border-left-width: 1px !important;padding-top: 25px !important;padding-bottom: 24px !important;background-color: #ffffff !important;border-left-color: #dadada !important;border-left-style: solid !important;”]

0+

Pro Consultants

[/vc_column_inner][/vc_row_inner][/vc_column][/vc_row][vc_row wrap_container=”yes” is_section=”yes” remove_margin_top=”yes” remove_margin_bottom=”yes” remove_border=”yes” animation_delay=”200″ el_class=”custom-info-box” css=”.vc_custom_1706279894948padding-top: 59px !important;padding-bottom: 57px !important;background-color: #eef4f2 !important;” conditional_render=”%5B%7B%22value_role%22%3A%22administrator%22%7D%5D” animation_type=”fadeIn”][vc_column][vc_custom_heading text=”- Expertises” font_container=”tag:h2|text_align:left|line_height:42px” google_fonts=”font_family:Playfair%20Display%3Aregular%2Citalic%2C700%2C700italic%2C900%2C900italic|font_style:700%20bold%20regular%3A700%3Anormal” css=”.vc_custom_1706163652932margin-bottom: 21px !important;” font_weight=”700″][vc_row_inner][vc_column_inner width=”1/2″ offset=”vc_col-md-4″]

Corporate Finance

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla volutpat ex finibus urna.

[/vc_column_inner][vc_column_inner width=”1/2″ offset=”vc_col-md-4″]

Corp Restructuring

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla volutpat ex finibus urna.

[/vc_column_inner][vc_column_inner width=”1/2″ offset=”vc_col-md-4″]

Economic Consulting

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla volutpat ex finibus urna.

[/vc_column_inner][vc_column_inner width=”1/2″ offset=”vc_col-md-4″]

Litigation Consulting

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla volutpat ex finibus urna.

[/vc_column_inner][vc_column_inner width=”1/2″ offset=”vc_col-md-4″]

Strategic Consulting

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce consectetur diam id urna.

[/vc_column_inner][vc_column_inner width=”1/2″ offset=”vc_col-md-4″]

Tech Consulting

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce consectetur diam id urna.

[/vc_column_inner][/vc_row_inner][vc_btn title=”VIEW ALL” style=”outline” shape=”square” size=”lg” align=”center” css=”.vc_custom_1706164291167margin-top: 20px !important;” skin=”primary” btn_fs=”0.8rem” link=”url:https%3A%2F%2Fwww.portotheme.com%2Fwordpress%2Fporto%2Fbusiness-consulting%2Fexpertise%2F||target:%20_blank|” el_class=”font-weight-semibold” btn_px=”30px” btn_py=”12px”][/vc_column][/vc_row][vc_row wrap_container=”yes” animation_delay=”200″ css=”.vc_custom_1706279909053padding-top: 60px !important;padding-bottom: 44px !important;” conditional_render=”%5B%7B%22value_role%22%3A%22administrator%22%7D%5D” animation_type=”fadeIn”][vc_column offset=”vc_col-lg-6 vc_col-md-6 vc_col-xs-12″][vc_custom_heading text=”- Our Strategy” font_container=”tag:h2|font_size:2.2em|text_align:left|line_height:42px” google_fonts=”font_family:Playfair%20Display%3Aregular%2Citalic%2C700%2C700italic%2C900%2C900italic|font_style:700%20bold%20regular%3A700%3Anormal” css=”.vc_custom_1706189618086margin-bottom: 15px !important;”]

STEP

01

.porto-u-55ca8359258f9a412be7e73af65d2aac.porto-u-headingtext-align:center

The first meeting

Understanding the Problem

.porto-u-ad87e2eaf3f9c495180fe0156ddf3eb0.porto-u-headingtext-align:left

[vc_custom_heading text=”Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla volutpat ex finibus urna tincidunt, auctor ullamcorper risus luctus. Nunc et feugiat arcu, in placerat risus. Phasellus condimentum sapien vitae odio.” font_container=”tag:p|font_size:14px|text_align:left|line_height:26px” use_theme_fonts=”yes” font_weight=”400″]

STEP

02

.porto-u-55ca8359258f9a412be7e73af65d2aac.porto-u-headingtext-align:center

The second meeting

Business Plan Consultant

.porto-u-ad87e2eaf3f9c495180fe0156ddf3eb0.porto-u-headingtext-align:left

[vc_custom_heading text=”Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla volutpat ex finibus urna tincidunt, auctor ullamcorper risus luctus. Nunc et feugiat arcu, in placerat risus. Phasellus condimentum sapien vitae odio.” font_container=”tag:p|font_size:14px|text_align:left|line_height:26px” use_theme_fonts=”yes” font_weight=”400″]

STEP

03

.porto-u-55ca8359258f9a412be7e73af65d2aac.porto-u-headingtext-align:center

The final meeting

Problem Solved

.porto-u-ad87e2eaf3f9c495180fe0156ddf3eb0.porto-u-headingtext-align:left

[vc_custom_heading text=”Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla volutpat ex finibus urna tincidunt, auctor ullamcorper risus luctus. Nunc et feugiat arcu, in placerat risus. Phasellus condimentum sapien vitae odio.” font_container=”tag:p|font_size:14px|text_align:left|line_height:26px” use_theme_fonts=”yes” font_weight=”400″]

[/vc_column][vc_column offset=”vc_col-lg-6 vc_col-md-6 vc_col-xs-12″][vc_custom_heading text=”- Frequently asked questions” font_container=”tag:h2|font_size:2.2em|text_align:left|line_height:42px” google_fonts=”font_family:Playfair%20Display%3Aregular%2Citalic%2C700%2C700italic%2C900%2C900italic|font_style:700%20bold%20regular%3A700%3Anormal” css=”.vc_custom_1706193502782margin-bottom: 15px !important;”]

Bebek fotoğraf çekimlerinin fiyatlandırması nasıl belirlenir?

Bebek fotoğraf çekimlerinin fiyatlandırması nasıl belirlenir?

Ankara Düğün Fotoğrafçısı2024-04-28T10:29:46+03:00Bebek fotoğraf çekimlerinin fiyatlandırması, çeşitli faktörlere bağlı olarak değişebilir. Çekim türü, süresi, kullanılan ekipmanlar ve müşterinin özel istekleri gibi faktörler fiyatı etkileyebilir. İhtiyaçlarınıza ve bütçenize uygun bir paket seçmek için bizimle iletişime geçebilir ve detaylı bilgi alabilirsiniz.

Bebek fotoğraf çekimlerinden sonra fotoğraflar ne zaman teslim edilir?

Bebek fotoğraf çekimlerinden sonra fotoğraflar ne zaman teslim edilir?

Ankara Düğün Fotoğrafçısı2024-04-28T10:28:42+03:00Bebek fotoğraf çekimlerinden sonra, fotoğrafların düzenlenmesi ve işlenmesi birkaç gün sürebilir. Genellikle, fotoğraf çekimlerinden sonraki 1 ila 2 hafta içinde tamamlanan ve müşteriye sunulan bir galeri oluştururuz. Fotoğrafların tamamlanması ve teslimatı hakkında daha fazla bilgi almak için bizimle iletişime geçebilirsiniz.

Bebek fotoğraf çekimleri için ne tür kıyafetler ve aksesuarlar getirmeliyim?

Bebek fotoğraf çekimleri için ne tür kıyafetler ve aksesuarlar getirmeliyim?

Ankara Düğün Fotoğrafçısı2024-04-28T10:27:40+03:00Bebek Fotoğraf çekimlerine gelirken, bebeğiniz için birkaç farklı kıyafet ve aksesuar getirmeniz önemlidir. Genellikle, sevimli kıyafetler, tulumlar, başlıklar, örtüler ve özel aile mirası eşyaları gibi öğeler önerilir. Ancak, bizimle önceden iletişime geçerek hangi tür kıyafetlerin ve aksesuarların uygun olduğunu öğrenmek önemlidir.

Bebek Fotoğraf çekimleri ne kadar sürer ve ne tür pozlar çekilebilir?

Bebek Fotoğraf çekimleri ne kadar sürer ve ne tür pozlar çekilebilir?

Ankara Düğün Fotoğrafçısı2024-04-28T10:26:30+03:00Bebek fotoğraf çekimlerimiz genellikle 1 ila 2 saat arasında sürer. Bu süre, bebeğinizi rahatlatmak, beslemek ve ara vermek için zaman içerir. Fotoğraf çekimleri sırasında, çeşitli pozlar ve sahneler yakalanabilir. Bebeklerin doğal hareketleri ve poz verme tarzlarına göre, uyuyan bebek pozları, aile fotoğrafları, detay çekimleri ve daha fazlası gibi çeşitli pozlar çekebiliriz.

[/vc_column][/vc_row][vc_row animation_delay=”200″ css=”.vc_custom_1730124746716background-color: #eef4f2 !important;” el_class=”p-t-xxl no-padding” conditional_render=”%5B%7B%22value_role%22%3A%22administrator%22%7D%5D” animation_type=”fadeIn” css_params=””][vc_column][vc_row_inner wrap_container=”yes” css_params=””][vc_column_inner][vc_custom_heading text=”- Our Cases” font_container=”tag:h2|text_align:left|line_height:42px” google_fonts=”font_family:Playfair%20Display%3Aregular%2Citalic%2C700%2C700italic%2C900%2C900italic|font_style:700%20bold%20regular%3A700%3Anormal” css=”.vc_custom_1706198271377margin-top: -1px !important;margin-bottom: 17px !important;”][/vc_column_inner][/vc_row_inner][porto_tb_posts post_type=”portfolio” view=”slider” spacing=”0″ columns=”6″ columns_tablet=”3″ columns_mobile=”1″ nav_pos=”show-nav-title” nav_visible=”“xl“:“none“,“sm“:“block“” pagination=”yes” dots_pos=”custom-dots” dots_style=”dots-style-1″ dots_visible=”“xl“:“block“,“sm“:“none“,“md“:“block“,“lg“:“block“” autoplay=”no” builder_id=”386″ el_class=”m-b-n-md custom-both-sides-shadow” dots_pos_top=”“xl“:“-42“,“unit“:““,“xs“:““,“sm“:““,“md“:““,“lg“:““” dots_pos_right=”“xl“:“0“,“unit“:““,“xs“:““,“sm“:““,“md“:““,“lg“:““” dots_br_color=”#1e1e24″ dots_abr_color=”var(–porto-primary-color)” navs_h_origin=”“xl“:““,“unit“:“%“,“xs“:““,“sm“:““,“md“:““,“lg“:““” nav_v_pos=”“xl“:“-11“,“unit“:““,“xs“:““,“sm“:““,“md“:““,“lg“:““” nav_h_pos=”“xl“:““,“unit“:““,“xs“:““,“sm“:““,“md“:““,“lg“:““” nav_h_color=”var(–porto-primary-color)” nav_fs=”32″ css_params=”” dots_pos_left=”“xl“:“0“,“unit“:““,“xs“:““,“sm“:““,“md“:““,“lg“:““”][/vc_column][/vc_row][vc_row wrap_container=”yes” animation_delay=”200″ css=”.vc_custom_1706279939820padding-top: 59px !important;” conditional_render=”%5B%7B%22value_role%22%3A%22administrator%22%7D%5D” animation_type=”fadeIn”][vc_column][vc_custom_heading text=”- Testimonials” font_container=”tag:h2|text_align:left|line_height:42px” google_fonts=”font_family:Playfair%20Display%3Aregular%2Citalic%2C700%2C700italic%2C900%2C900italic|font_style:700%20bold%20regular%3A700%3Anormal” css=”.vc_custom_1706215309651margin-bottom: 16px !important;”]

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed eget risus porta, tincidunt turpis at, interdum tortor. Suspendisse potenti. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Fusce ante tellus, convallis non consectetur sed, pharetra nec ex. Aliquam et tortor nisi. Duis mollis diam nec elit volutpat suscipit.

John SmithCEO & Founder - Okler

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed eget risus porta, tincidunt turpis at, interdum tortor. Suspendisse potenti. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Fusce ante tellus, convallis non consectetur sed, pharetra nec ex. Aliquam et tortor nisi. Duis mollis diam nec elit volutpat suscipit.

John SmithCEO & Founder - Okler

[/vc_column][/vc_row][vc_row wrap_container=”yes” animation_delay=”200″ css=”.vc_custom_1706279961807padding-top: 59px !important;padding-bottom: 40px !important;background-color: #eef4f2 !important;” conditional_render=”%5B%7B%22value_role%22%3A%22administrator%22%7D%5D” animation_type=”fadeIn”][vc_column][vc_custom_heading text=”- Our Team” font_container=”tag:h2|text_align:left|line_height:42px” google_fonts=”font_family:Playfair%20Display%3Aregular%2Citalic%2C700%2C700italic%2C900%2C900italic|font_style:700%20bold%20regular%3A700%3Anormal” css=”.vc_custom_1706216909034margin-bottom: 16px !important;”][porto_tb_posts post_type=”member” view=”slider” spacing=”20″ navigation=”” pagination=”yes” dots_pos=”custom-dots” dots_style=”dots-style-1″ dots_visible=”{“xl“:“{\“xl\“:\“``object“” builder_id=”384″ el_class=”custom-dots-style-1″ dots_pos_top=”“xl“:“-43“,“unit“:““,“xs“:““,“sm“:““,“md“:““,“lg“:““” dots_pos_right=”“xl“:“0“,“unit“:““,“xs“:““,“sm“:““,“md“:““,“lg“:““” dots_br_color=”#1e1e24″ dots_abr_color=”var(–porto-primary-color)”][vc_btn title=”VIEW ALL” style=”outline” shape=”square” size=”lg” align=”center” css=”.vc_custom_1706217655865margin-top: 30px !important;” skin=”primary” btn_fs=”0.8rem” link=”url:https%3A%2F%2Fwww.portotheme.com%2Fwordpress%2Fporto%2Fbusiness-consulting%2Fteam%2F|target:_blank” el_class=”font-weight-semibold” btn_px=”30px” btn_py=”12px”][/vc_column][/vc_row][vc_row wrap_container=”yes” content_placement=”middle” animation_delay=”200″ conditional_render=”%5B%7B%22value_role%22%3A%22administrator%22%7D%5D” css=”.vc_custom_1706279978112padding-top: 35px !important;padding-bottom: 20px !important;background-color: var(–porto-primary-color) !important;” animation_type=”fadeIn”][vc_column width=”1/2″ offset=”vc_col-md-7″ conditional_render=”%5B%7B%22value_role%22%3A%22administrator%22%7D%5D”]

[vc_custom_heading text=”- Are you looking for a” font_container=”tag:h2|font_size:1.76em|text_align:left|color:%23ffffff|line_height:1.2″ google_fonts=”font_family:Playfair%20Display%3Aregular%2Citalic%2C700%2C700italic%2C900%2C900italic|font_style:400%20regular%3A400%3Anormal” css=”.vc_custom_1706115246289margin-bottom: 2px !important;”][vc_custom_heading text=”Business Plan Consultant?” font_container=”tag:h2|font_size:2.2em|text_align:left|color:%23ffffff|line_height:1.2″ google_fonts=”font_family:Playfair%20Display%3Aregular%2Citalic%2C700%2C700italic%2C900%2C900italic|font_style:400%20regular%3A400%3Anormal” css=”.vc_custom_1706240388539margin-bottom: 0px !important;”][vc_custom_heading text=”Schedule your company strategy right session now” font_container=”tag:p|text_align:left|color:%23e6e6e6″ use_theme_fonts=”yes” el_class=”mb-0″]

[/vc_column][vc_column width=”1/2″ el_class=”text-md-end” conditional_render=”%5B%7B%22value_role%22%3A%22administrator%22%7D%5D” offset=”vc_col-md-5″ css=”.vc_custom_1706222120430margin-bottom: 10px !important;”]

[vc_column_text css=”.vc_custom_1706240426267border-left-width: 2px !important;padding-right: 9px !important;padding-left: 10px !important;border-left-color: #ffffff !important;border-left-style: solid !important;” el_class=”mb-0 text-start me-lg-3″]Call Us Now +001 1230 4567[/vc_column_text]

[vc_column_text css=”.vc_custom_1706240447075border-left-width: 2px !important;padding-left: 9px !important;border-left-color: #ffffff !important;border-left-style: solid !important;” el_class=”mb-0 text-start m-r-n-xs”]Email Us Now mail@example.com[/vc_column_text]

[/vc_column][/vc_row][vc_row wrap_container=”yes” animation_delay=”200″ css=”.vc_custom_1706279989369margin-top: 59px !important;margin-bottom: 44px !important;” el_class=”m-b-none” conditional_render=”%5B%7B%22value_role%22%3A%22administrator%22%7D%5D” animation_type=”fadeIn”][vc_column el_class=”m-b-none”][vc_custom_heading text=”- Our Blog” font_container=”tag:h2|text_align:left|line_height:42px” google_fonts=”font_family:Playfair%20Display%3Aregular%2Citalic%2C700%2C700italic%2C900%2C900italic|font_style:700%20bold%20regular%3A700%3Anormal” css=”.vc_custom_1706220792437margin-bottom: 16px !important;”][porto_tb_posts spacing=”0″ columns=”1″ count=”1″ builder_id=”751″][/vc_column][/vc_row]

[hearteyes121x]

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}

[classygreydove]

Light Mode Work Skin for the fic To Be a Dragon Among Men

This is the code and urls for the custom light mode work skin I made for my fic To Be a Dragon. Feel free to use it for your own works or for site skins, just remember to credit my user if you do.

[EDIT 25-02-21: The URL for the page break image was incorrect. It has been replaced with the correct URL.]

[EDIT 25-03-18: Fixed padding for .frameborder class]

Additional Resources

A Step-by-Step Guide to Work Skins from AO3 News - A great basic guide to what work skins are and how to make one.

How to Apply Work Skins to Others' Works by classygreydove - This is a guide I made on how to make a work skin into a site skin. You'll need to know this if you want to apply the work skin to any fic you want to read.

How to Change Work Skin Font by classygreydove - Don't like the font I use for the work skin? Don't worry, I'll show you how to change it.

Dark Mode Skin CSS - You can find the code for the dark mode skin here.

Light and Dark Mode Backgrounds - You can find the background images for the Light and Dark Mode work skins here.

Other Background Options - Here are a few mid-tone backgrounds that will have a lower contrast to the text.

Line Breaks (for Phone) - Do you like the custom dragon line breaks? Here's the phone-sized ones.

Line Breaks (for Wide Screens) - Do you like the custom dragon line breaks? Here's the laptop-sized ones.

[Code begins under Keep reading break]

#workskin .userstuff .hr, #workskin .hr, #workskin hr { height: 36px; width: 178px; background: url(https://64.media.tumblr.com/f849e48f47942db9d3ffe136de07193f/d0f8688c32033f2d-eb/s250x400/ed6b9f36c2bd22e6f33d2ec444eb9449fdea2cf7.png); background-repeat: no-repeat; background-position: center; border: 0; }

#workskin { background: url(https://64.media.tumblr.com/e26bf1c1315eb6d66c8a5f8ce150ef0a/4dcdf7c3c32cb0d1-dc/s2048x3072/0e5e9ff5b9d9e88aa8e7540746867bb95cdd5b75.png); background-repeat: repeat-y repeat-x; background-position: top; color: #172330 !important; font-family: 'Georgia', 'Lucida Grande', 'Verdana'; }

#workskin a { background: linear-gradient(135deg, #8f751b 0%, #dac76b 50%, #aa8c21 75%) !important; -webkit-background-clip: text !important; -webkit-text-fill-color: transparent !important; border-bottom: 0px; }

#workskin a:hover, #workskin a:active { background: linear-gradient(135deg, #8f751b 10%, #c9b44c 60%, #aa8c21 100%) !important; -webkit-background-clip: text !important; -webkit-text-fill-color: transparent !important; }

#workskin ::selection a { background-color: #6180ae; color: #ddebff !important; }

#workskin h2, #workskin h3 { line-height: 1.25; font-variant: small-caps; }

#workskin .userstuff blockquote { display: block; border: 2px solid #b4853f; border-image: linear-gradient(135deg, #8f751b 0%, #dac76b 50%, #aa8c21 75%); border-image-slice: 1; padding: 15px 15px 15px 15px; margin-left: 1.5em; margin-right: 1.5em; }

#workskin .goldborder { display: block; border: 2px solid #b4853f; border-image: linear-gradient(135deg, #8f751b 0%, #dac76b 50%, #aa8c21 75%); border-image-slice: 1; padding: 15px 15px 15px 15px; }

#workskin .frameborder { display: block; border: 2px solid #b4853f; border-image: linear-gradient(135deg, #8f751b 0%, #dac76b 50%, #aa8c21 75%); border-image-slice: 1; padding: 0px; }

#workskin .mobilebreak { width: 178px; max-width: 100%; max-height: 100%; display: block; margin-left: auto; margin-right: auto; }

#workskin .textlink { font-variant: small-caps; }

#workskin .notesheading { font-size: 120%; font-variant: small-caps; font-family: 'Georgia', 'Lucida Grande', 'Verdana'; line-height: 2; }

#workskin .triggerwarning { color: rgba(240, 240, 240, 0.9); border-radius: 5px; background: rgba(128, 0, 0, 0.8); padding-left: 2px; padding-right: 2px; font-weight: bold; font-variant: small-caps; }

[kandztuts]

CSS 💻 17 - margin, padding and border properties

New Post has been published on https://tuts.kandz.me/css-%f0%9f%92%bb-17-margin-padding-and-border-properties/

CSS 💻 17 - margin, padding and border properties

a - margin property margin → specifies the space around an element You can specify 1 value for each side(top, right, bottom, and left), 1 value for all sides... 2 values 1st for top & bottom and 2nd left & right and 3 values 1st for top, 2nd for left & right and 3rd for bottom You can also specify each side separately with margin-top|right|bottom|left values → length, percentage and auto(selects the suitable margin to use) margin: 20px; → Set all four margins to 20 pixels margin-top: 10px; → sets top margin margin-right: 20px; → sets right margin margin-bottom: 30px; → sets bottom margin margin-left: 40px; → sets left margin b - padding property padding → specifies the space between border and the element content You can specify 1 value for each side(top, right, bottom, and left), 1 value for all sides... 2 values 1st for top & bottom and 2nd left & right and... 3 values 1st for top, 2nd for left & right and 3rd for bottom You can also specify each side separately with padding-top|right|bottom|left values → length and percentage padding: 20px; → Set all four paddings to 20 pixels padding-top: 10px; → sets top padding padding-right: 20px; → sets right padding padding-bottom: 30px; → sets bottom padding padding-left: 40px; → sets left padding c - border property border → is a shorthand property for border-width, border-style and border-color. It is used to set a border to all 4 sides 1st value is the width, 2nd the style and 3rd the color You can specify one of the three values if you need to You can also specify each side separately with border-top|right|bottom|left width values → thin, medium and thick keyword and length values style values → none, hidden, dotted, dashed, solid, double, groove, ridge, inset and outset color values → color keywords, hexadecimal values, rgb(a) abd hsl(a) values border: 1px solid #000; → Set a solid black border with width of 1px border: 2px dashed red; → Set a dashed red border with width of 2px