diff options
author | toma <toma@283d02a7-25f6-0310-bc7c-ecb5cbfe19da> | 2009-11-25 17:56:58 +0000 |
---|---|---|
committer | toma <toma@283d02a7-25f6-0310-bc7c-ecb5cbfe19da> | 2009-11-25 17:56:58 +0000 |
commit | bcb704366cb5e333a626c18c308c7e0448a8e69f (patch) | |
tree | f0d6ab7d78ecdd9207cf46536376b44b91a1ca71 /kopete/styles/Hacker/Contents | |
download | tdenetwork-bcb704366cb5e333a626c18c308c7e0448a8e69f.tar.gz tdenetwork-bcb704366cb5e333a626c18c308c7e0448a8e69f.zip |
Copy the KDE 3.5 branch to branches/trinity for new KDE 3.5 features.
BUG:215923
git-svn-id: svn://anonsvn.kde.org/home/kde/branches/trinity/kdenetwork@1054174 283d02a7-25f6-0310-bc7c-ecb5cbfe19da
Diffstat (limited to 'kopete/styles/Hacker/Contents')
34 files changed, 269 insertions, 0 deletions
diff --git a/kopete/styles/Hacker/Contents/Info.plist b/kopete/styles/Hacker/Contents/Info.plist new file mode 100755 index 00000000..c32e1118 --- /dev/null +++ b/kopete/styles/Hacker/Contents/Info.plist @@ -0,0 +1,42 @@ +<?xml version="1.0" encoding="UTF-8"?> +<!DOCTYPE plist PUBLIC "-//Apple Computer//DTD PLIST 1.0//EN" + "http://www.apple.com/DTDs/PropertyList-1.0.dtd"> +<plist version="1.0"> +<dict> + <key>CFBundleDevelopmentRegion</key> + <string>English</string> + <key>CFBundleGetInfoString</key> + <string>Hacker Kopete chat style</string> + <key>CFBundleIdentifier</key> + <string>Kopete.Hacker.style</string> + <key>CFBundleInfoDictionaryVersion</key> + <string>1.0</string> + <key>CFBundleName</key> + <string>Hacker</string> + <key>CFBundlePackageType</key> + <string>KopeteChatStyle</string> + <key>MessageViewVersion</key> + <integer>1</integer> + <key>DefaultFontFamily</key> + <string>DejaVu Sans Mono</string> + <key>DefaultFontSize</key> + <integer>12</integer> + <key>DisableCustomBackground</key> + <false/> + <key>DefaultBackgroundColor</key> + <string>000000</string> + <key>DisplayNameForNoVariant</key> + <string>Dark</string> + <key>AllowTextColors:Dark</key> + <false/> + <key>DefaultBackgroundColor:Dark2</key> + <string>000000</string> + <key>AllowTextColors:Dark2</key> + <false/> + <key>DefaultBackgroundColor:Light</key> + <string>ffffff</string> + <key>DefaultBackgroundColor:Light2</key> + <string>ffffff</string> + +</dict> +</plist>
\ No newline at end of file diff --git a/kopete/styles/Hacker/Contents/Makefile.am b/kopete/styles/Hacker/Contents/Makefile.am new file mode 100644 index 00000000..599ca35f --- /dev/null +++ b/kopete/styles/Hacker/Contents/Makefile.am @@ -0,0 +1,5 @@ +SUBDIRS = Resources +style_DATA = Info.plist +styledir = $(kde_datadir)/kopete/styles/Hacker/Contents + +EXTRA_DIST = $(style_DATA)
\ No newline at end of file diff --git a/kopete/styles/Hacker/Contents/Resources/Footer.html b/kopete/styles/Hacker/Contents/Resources/Footer.html new file mode 100644 index 00000000..e69de29b --- /dev/null +++ b/kopete/styles/Hacker/Contents/Resources/Footer.html diff --git a/kopete/styles/Hacker/Contents/Resources/Header.html b/kopete/styles/Hacker/Contents/Resources/Header.html new file mode 100644 index 00000000..d0fab6b7 --- /dev/null +++ b/kopete/styles/Hacker/Contents/Resources/Header.html @@ -0,0 +1,8 @@ +<div id="Header"> +<div class="headerContainer"> +<div class="imageContainer"> +<img class="buddyIcon" src="%incomingIconPath%" width="96px"/> +</div> +<div class="chatName">%chatName%</div> +</div> +</div>
\ No newline at end of file diff --git a/kopete/styles/Hacker/Contents/Resources/Incoming/Action.html b/kopete/styles/Hacker/Contents/Resources/Incoming/Action.html new file mode 100644 index 00000000..10dac865 --- /dev/null +++ b/kopete/styles/Hacker/Contents/Resources/Incoming/Action.html @@ -0,0 +1,6 @@ +<div class="container" style="direction: %messageDirection%;"> + <span class="messageTime">%time{%H:%M:%S}%</span> + <div class="Buddy"> * %sender% + <span class="Message"> %message% </span></div> +</div> +<div id="insert"></div>
\ No newline at end of file diff --git a/kopete/styles/Hacker/Contents/Resources/Incoming/Content.html b/kopete/styles/Hacker/Contents/Resources/Incoming/Content.html new file mode 100644 index 00000000..e61ce7b1 --- /dev/null +++ b/kopete/styles/Hacker/Contents/Resources/Incoming/Content.html @@ -0,0 +1,6 @@ +<div class="container" style="direction: %messageDirection%;"> + <span class="messageTime">%time{%H:%M:%S}%</span> + <div class="Buddy"> < %sender% > + <span class="Message"> %message% </span></div> +</div> +<div id="insert"></div>
\ No newline at end of file diff --git a/kopete/styles/Hacker/Contents/Resources/Incoming/Context.html b/kopete/styles/Hacker/Contents/Resources/Incoming/Context.html new file mode 100644 index 00000000..46852f73 --- /dev/null +++ b/kopete/styles/Hacker/Contents/Resources/Incoming/Context.html @@ -0,0 +1,6 @@ +<div class="container" style="direction: %messageDirection%;"> + <span class="messageTime">%time{%H:%M:%S}%</span> + <div class="pastBuddy"> < %sender% > + <span class="pastMessage"> %message% </span></div> +</div> +<div id="insert"></div>
\ No newline at end of file diff --git a/kopete/styles/Hacker/Contents/Resources/Incoming/Makefile.am b/kopete/styles/Hacker/Contents/Resources/Incoming/Makefile.am new file mode 100644 index 00000000..a913da54 --- /dev/null +++ b/kopete/styles/Hacker/Contents/Resources/Incoming/Makefile.am @@ -0,0 +1,4 @@ +style_DATA = Content.html Context.html NextContent.html NextContext.html buddy_icon.png Action.html +styledir = $(kde_datadir)/kopete/styles/Hacker/Contents/Resources/Incoming + +EXTRA_DIST = $(style_DATA)
\ No newline at end of file diff --git a/kopete/styles/Hacker/Contents/Resources/Incoming/NextContent.html b/kopete/styles/Hacker/Contents/Resources/Incoming/NextContent.html new file mode 100644 index 00000000..810920c1 --- /dev/null +++ b/kopete/styles/Hacker/Contents/Resources/Incoming/NextContent.html @@ -0,0 +1,6 @@ +<div class="container" style="direction: %messageDirection%;"> + <span class="messageTime">%time{%H:%M:%S}%</span> + <div class="Buddy"> + <span class="Message"> %message% </span></div> +</div> +<div id="insert"></div>
\ No newline at end of file diff --git a/kopete/styles/Hacker/Contents/Resources/Incoming/NextContext.html b/kopete/styles/Hacker/Contents/Resources/Incoming/NextContext.html new file mode 100644 index 00000000..f3553497 --- /dev/null +++ b/kopete/styles/Hacker/Contents/Resources/Incoming/NextContext.html @@ -0,0 +1,6 @@ +<div class="container" style="direction: %messageDirection%;"> + <span class="messageTime">%time{%H:%M:%S}%</span> + <div class="pastBuddy"> + <span class="pastMessage"> %message% </span></div> +</div> +<div id="insert"></div>
\ No newline at end of file diff --git a/kopete/styles/Hacker/Contents/Resources/Incoming/buddy_icon.png b/kopete/styles/Hacker/Contents/Resources/Incoming/buddy_icon.png Binary files differnew file mode 100644 index 00000000..eeeebaad --- /dev/null +++ b/kopete/styles/Hacker/Contents/Resources/Incoming/buddy_icon.png diff --git a/kopete/styles/Hacker/Contents/Resources/Makefile.am b/kopete/styles/Hacker/Contents/Resources/Makefile.am new file mode 100644 index 00000000..3c76352e --- /dev/null +++ b/kopete/styles/Hacker/Contents/Resources/Makefile.am @@ -0,0 +1,5 @@ +SUBDIRS = images Incoming Outgoing Variants +style_DATA = main.css Footer.html Header.html Status.html +styledir = $(kde_datadir)/kopete/styles/Hacker/Contents/Resources + +EXTRA_DIST = $(style_DATA)
\ No newline at end of file diff --git a/kopete/styles/Hacker/Contents/Resources/Outgoing/Action.html b/kopete/styles/Hacker/Contents/Resources/Outgoing/Action.html new file mode 100644 index 00000000..828bffbb --- /dev/null +++ b/kopete/styles/Hacker/Contents/Resources/Outgoing/Action.html @@ -0,0 +1,6 @@ +<div class="container" style="direction: %messageDirection%;"> + <span class="messageTime">%time{%H:%M:%S}%</span> + <div class="User"> * %sender% + <span class="Message"> %message% </span></div> +</div> +<div id="insert"></div>
\ No newline at end of file diff --git a/kopete/styles/Hacker/Contents/Resources/Outgoing/Content.html b/kopete/styles/Hacker/Contents/Resources/Outgoing/Content.html new file mode 100644 index 00000000..e648a325 --- /dev/null +++ b/kopete/styles/Hacker/Contents/Resources/Outgoing/Content.html @@ -0,0 +1,6 @@ +<div class="container" style="direction: %messageDirection%;"> + <span class="messageTime">%time{%H:%M:%S}%</span> + <div class="user"> < %sender% > + <span class="Message"> %message% </span></div> +</div> +<div id="insert"></div>
\ No newline at end of file diff --git a/kopete/styles/Hacker/Contents/Resources/Outgoing/Context.html b/kopete/styles/Hacker/Contents/Resources/Outgoing/Context.html new file mode 100644 index 00000000..c7796a7a --- /dev/null +++ b/kopete/styles/Hacker/Contents/Resources/Outgoing/Context.html @@ -0,0 +1,6 @@ +<div class="container" style="direction: %messageDirection%;"> + <span class="messageTime">%time{%H:%M:%S}%</span> + <div class="pastUser"> < %sender% > + <span class="pastMessage"> %message% </span></div> +</div> +<div id="insert"></div>
\ No newline at end of file diff --git a/kopete/styles/Hacker/Contents/Resources/Outgoing/Makefile.am b/kopete/styles/Hacker/Contents/Resources/Outgoing/Makefile.am new file mode 100644 index 00000000..3019942d --- /dev/null +++ b/kopete/styles/Hacker/Contents/Resources/Outgoing/Makefile.am @@ -0,0 +1,4 @@ +style_DATA = Content.html NextContent.html Context.html NextContext.html buddy_icon.png Action.html +styledir = $(kde_datadir)/kopete/styles/Hacker/Contents/Resources/Outgoing + +EXTRA_DIST = $(style_DATA) diff --git a/kopete/styles/Hacker/Contents/Resources/Outgoing/NextContent.html b/kopete/styles/Hacker/Contents/Resources/Outgoing/NextContent.html new file mode 100644 index 00000000..e0eac486 --- /dev/null +++ b/kopete/styles/Hacker/Contents/Resources/Outgoing/NextContent.html @@ -0,0 +1,6 @@ +<div class="container" style="direction: %messageDirection%;"> + <span class="messageTime">%time{%H:%M:%S}%</span> + <div class="user"> + <span class="Message"> %message% </span></div> +</div> +<div id="insert"></div>
\ No newline at end of file diff --git a/kopete/styles/Hacker/Contents/Resources/Outgoing/NextContext.html b/kopete/styles/Hacker/Contents/Resources/Outgoing/NextContext.html new file mode 100644 index 00000000..0c6a5df6 --- /dev/null +++ b/kopete/styles/Hacker/Contents/Resources/Outgoing/NextContext.html @@ -0,0 +1,6 @@ +<div class="container" style="direction: %messageDirection%;"> + <span class="messageTime">%time{%H:%M:%S}%</span> + <div class="pastUser"> + <span class="pastMessage"> %message% </span></div> +</div> +<div id="insert"></div>
\ No newline at end of file diff --git a/kopete/styles/Hacker/Contents/Resources/Outgoing/buddy_icon.png b/kopete/styles/Hacker/Contents/Resources/Outgoing/buddy_icon.png Binary files differnew file mode 100644 index 00000000..5a67789d --- /dev/null +++ b/kopete/styles/Hacker/Contents/Resources/Outgoing/buddy_icon.png diff --git a/kopete/styles/Hacker/Contents/Resources/Status.html b/kopete/styles/Hacker/Contents/Resources/Status.html new file mode 100644 index 00000000..0efb97fc --- /dev/null +++ b/kopete/styles/Hacker/Contents/Resources/Status.html @@ -0,0 +1,11 @@ +<div class="statusContainer"> +<table border=0 colspan=0> +<tr><td> +<div class="statusTime">--- %time% ---</div> +</td> +<td> : </td> +<td> +<div class="statusMessage">%message%</div> +</td></tr> +</table> +</div>
\ No newline at end of file diff --git a/kopete/styles/Hacker/Contents/Resources/Variants/Dark-Noback.css b/kopete/styles/Hacker/Contents/Resources/Variants/Dark-Noback.css new file mode 100644 index 00000000..87ac55c3 --- /dev/null +++ b/kopete/styles/Hacker/Contents/Resources/Variants/Dark-Noback.css @@ -0,0 +1,6 @@ +@import url(../main.css); + +body { + font-size: 12px; font-family: "DejaVu Sans Mono", monospace; font-style: normal; font-weight: normal; margin: 0; + background-color: black + }
\ No newline at end of file diff --git a/kopete/styles/Hacker/Contents/Resources/Variants/Dark.css b/kopete/styles/Hacker/Contents/Resources/Variants/Dark.css new file mode 100644 index 00000000..c81527a8 --- /dev/null +++ b/kopete/styles/Hacker/Contents/Resources/Variants/Dark.css @@ -0,0 +1,6 @@ +@import url(../main.css); + +body { + font-size: 12px; font-family: "DejaVu Sans Mono", monospace; font-style: normal; font-weight: normal; margin: 0; + background: url("../images/kopete.png"); background-position: center; background-attachment: fixed; background-repeat: no-repeat; background-color: black + }
\ No newline at end of file diff --git a/kopete/styles/Hacker/Contents/Resources/Variants/Dark2-Noback.css b/kopete/styles/Hacker/Contents/Resources/Variants/Dark2-Noback.css new file mode 100644 index 00000000..d1e8db82 --- /dev/null +++ b/kopete/styles/Hacker/Contents/Resources/Variants/Dark2-Noback.css @@ -0,0 +1,9 @@ +@import url(../main.css); + +body { + font-size: 12px; font-family: "DejaVu Sans Mono", monospace; font-style: normal; font-weight: normal; margin: 0; + background-color: black + } + +.imageContainer { margin: 4px 4px 4px 4px; display: block } +.buddyIcon { width: 48px; float: right; border-style: dotted none; border-width: 2px medium; border-color: #666 white }
\ No newline at end of file diff --git a/kopete/styles/Hacker/Contents/Resources/Variants/Dark2.css b/kopete/styles/Hacker/Contents/Resources/Variants/Dark2.css new file mode 100644 index 00000000..8075e9b1 --- /dev/null +++ b/kopete/styles/Hacker/Contents/Resources/Variants/Dark2.css @@ -0,0 +1,9 @@ +@import url(../main.css); + +body { + font-size: 12px; font-family: "DejaVu Sans Mono", monospace; font-style: normal; font-weight: normal; margin: 0; + background: url("../images/kopete.png"); background-position: center; background-attachment: fixed; background-repeat: no-repeat; background-color: black + } + +.imageContainer { margin: 4px 4px 4px 4px; display: block } +.buddyIcon { width: 48px; float: right; border-style: dotted none; border-width: 2px medium; border-color: #666 white } diff --git a/kopete/styles/Hacker/Contents/Resources/Variants/Light-Noback.css b/kopete/styles/Hacker/Contents/Resources/Variants/Light-Noback.css new file mode 100644 index 00000000..fd51af59 --- /dev/null +++ b/kopete/styles/Hacker/Contents/Resources/Variants/Light-Noback.css @@ -0,0 +1,40 @@ +body { + font-size: 12px; font-family: "DejaVu Sans Mono", monospace; font-style: normal; font-weight: normal; margin: 0; + background: white; background-color: white + } + +#Chat { padding-top: 80px; margin: 4px; overflow: hidden } + +#Header { background: url("../images/background2.png") repeat-x right top; position: fixed; z-index: 100; top: 0; right: 0; left: 0; height: 80px; border-bottom: 0 none } + +.imageContainer { display: none; } + +.chatName { color: #3d4f51; font-size: 14px; font-weight: bold; text-align: center; position: relative; margin-left: 2px; margin-right: 5px } + +.headerContainer { padding: 1px 1px; position: relative; border-style: dotted none; border-width: 2px medium; border-color: #666 black } + +.container { margin-bottom: 2px; overflow: auto; } + +a:link { color: #5099ff } +a:visited { color: #5099ff } +a:hover { color: #82b6ff } + +.messageTime { color: #3d3d3d; font-size: 10px; font-weight: normal; text-align: left; position: relative; z-index: 60; top: 0px; float: left; margin-right: 4px } + +.Message { color: black; font-style: normal; font-weight: normal; position: relative; margin-left: 2px; margin-right: 5px } + +.pastMessage { color: #a0a3a6; font-style: normal; font-weight: normal } + +.statusContainer { margin-bottom: 2px } + +.statusTime { color: #2d425f; font-size: 10px; font-weight: bold; top: 0px; text-align: right; margin-right: 5px; position: relative; width: 150px; float: left } + +.statusMessage { color: #4d6581; font-size: 12px; font-weight: bold; position: relative; right: 5px } + +.buddy { color: #5099ff; font-weight: bold; text-align: left; display: block; position: relative; margin-left: 2px } + +.user { color: gray; font-weight: bold; text-align: left; display: block; position: relative; margin-left: 2px } + +.pastBuddy { color: #7ab382; font-size: 11px; font-weight: bold; text-align: left; position: relative } + +.pastUser { color: #7b95b4; font-size: 11px; font-weight: bold; text-align: left; position: relative } diff --git a/kopete/styles/Hacker/Contents/Resources/Variants/Light.css b/kopete/styles/Hacker/Contents/Resources/Variants/Light.css new file mode 100644 index 00000000..27a564cc --- /dev/null +++ b/kopete/styles/Hacker/Contents/Resources/Variants/Light.css @@ -0,0 +1,6 @@ +@import url(./Light-Noback.css); + +body { + font-size: 12px; font-family: "DejaVu Sans Mono", monospace; font-style: normal; font-weight: normal; margin: 0; + background: url("../images/kopete.png"); background-position: center; background-attachment: fixed; background-repeat: no-repeat; background-color: white + }
\ No newline at end of file diff --git a/kopete/styles/Hacker/Contents/Resources/Variants/Light2-Noback.css b/kopete/styles/Hacker/Contents/Resources/Variants/Light2-Noback.css new file mode 100644 index 00000000..65c6b103 --- /dev/null +++ b/kopete/styles/Hacker/Contents/Resources/Variants/Light2-Noback.css @@ -0,0 +1,4 @@ +@import url(./Light-Noback.css); + +.imageContainer { margin: 4px 4px 4px 4px; display: block } +.buddyIcon { width: 48px; float: right; border-style: dotted none; border-width: 2px medium; border-color: #666 white } diff --git a/kopete/styles/Hacker/Contents/Resources/Variants/Light2.css b/kopete/styles/Hacker/Contents/Resources/Variants/Light2.css new file mode 100644 index 00000000..4514634d --- /dev/null +++ b/kopete/styles/Hacker/Contents/Resources/Variants/Light2.css @@ -0,0 +1,4 @@ +@import url(./Light.css); + +.imageContainer { margin: 4px 4px 4px 4px; display: block } +.buddyIcon { width: 48px; float: right; border-style: dotted none; border-width: 2px medium; border-color: #666 white } diff --git a/kopete/styles/Hacker/Contents/Resources/Variants/Makefile.am b/kopete/styles/Hacker/Contents/Resources/Variants/Makefile.am new file mode 100644 index 00000000..8019c3ff --- /dev/null +++ b/kopete/styles/Hacker/Contents/Resources/Variants/Makefile.am @@ -0,0 +1,5 @@ +style_DATA = Dark2.css Dark.css Light2.css Light.css Dark2-Noback.css Dark-Noback.css Light2-Noback.css Light-Noback.css + +styledir = $(kde_datadir)/kopete/styles/Hacker/Contents/Resources/Variants + +EXTRA_DIST = $(style_DATA) diff --git a/kopete/styles/Hacker/Contents/Resources/images/Makefile.am b/kopete/styles/Hacker/Contents/Resources/images/Makefile.am new file mode 100644 index 00000000..2ec2fb53 --- /dev/null +++ b/kopete/styles/Hacker/Contents/Resources/images/Makefile.am @@ -0,0 +1,4 @@ +style_DATA = background.png background2.png kopete.png +styledir = $(kde_datadir)/kopete/styles/Hacker/Contents/Resources/images + +EXTRA_DIST = $(style_DATA)
\ No newline at end of file diff --git a/kopete/styles/Hacker/Contents/Resources/images/background.png b/kopete/styles/Hacker/Contents/Resources/images/background.png Binary files differnew file mode 100644 index 00000000..a895f3e7 --- /dev/null +++ b/kopete/styles/Hacker/Contents/Resources/images/background.png diff --git a/kopete/styles/Hacker/Contents/Resources/images/background2.png b/kopete/styles/Hacker/Contents/Resources/images/background2.png Binary files differnew file mode 100644 index 00000000..68cb17b4 --- /dev/null +++ b/kopete/styles/Hacker/Contents/Resources/images/background2.png diff --git a/kopete/styles/Hacker/Contents/Resources/images/kopete.png b/kopete/styles/Hacker/Contents/Resources/images/kopete.png Binary files differnew file mode 100644 index 00000000..689a0966 --- /dev/null +++ b/kopete/styles/Hacker/Contents/Resources/images/kopete.png diff --git a/kopete/styles/Hacker/Contents/Resources/main.css b/kopete/styles/Hacker/Contents/Resources/main.css new file mode 100644 index 00000000..30481372 --- /dev/null +++ b/kopete/styles/Hacker/Contents/Resources/main.css @@ -0,0 +1,37 @@ +body { font-size: 12px; font-family: "DejaVu Sans Mono", monospace; font-style: normal; font-weight: normal; margin: 0; color: #5099ff; background: black; background-color: black } + +#Chat { padding-top: 80px; margin: 4px; overflow: hidden } + +#Header { background: url("images/background.png") repeat-x right top; position: fixed; z-index: 100; top: 0; right: 0; left: 0; height: 80px; border-bottom: 0 none } + +.imageContainer { display: none; } + +.chatName { color: #cdcfd1; font-size: 14px; font-weight: bold; text-align: center; position: relative; margin-left: 2px; margin-right: 5px } + +.headerContainer { padding: 1px 1px; position: relative; border-style: dotted none; border-width: 2px medium; border-color: #666 white } + +.container { margin-bottom: 2px; overflow: auto; } + +a:link { color: #5099ff } +a:visited { color: #5099ff } +a:hover { color: #82b6ff } + +.messageTime { color: #dcdcdc; font-size: 10px; font-weight: normal; text-align: left; position: relative; z-index: 60; top: 0px; float: left; margin-right: 4px } + +.Message { color: #cdcfd1; font-style: normal; font-weight: normal; position: relative; margin-left: 2px; margin-right: 5px } + +.pastMessage { color: #a0a3a6; font-style: normal; font-weight: normal } + +.statusContainer { margin-bottom: 2px } + +.statusTime { color: #cde2ff; font-size: 10px; font-weight: bold; top: 0px; text-align: right; margin-right: 5px; position: relative; width: 150px; float: left } + +.statusMessage { color: #dddfe1; font-size: 12px; font-weight: bold; position: relative; right: 5px } + +.buddy { color: #5099ff; font-weight: bold; text-align: left; position: relative; margin-left: 2px } + +.user { color: white; font-weight: bold; text-align: left; position: relative; margin-left: 2px } + +.pastBuddy { color: #7c91af; font-size: 11px; font-weight: bold; text-align: left; position: relative } + +.pastUser { color: gray; font-size: 11px; font-weight: bold; text-align: left; position: relative } |