Account name:
Password
(OpenID?)
(Forgot it?)
Remember Me
You're viewing
style_system
Create a Dreamwidth Account
Learn More
Interest
Region
Site and Account
FAQ
Email
Reload page in style:
light
Recent Entries
Archive
Member Posts
Tags
Memories
Profile
Dreamwidth style system discussion
May. 13th, 2023
Previous Day
|
Next Day
May. 13th, 2023
(no subject)
May
.
13th
,
2023
09:43 pm
juneghosts
hi! i think how i can use same font that
forbiddenfruit
? I think is it Google font? here are the url ->
https://fonts.googleapis.com/css2?family=M+PLUS+Rounded+1c&family=PT+Sans&display=swap
and my codes
/* WENTHAM - layout by manual@dw For the BLANKET theme functional custom pages, disabled modules tiny icons from http://p.yusukekamiyamane.com/*/ /* latin */ @font-face { font-family: 'IM Fell English'; font-style: normal; font-weight: 400; src: local('IM FELL English Roman'), local('IM_FELL_English_Roman'), url(https://fonts.gstatic.com/s/imfellenglish/v6/xwIisCqGFi8pff-oa9uSVAkYLEKE0CJQa8tfZYc_plY.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000; } /* latin */ @font-face { font-family: 'IM Fell English'; font-style: italic; font-weight: 400; src: local('IM FELL English Italic'), local('IM_FELL_English_Italic'), url(https://fonts.gstatic.com/s/imfellenglish/v6/Z3cnIAI_L3XTRfz4JuZKbmwF2xAZ8zQZAh2gFEDZc7E.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000; } body { padding: 0; margin: 0; text-align: center; color: #000; background-color: #FEFEFF; font-family: 'IM FELL English Roman', 'Lora', serif; font-size: 1em; } a, a:active { text-decoration: none; color: #333; } a:visited { color: #666; } a:hover { color: #000; } q { font-style: italic; } #canvas { margin: 0 auto 3em auto; text-align: justify; padding: 0; } #content { padding: 0; margin: 0; } #primary { width: 56%; margin: 0 auto; z-index: 0; padding: 0; } #tertiary { display: none; } /*--- header + footer ---*/ #header { width: 60%; margin: 0 auto 2em auto; background-color: transparent; } #header>.inner { padding: 4em 2em; } #footer { display: block; clear: both; } .page-top, div.navigation.bottomnav { width: 60%; margin: 0 auto; text-transform: lowercase; text-align: center; font-weight: bolder; letter-spacing: 3pt; font-size: 1.0em; font-style: italic; } .navigation { text-transform: uppercase; text-align: right; width: 100%; } li.page-back, li.page-forward { display: inline; list-style: none; padding: 0; margin: 0 0 0 0.3125em; } li.page-separator { display: none; } div.navigation ul { display: inline; padding: 0; margin: 0; } div.navigation.topnav { display: none; } /*--- header texts ---*/ div#header h1#title { text-transform: uppercase; font-weight: 100; text-align: center; letter-spacing: 3pt; padding: 0; margin: 0; color: inherit; font-family: inherit; font-style:italic; font-size: 2,0em; } div#header h2#subtitle { text-transform: lowercase; font-weight: 600; text-align: center; letter-spacing: 3pt; padding: 0; margin: 0; color: inherit; font-family: inherit; font-style:italic; font-size: 1em; } div#header h2#pagetitle { display: none; } /*--- navigation links ---*/ div.module-navlinks, div.module-navlinks ul.module-list, div.module-navlinks ul.module-list li { display: none; } /*--- modules ---*/ #secondary, #secondary>.inner, #secondary .module, #secondary .module-header, #secondary .module-header a, #secondary .module-header, #secondary .separator-after, .module-tags_cloud, .module-tags_cloud .module-content, .module-tags_cloud li, .tags_cloud li, ul.userlite-interaction-links.icon-links, ul.userlite-interaction-links.icon-links li, .module-calendar td a, .module-credit dt, .module-search .search-form, .module-search .search-box, #secondary .module-content, #secondary .module-content ul, #secondary .module-content li { display: none; } /*--- entry ---*/ div.entry { padding: 0; margin: 0 0 3em 0; color: #221922; background-color: transparent !important; } div.entry-content { margin: 1em 1em 1em 1.4em; } div.entry-content a, a.active, a.visited, a.hover {font-weight: 800; font-style: italic; background-color: #d2d1d2;} div.header { padding: 0; margin: 0 0 1em 0; } h3.entry-title { font-weight: normal; letter-spacing: 2pt; padding: 0; margin: 0; font-family: inherit; font-size: 1.8em; color: #099aaf; font-style:italic; } h3.entry-title a { color: #000; } h3.sticky-entry-title.entry-title { font: inherit; color: inherit; text: inherit; } h3.sticky-entry-title.entry-title img { -webkit-filter: grayscale(1); } .datetime { font-size: 0.80em; font-weight: normal; text-transform: lowercase; letter-spacing: 2px; font-style: italic; padding: 5px 0; color: #999999; } .datetime a { color: #999999; } .userpic { display: inline-block; } .userpic img { padding: 16px; background-color: #ffffff; border-radius: 50%; margin-left: -120px; height: 90px; width: 90px; } span.poster.entry-poster{ font-size: 0.9em; font-weight: normal; text-transform: lowercase; letter-spacing: 0; padding: 0; color: #c8c8c8; } img.ContextualPopup-trigger { margin-bottom: 2px; padding: 0 2px; width: 12px; height: 12px; } span.cuttag_container img { display: none; } /* To prevent overlapping when icon's on the left */ /* and list is the first thing in content */ .entry-content li, .comment-content li { list-style-position: inside; } .metadata { margin: 2em 0 0 0; } .metadata.top-metadata { margin: 1em 0 2em 0; } div.metadata ul { padding: 0; margin: 0; } div.metadata ul li { list-style: none; font-size: 0.9em; font-weight: normal; text-transform: lowercase; letter-spacing: 0; padding: 0; color: #c8c8c8; } span.metadata-label-location, span.metadata-label-mood, span.metadata-label-music { display: none; } span.metadata-item-location { padding: 0 0 0 1.3em; } span.metadata-item-mood { padding: 0 0 0 1.3em; } span.metadata-item-music { padding: 0 0 0 1.3em; } span.tag-text { display: none; } div.tag ul { padding: 0 0 0 1.3em; margin: 0; display: inline; } div.tag ul li { display: inline; list-style: none; font-size: 0.9em; font-weight: normal; text-transform: lowercase; letter-spacing: 0; padding: 0; color: #c8c8c8; } ul.entry-management-links { padding: 0; margin: 2em 0 0 0; -webkit-filter: grayscale(1); text-align: center; } ul.entry-management-links li { display: inline; list-style: none; font-size: 0.9em; font-weight: normal; text-transform: lowercase; letter-spacing: 0; padding: 0 5px 0 0; color: #c8c8c8; } ul.entry-interaction-links { padding: 0 0 0.5em 0; margin: 1em 0 0 0; text-align: center; padding-bottom: 1em; border-bottom: 1px solid #999999; } ul.entry-interaction-links li { display: inline; list-style: none; font-size: 0.9em; font-weight: normal; text-transform: uppercase; letter-spacing: 0; padding: 0 5px 0 0; color: #c8c8c8; } /*--- comments ---*/ .comment-title { font-family: inherit; } .comment-title h4 { font-size: inherit; font-weight: inherit; margin: 0; padding: 0; } hr.above-entry-interaction-links, hr.below-reply-container { display: none; } input, textarea { padding: 5px; font: 1em Helvetica, Arial, 'Arial Narrow', sans-serif; line-height: 1.8em; color: #888888; background-color: #ffffff; border: solid 1px #eeeeee; } textarea.textbox { width: 100% !important; } .comment { margin: 0 auto 2em auto; padding: 40px 20px; border-left: 20px solid #f2ebd7; color: #888888; background-color: #ffffff; } .comment-wrapper { margin: 2em 0; padding: 0; } .bottomcomment, .comments-message { margin: 0 auto 2em auto; padding: 4em 2em; border-left: 20px solid #f2ebd7; color: #888888; background-color: #ffffff; } .comment-management-links ul, .comment-interaction-links ul { margin: 0; padding: 0; list-style: none; } .comment-management-links li, .comment-interaction-links li { display: inline; } #qrform table { border: 0!important; } /*--- archive ---*/ li.active { list-style: none; display: inline; text-transform: uppercase; padding: 0; margin: 0; text-align: center; color: #d58d0f; } .month { margin: 0 auto 2em auto; padding: 4em 2em; border-left: 20px solid #f2ebd7; color: #888888; background-color: #ffffff; } .month h3 { font-size: 1em; font-weight: normal; text-transform: lowercase; letter-spacing: 1px; padding: 0; margin: 0; text-align: right; color: #099aaf; } div.navigation ul { display: inline; } div.navigation li { display: inline; list-style: none; } .month th { font-size: 0.9em; font-weight: normal; text-transform: uppercase; padding: 5px; text-align: center; color: #6c6c6c; background-color: #eeeeee; } .month table { width: 100%; border: 0; margin: auto; } .month caption { display: none; } td.day { padding: .5em; border: .1em solid #eeeeee; } /*--- tags ---*/ .page-tags .tags-container h2 { font-size: 1em; font-weight: normal; text-transform: lowercase; letter-spacing: 1px; padding: 0; margin: 0; text-align: right; color: #099aaf; } .page-tags .tags-container { margin: 0 auto 2em auto; padding: 4em 2em; border-left: 20px solid #f2ebd7; color: #888888; background-color: #ffffff; } .page-tags .tags-container ul { margin: 1em; padding: 0; } .page-tags .tags-container ul li { margin: 0 0 0 1em; padding: 0; list-style: none; } .userpic { float: left; margin: 0 10px 10px 0; } /* ENTRY TINYICON REPLACEMENTS */ #canvas img[src*="user.png"] { width: 0 !important; height: 0 !important; background: transparent!important; background-image: url(http://i.imgur.com/yBoBLMj.png) !important; background-repeat: no-repeat !important; background-position: 0; !important; !important; padding:16px 16px 0 0 !important; } #canvas img[src*="community.png"] { width: 0 !important; height: 0 !important; background: transparent!important; background-image: url(http://i.imgur.com/AdEJonv.png) !important; background-repeat: no-repeat !important; background-position: 0; !important; !important; padding:16px 16px 0 0 !important; } #canvas img[src*="locked.png"] { float: left; width: 0 !important; height: 0 !important; background: transparent!important; background-image: url(http://i.imgur.com/Ju8zWZA.png) !important; background-repeat: no-repeat !important; background-position: 0; !important; !important; margin: 2px 0 5px 5px; padding:16px 16px 0 0 !important; } #canvas img[src*="private.png"] { float: left; width: 0 !important; height: 0 !important; background: transparent!important; background-image: url(http://i.imgur.com/LYPYXaM.png) !important; background-repeat: no-repeat !important; background-position: 0; !important; !important; margin: 2px 0 5px 5px; padding:16px 16px 0 0 !important; } /*--- Navigation Bar ---*/ #lj_controlstrip { background-color: #fff; background-image: none; height: 45px; color: 000; border-bottom: 1px solid #999; box-shadow: 0px 0px 5px #555; } #lj_controlstrip_userpic { padding-top: 5px; padding-left: 5px; height: 45px; } #lj_controlstrip td { font-family: helvetica,arial,sans-serif; font-size: 11px; line-height: 18px; letter-spacing: normal; color: #000; } #lj_controlstrip_statustext { color: #000; font-weight: normal; font-family: helvetica,arial; font-size: 14px; } #lj_controlstrip a, #lj_controlstrip .ljuser a b{ color: #000; padding: 2px; } #lj_controlstrip a:hover { background: #555555; text-decoration: none; } #lj_controlstrip_user, #lj_controlstrip_login, #lj_controlstrip_loggedout_userpic, #lj_controlstrip_actionlinks { border-right: 0px !important; color: #000; }
Previous Day
|
Next Day
Profile
Dreamwidth style system discussion
Recent Entries
Archive
Member Posts
Tags
Memories
Profile
July
2025
S
M
T
W
T
F
S
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
Links
dw_styles
S2 CSS
S2 Guide
S2 Cookbook
Core2
Tabula Rasa
Most Popular Tags
!needs tag
-
9 uses
!style making class
-
9 uses
!tips and resources
-
17 uses
$account level:paid or premium
-
7 uses
browser issues
-
10 uses
bug
-
9 uses
comments
-
16 uses
comments: reply form
-
7 uses
entries:cuttag
-
12 uses
entries:date and time
-
13 uses
entries:entry poster
-
12 uses
entries:interaction links
-
15 uses
entries:management links
-
13 uses
entries:metadata
-
14 uses
entries:restriction image
-
6 uses
entries:subject
-
21 uses
entries:tags
-
13 uses
entries:text
-
17 uses
entries:user icon
-
27 uses
feeds
-
7 uses
header:background or image
-
30 uses
header:title subtitle or page title
-
32 uses
layer:core1
-
24 uses
layer:core2
-
35 uses
layer:theme layer
-
20 uses
layout:blanket
-
6 uses
layout:brittle
-
8 uses
layout:funky circles
-
7 uses
layout:importing or imported from
-
35 uses
layout:modish
-
6 uses
layout:practicality
-
7 uses
layout:tabula rasa
-
26 uses
layout:transmogrified
-
34 uses
module:custom
-
7 uses
module:navlinks
-
34 uses
module:tags
-
26 uses
modules
-
13 uses
modules:section:two
-
7 uses
navigation strip
-
14 uses
page:background
-
10 uses
page:header footer or background image
-
17 uses
page:height and width
-
6 uses
page:navigation
-
24 uses
pageview:read
-
20 uses
pageview:recent
-
7 uses
styles
-
11 uses
stylesheet
-
11 uses
username:icon
-
9 uses
~color
-
15 uses
~font
-
21 uses
Page Summary
juneghosts
-
(no subject)
Style Credit
Style:
Radiant Aqua
for
Venture
by
onlyembers
Expand Cut Tags
No cut tags
Page generated Aug. 16th, 2025 12:17 am
Powered by
Dreamwidth Studios