Autopatrolled, New page reviewers, Rollbackers
2,192
edits
No edit summary Tags: Mobile edit Mobile web edit Advanced mobile edit |
No edit summary Tags: Mobile edit Mobile web edit Advanced mobile edit |
||
(33 intermediate revisions by the same user not shown) | |||
Line 1: | Line 1: | ||
==Text color gradients== | |||
===Multiple gradients=== | |||
<span style="color:#ff99aa;">H</span><span style="color:#55ff00;">e</span><span style="color:#7722ff;">l</span><span style="color:#ff99aa;">l</span><span style="color:#55ff00;">o</span> <span style="color:#7722ff;">W</span><span style="color:#ff99aa;">o</span><span style="color:#55ff00;">r</span><span style="color:#7722ff;">l</span><span style="color:#ff99aa;">d</span> | |||
===Two gradients=== | |||
*<span style="background: linear-gradient(to right, #3498db, #2ecc71); -webkit-background-clip: text; color: transparent;">Hello</span> <span style="background: linear-gradient(to right, #7722ff, #ff99aa); -webkit-background-clip: text; color: transparent;">World</span> | |||
*<span style="background: linear-gradient(to right, #9b59b6, #e74c3c); -webkit-background-clip: text; color: transparent;">Hello</span> <span style="background: linear-gradient(to right, #7722ff, #ff99aa); -webkit-background-clip: text; color: transparent;">World</span> | |||
*<span style="background: linear-gradient(to right, #e67e22, #008080); -webkit-background-clip: text; color: transparent;">Hello</span> <span style="background: linear-gradient(to right, #7722ff, #ff99aa); -webkit-background-clip: text; color: transparent;">World</span> | |||
*<span style="background: linear-gradient(to right, #f1c40f, #e91e63); -webkit-background-clip: text; color: transparent;">Hello</span> <span style="background: linear-gradient(to right, #7722ff, #ff99aa); -webkit-background-clip: text; color: transparent;">World</span> | |||
*<span style="background: linear-gradient(to right, #3f51b5, #00bcd4); -webkit-background-clip: text; color: transparent;">Hello</span> <span style="background: linear-gradient(to right, #7722ff, #ff99aa); -webkit-background-clip: text; color: transparent;">World</span> | |||
*<span style="background: linear-gradient(to right, #ff5722, #03a9f4); -webkit-background-clip: text; color: transparent;">Hello</span> <span style="background: linear-gradient(to right, #7722ff, #ff99aa); -webkit-background-clip: text; color: transparent;">World</span> | |||
*<span style="background: linear-gradient(to right, #cddc39, #ffc107); -webkit-background-clip: text; color: transparent;">Hello</span> <span style="background: linear-gradient(to right, #7722ff, #ff99aa); -webkit-background-clip: text; color: transparent;">World</span> | |||
*<span style="background: linear-gradient(to right, #795548, #9e9e9e); -webkit-background-clip: text; color: transparent;">Hello</span> <span style="background: linear-gradient(to right, #7722ff, #ff99aa); -webkit-background-clip: text; color: transparent;">World</span> | |||
*<span style="background: linear-gradient(to right, #607d8b, #673ab7); -webkit-background-clip: text; color: transparent;">Hello</span> <span style="background: linear-gradient(to right, #7722ff, #ff99aa); -webkit-background-clip: text; color: transparent;">World</span> | |||
*<span style="background: linear-gradient(to right, #8bc34a, #e91e63); -webkit-background-clip: text; color: transparent;">Hello</span> <span style="background: linear-gradient(to right, #7722ff, #ff99aa); -webkit-background-clip: text; color: transparent;">World</span> | |||
*<span style="background: linear-gradient(to right, #3498db, #2ecc71); -webkit-background-clip: text; color: transparent;">Hello</span> <span style="background: linear-gradient(to right, #7722ff, #ff99aa); -webkit-background-clip: text; color: transparent;">World</span> | |||
*<span style="background: linear-gradient(to right, #9b59b6, #e74c3c); -webkit-background-clip: text; color: transparent;">Hello</span> <span style="background: linear-gradient(to right, #7722ff, #ff99aa); -webkit-background-clip: text; color: transparent;">World</span> | |||
*<span style="background: linear-gradient(to right, #e67e22, #008080); -webkit-background-clip: text; color: transparent;">Hello</span> <span style="background: linear-gradient(to right, #7722ff, #ff99aa); -webkit-background-clip: text; color: transparent;">World</span> | |||
*<span style="background: linear-gradient(to right, #f1c40f, #e91e63); -webkit-background-clip: text; color: transparent;">Hello</span> <span style="background: linear-gradient(to right, #7722ff, #ff99aa); -webkit-background-clip: text; color: transparent;">World</span> | |||
*<span style="background: linear-gradient(to right, #3f51b5, #00bcd4); -webkit-background-clip: text; color: transparent;">Hello</span> <span style="background: linear-gradient(to right, #7722ff, #ff99aa); -webkit-background-clip: text; color: transparent;">World</span> | |||
*<span style="background: linear-gradient(to right, #ff5722, #03a9f4); -webkit-background-clip: text; color: transparent;">Hello</span> <span style="background: linear-gradient(to right, #7722ff, #ff99aa); -webkit-background-clip: text; color: transparent;">World</span> | |||
*<span style="background: linear-gradient(to right, #cddc39, #ffc107); -webkit-background-clip: text; color: transparent;">Hello</span> <span style="background: linear-gradient(to right, #7722ff, #ff99aa); -webkit-background-clip: text; color: transparent;">World</span> | |||
*<span style="background: linear-gradient(to right, #795548, #9e9e9e); -webkit-background-clip: text; color: transparent;">Hello</span> <span style="background: linear-gradient(to right, #7722ff, #ff99aa); -webkit-background-clip: text; color: transparent;">World</span> | |||
*<span style="background: linear-gradient(to right, #607d8b, #673ab7); -webkit-background-clip: text; color: transparent;">Hello</span> <span style="background: linear-gradient(to right, #7722ff, #ff99aa); -webkit-background-clip: text; color: transparent;">World</span> | |||
*<span style="background: linear-gradient(to right, #8bc34a, #e91e63); -webkit-background-clip: text; color: transparent;">Hello</span> <span style="background: linear-gradient(to right, #7722ff, #ff99aa); -webkit-background-clip: text; color: transparent;">World</span> | |||
==Text colour syntaxes== | |||
'''<font color="#3498db">Hello</font>''' ''<font color="#e74c3c">World</font>'' | |||
'''<font color="#2ecc71">Hello</font>''' ''<font color="#27ae60">World</font>'' | |||
'''<font color="#9b59b6">Hello</font>''' ''<font color="#8e44ad">World</font>'' | |||
'''<font color="#e74c3c">Hello</font>''' ''<font color="#c0392b">World</font>'' | |||
'''<font color="#e67e22">Hello</font>''' ''<font color="#d35400">World</font>'' | |||
'''<font color="#008080">Hello</font>''' ''<font color="#00cccc">World</font>'' | |||
'''<font color="#f1c40f">Hello</font>''' ''<font color="#f39c12">World</font>'' | |||
'''<font color="#e91e63">Hello</font>''' ''<font color="#d81b60">World</font>'' | |||
'''<font color="#3f51b5">Hello</font>''' ''<font color="#3949ab">World</font>'' | |||
'''<font color="#00bcd4">Hello</font>''' ''<font color="#009688">World</font>'' | |||
'''<font color="#ff5722">Hello</font>''' ''<font color="#e64a19">World</font>'' | |||
'''<font color="#03a9f4">Hello</font>''' ''<font color="#0288d1">World</font>'' | |||
'''<font color="#cddc39">Hello</font>''' ''<font color="#8bc34a">World</font>'' | |||
'''<font color="#ffc107">Hello</font>''' ''<font color="#ff9800">World</font>'' | |||
'''<font color="#795548">Hello</font>''' ''<font color="#6d4c41">World</font>'' | |||
'''<font color="#9e9e9e">Hello</font>''' ''<font color="#616161">World</font>'' | |||
'''<font color="#607d8b">Hello</font>''' ''<font color="#455a64">World</font>'' | |||
'''<font color="#673ab7">Hello</font>''' ''<font color="#512da8">World</font>'' | |||
'''<font color="#8bc34a">Hello</font>''' ''<font color="#7cb342">World</font>'' | |||
'''<font color="#e91e63">Hello</font>''' ''<font color="#d81b60">World</font>'' | |||
== '''Different backgrounds Syntaxes''' == | |||
<div style="background: linear-gradient(to right, #3498db, #2980b9); padding: 10px; border-radius: 5px; color: #fff;"> | |||
</div> | |||
<div style="background: linear-gradient(to right, #2ecc71, #27ae60); padding: 10px; border-radius: 5px; color: #fff;"> | |||
</div> | |||
<div style="background: linear-gradient(to right, #9b59b6, #8e44ad); padding: 10px; border-radius: 5px; color: #fff;"> | |||
</div> | |||
<div style="background: linear-gradient(to right, #e74c3c, #c0392b); padding: 10px; border-radius: 5px; color: #fff;"> | |||
</div> | |||
<div style="background: linear-gradient(to right, #e67e22, #d35400); padding: 10px; border-radius: 5px; color: #fff;"> | |||
</div> | |||
<div style="background: linear-gradient(to right, #008080, #00cccc); padding: 10px; border-radius: 5px; color: #fff;"> | |||
</div> | |||
<div style="background: linear-gradient(to right, #f1c40f, #f39c12); padding: 10px; border-radius: 5px; color: #fff;"> | |||
</div> | |||
<div style="background: linear-gradient(to right, #e91e63, #d81b60); padding: 10px; border-radius: 5px; color: #fff;"> | |||
</div> | |||
<div style="background: linear-gradient(to right, #3f51b5, #3949ab); padding: 10px; border-radius: 5px; color: #fff;"> | |||
</div> | |||
<div style="background: linear-gradient(to right, #00bcd4, #009688); padding: 10px; border-radius: 5px; color: #fff;"> | |||
</div> | |||
<div style="background: linear-gradient(to right, #ff5722, #e64a19); padding: 10px; border-radius: 5px; color: #fff;"> | |||
</div> | |||
<div style="background: linear-gradient(to right, #03a9f4, #0288d1); padding: 10px; border-radius: 5px; color: #fff;"> | |||
</div> | |||
<div style="background: linear-gradient(to right, #cddc39, #8bc34a); padding: 10px; border-radius: 5px; color: #fff;"> | |||
</div> | |||
<div style="background: linear-gradient(to right, #ffc107, #ff9800); padding: 10px; border-radius: 5px; color: #fff;"> | |||
</div> | |||
<div style="background: linear-gradient(to right, #795548, #6d4c41); padding: 10px; border-radius: 5px; color: #fff;"> | |||
</div> | |||
<div style="background: linear-gradient(to right, #9e9e9e, #616161); padding: 10px; border-radius: 5px; color: #fff;"> | |||
</div> | |||
<div style="background: linear-gradient(to right, #607d8b, #455a64); padding: 10px; border-radius: 5px; color: #fff;"> | |||
</div> | |||
<div style="background: linear-gradient(to right, #673ab7, #512da8); padding: 10px; border-radius: 5px; color: #fff;"> | |||
</div> | |||
<div style="background: linear-gradient(to right, #8bc34a, #7cb342); padding: 10px; border-radius: 5px; color: #fff;"> | |||
</div> | |||
<div style="background: linear-gradient(to right, #e91e63, #d81b60); padding: 10px; border-radius: 5px; color: #fff;"> | |||
</div> | |||
<div style="background: linear-gradient(to right, #ff7e5f, #feb47b); padding: 10px; border-radius: 5px; color: #fff;"> | |||
</div> | |||
'''Applying''' | |||
<div style="background: linear-gradient(to right, #3498db, #2980b9); padding: 10px; border-radius: 5px; color: linear-gradient(to right, #fff, #000);"> | |||
<h1>Hello World</h1> | |||
</div> | |||
<div style="background: linear-gradient(to right, #2ecc71, #27ae60); padding: 10px; border-radius: 5px; color: linear-gradient(to right, #fff, #000);"> | |||
<h1>Hello World</h1> | |||
</div> | |||
<div style="background: linear-gradient(to right, #9b59b6, #8e44ad); padding: 10px; border-radius: 5px; color: linear-gradient(to right, #fff, #000);"> | |||
<h1>Hello World</h1> | |||
</div> | |||
<div style="background: linear-gradient(to right, #e74c3c, #c0392b); padding: 10px; border-radius: 5px; color: linear-gradient(to right, #fff, #000);"> | |||
<h1>Hello World</h1> | |||
</div> | |||
<div style="background: linear-gradient(to right, #e67e22, #d35400); padding: 10px; border-radius: 5px; color: linear-gradient(to right, #fff, #000);"> | |||
<h1>Hello World</h1> | |||
</div> | |||
<div style="background: linear-gradient(to right, #008080, #00cccc); padding: 10px; border-radius: 5px; color: linear-gradient(to right, #fff, #000);"> | |||
<h1>Hello World</h1> | |||
</div> | |||
<div style="background: linear-gradient(to right, #f1c40f, #f39c12); padding: 10px; border-radius: 5px; color: linear-gradient(to right, #fff, #000);"> | |||
<h1>Hello World</h1> | |||
</div> | |||
<div style="background: linear-gradient(to right, #e91e63, #d81b60); padding: 10px; border-radius: 5px; color: linear-gradient(to right, #fff, #000);"> | |||
<h1>Hello World</h1> | |||
</div> | |||
<div style="background: linear-gradient(to right, #3f51b5, #3949ab); padding: 10px; border-radius: 5px; color: linear-gradient(to right, #fff, #000);"> | |||
<h1>Hello World</h1> | |||
</div> | |||
<div style="background: linear-gradient(to right, #00bcd4, #009688); padding: 10px; border-radius: 5px; color: linear-gradient(to right, #fff, #000);"> | |||
<h1>Hello World</h1> | |||
</div> | |||
<div style="background: linear-gradient(to right, #ff5722, #e64a19); padding: 10px; border-radius: 5px; color: linear-gradient(to right, #fff, #000);"> | |||
<h1>Hello World</h1> | |||
</div> | |||
<div style="background: linear-gradient(to right, #03a9f4, #0288d1); padding: 10px; border-radius: 5px; color: linear-gradient(to right, #fff, #000);"> | |||
<h1>Hello World</h1> | |||
</div> | |||
<div style="background: linear-gradient(to right, #cddc39, #8bc34a); padding: 10px; border-radius: 5px; color: linear-gradient(to right, #fff, #000);"> | |||
<h1>Hello World</h1> | |||
</div> | |||
<div style="background: linear-gradient(to right, #ffc107, #ff9800); padding: 10px; border-radius: 5px; color: linear-gradient(to right, #fff, #000);"> | |||
<h1>Hello World</h1> | |||
</div> | |||
<div style="background: linear-gradient(to right, #795548, #6d4c41); padding: 10px; border-radius: 5px; color: linear-gradient(to right, #fff, #000);"> | |||
<h1>Hello World</h1> | |||
</div> | |||
<div style="background: linear-gradient(to right, #9e9e9e, #616161); padding: 10px; border-radius: 5px; color: linear-gradient(to right, #fff, #000);"> | |||
<h1>Hello World</h1> | |||
</div> | |||
<div style="background: linear-gradient(to right, #607d8b, #455a64); padding: 10px; border-radius: 5px; color: linear-gradient(to right, #fff, #000);"> | |||
<h1>Hello World</h1> | |||
</div> | |||
<div style="background: linear-gradient(to right, #673ab7, #512da8); padding: 10px; border-radius: 5px; color: linear-gradient(to right, #fff, #000);"> | |||
<h1>Hello World</h1> | |||
</div> | |||
<div style="background: linear-gradient(to right, #8bc34a, #7cb342); padding: 10px; border-radius: 5px; color: linear-gradient(to right, #fff, #000);"> | |||
<h1>Hello World</h1> | |||
</div> | |||
<div style="background: linear-gradient(to right, #e91e63, #d81b60); padding: 10px; border-radius: 5px; color: linear-gradient(to right, #fff, #000);"> | |||
<h1>Hello World</h1> | |||
</div> | |||
== Signature syntaxes == | |||
..noiceew everything on my userpage working perfectly in mobile view... | |||
[[User:Bharatwiki_Socrates|<span style="background: linear-gradient(45deg, #3498db, #e74c3c); -webkit-background-clip: text; -webkit-text-fill-color: transparent; font-weight: bold; font-family: 'Verdana'; text-shadow: 1px 1px 2px #333;">🍁Bharatwiki Socrates🍁</span>]] ([[User talk:Bharatwiki_Socrates|<span style="color: #3498db;">talk</span>]]) | |||
[[User:Bharatwiki_Socrates|<span style="background: linear-gradient(45deg, #3498db, #e74c3c); -webkit-background-clip: text; -webkit-text-fill-color: transparent; font-weight: bold; font-family: 'Verdana'; text-shadow: 1px 1px 2px #333;">🍁Bharatwiki Socrates🍁</span>]] ([[User talk:Bharatwiki_Socrates|talk]]) | |||
[[User:Bharatwiki_Socrates|🍁Bharatwiki Socrates🍁]] ([[User talk:Bharatwiki_Socrates|talk]]) | |||
[[User:Bharatwiki_Socrates|<span style="background: linear-gradient(45deg, #3498db, #e74c3c); -webkit-background-clip: text; color: transparent; font-weight: bold; font-family: 'Verdana'; text-shadow: 1px 1px 2px #333;">🍁Bharatwiki Socrates🍁</span>]] ([[User talk:Bharatwiki_Socrates|talk]]) | |||
[[User:Bharatwiki_Socrates|<span style="background: linear-gradient(45deg, #3498db, #e74c3c); -webkit-background-clip: text; color: transparent; font-weight: bold; font-family: 'Verdana'; text-shadow: 1px 1px 2px #333;">🍁Bharatwiki Socrates🍁</span>]] 14:22, 31 December 2023 (IST) | |||
[[User:Bharatwiki_Socrates|<span style="background: linear-gradient(45deg, #3498db, #e74c3c); -webkit-background-clip: text; color: transparent; font-weight: bold; font-family: 'Verdana'; text-shadow: 1px 1px 2px #333;">🍁Bharatwiki Socrates🍁</span>]] 13:16, 31 December 2023 (IST) | |||
_____________ | |||
[[User:Bharatwiki_Socrates|<span style="background: linear-gradient(45deg, #3498db, #e74c3c); -webkit-background-clip: text; color: transparent; font-weight: bold; font-family: 'Verdana', sans-serif;"> | [[User:Bharatwiki_Socrates|<span style="background: linear-gradient(45deg, #3498db, #e74c3c); -webkit-background-clip: text; color: transparent; font-weight: bold; font-family: 'Verdana', sans-serif;">🍁Bharatwiki Socrates🍁</span>]] 13:06, 31 December 2023 (IST) | ||
[[User:Bharatwiki_Socrates|<span style="background: linear-gradient(45deg, #3498db, #e74c3c); -webkit-background-clip: text; color: transparent; font-weight: bold; font-family: 'Verdana', sans-serif; text-shadow: 1px 1px 2px #333;">🍁Bharatwiki Socrates🍁</span>]] | [[User:Bharatwiki_Socrates|<span style="background: linear-gradient(45deg, #3498db, #e74c3c); -webkit-background-clip: text; color: transparent; font-weight: bold; font-family: 'Verdana', sans-serif; text-shadow: 1px 1px 2px #333;">🍁Bharatwiki Socrates🍁</span>]] | ||
Line 43: | Line 288: | ||
[[User:Bharatwiki_Socrates|<span style="background: linear-gradient(45deg, #2ecc71, #f39c12); color: #fff; font-weight: bold; font-family: 'Verdana', sans-serif; text-shadow: 1px 1px 2px #333; padding: 5px; border-radius: 5px;">🌟 Bharatwiki Socrates 🌟</span>]] | [[User:Bharatwiki_Socrates|<span style="background: linear-gradient(45deg, #2ecc71, #f39c12); color: #fff; font-weight: bold; font-family: 'Verdana', sans-serif; text-shadow: 1px 1px 2px #333; padding: 5px; border-radius: 5px;">🌟 Bharatwiki Socrates 🌟</span>]] | ||
Some more, styles........ | |||
[[User:Bharatwiki_Socrates|<span style="font-weight:bold;color:#1f618d;text-shadow:1px 1px 2px #3498db;">🍁Bharatwiki Socrates🍁</span>]][[User talk:Bharatwiki_Socrates|<span style="color:#FF9933;font-weight:bold;text-shadow:1px 2px #1f618d;">(📩)</span>]] | |||
[[User:Bharatwiki_Socrates|<span style="font-weight:bold;color:#1f618d;text-shadow:1px 1px 2px #3498db;">🍁Bharatwiki Socrates🍁</span>]][[User talk:Bharatwiki_Socrates|<span style="color:#FF9933;font-weight:bold;text-shadow:1px 2px #1f618d;">(🦜)</span>]] | |||
[[User:Bharatwiki_Socrates|<span style="font-weight:bold; color:#1f618d; text-shadow: 1px 1px 2px #3498db;">🍁Bharatwiki Socrates🍁</span>]][[User talk:Bharatwiki_Socrates|<span style="color:#3498db; font-weight:bold; text-shadow: 1px 1px 2px #1f618d;">(Talk 🦜)</span>]] | |||
[[User:Bharatwiki_Socrates|<span style="font-weight:bold;color:#1f618d;text-shadow:1px 1px 2px #3498db;">🍁Bharatwiki Socrates🍁</span>]][[User talk:Bharatwiki_Socrates|<span style="color:#FF9933;font-weight:bold;text-shadow:1px 1px 2px #1f618d;">(Talk 🦜)</span>]] | |||
[[User:Bharatwiki_Socrates|<span style="font-weight:bold;color:#3498db;text-shadow:1px 1px 2px #1f618d;">🍁Bharatwiki Socrates🍁</span>]][[User talk:Bharatwiki_Socrates|<span style="color:#3498db;font-weight:bold;text-shadow:1px 1px 2px #1f618d;">(Talk 🦜)</span>]] | |||
[[User:Bharatwiki_Socrates|<span style="font-weight:bold; color:#3498db; text-shadow: 1px 1px 2px #1f618d;">🍁Bharatwiki Socrates🍁</span>]][[User talk:Bharatwiki_Socrates|<span style="color:#3498db; font-weight:bold; text-shadow: 1px 1px 2px #1f618d;">(Talk 🦜)</span>]] | |||
[[User:Bharatwiki_Socrates|<span style="background:linear-gradient(#3498db,#e74c3c);-webkit-background-clip:text;-webkit-text-fill-color:transparent>🍁Bharatwiki Socrates🍁</span>]] | |||
[[User talk:Bharatwiki_Socrates|<span style="color:#3498db;">(talk)</span>]] | |||
[[User:Bharatwiki_Socrates|<span style="font-weight:bold;">🍁Bharatwiki Socrates🍁</span>]][[User talk:Bharatwiki_Socrates|<span style="color:#3498db;font-weight:bold;">(Talk 🦜)</span>]] | |||
[[User:Bharatwiki_Socrates|<span style="background;">🍁Bharatwiki Socrates🍁</span>]][[User talk:Bharatwiki_Socrates|<span style="color:#3498db;">(Talk 🦜)</span>]] | |||
[[User:Bharatwiki_Socrates|<span style="background:linear-gradient(#3498db,#e74c3c);-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-weight:bold;">🍁Bharatwiki Socrates🍁</span>]][[User talk:Bharatwiki_Socrates|<span style="color:#3498db;font-weight:bold;">(Talk 🦜)</span>]] | |||
[[User:Bharatwiki_Socrates|<span style="background:#3498db;">🍁Bharatwiki Socrates🍁</span>]][[User talk:Bharatwiki_Socrates|<span style="color:#3498db;font-weight:bold;">(Talk 🦜)</span>]] | |||
Now ,,, | |||
[[User:Bharatwiki_Socrates|<span style="font-weight:bold;color:#1f618d;text-shadow:1px 1px 2px #3498db;">🍁Bharatwiki Socrates🍁</span>]][[User talk:Bharatwiki_Socrates|<span style="color:#FF9933;font-weight:bold;text-shadow:1px 2px #1f618d;">(📩)</span>]] 17:49, 31 December 2023 (IST |