mirror of
https://github.com/twisterarmy/twister-html.git
synced 2025-01-23 13:15:01 +00:00
Miguel Freitas
parent
ac4b3ec798
commit
c93499625c
BIN
theme_nin/css/fonts/BemioItalic.otf
Executable file
BIN
theme_nin/css/fonts/BemioItalic.otf
Executable file
Binary file not shown.
BIN
theme_nin/css/fonts/DroidSerif-Italic.ttf
Executable file
BIN
theme_nin/css/fonts/DroidSerif-Italic.ttf
Executable file
Binary file not shown.
1
theme_nin/css/fonts/OpenSans-Bold.ttf
Symbolic link
1
theme_nin/css/fonts/OpenSans-Bold.ttf
Symbolic link
@ -0,0 +1 @@
|
|||||||
|
../../../css/OpenSans-Bold.ttf
|
||||||
1
theme_nin/css/fonts/OpenSans-Regular.ttf
Symbolic link
1
theme_nin/css/fonts/OpenSans-Regular.ttf
Symbolic link
@ -0,0 +1 @@
|
|||||||
|
../../../css/OpenSans-Regular.ttf
|
||||||
1
theme_nin/css/fonts/Symbola.ttf
Symbolic link
1
theme_nin/css/fonts/Symbola.ttf
Symbolic link
@ -0,0 +1 @@
|
|||||||
|
../../../css/Symbola.ttf
|
||||||
BIN
theme_nin/css/fonts/fontello/fontello.eot
Executable file
BIN
theme_nin/css/fonts/fontello/fontello.eot
Executable file
Binary file not shown.
34
theme_nin/css/fonts/fontello/fontello.svg
Executable file
34
theme_nin/css/fonts/fontello/fontello.svg
Executable file
@ -0,0 +1,34 @@
|
|||||||
|
<?xml version="1.0" standalone="no"?>
|
||||||
|
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
|
||||||
|
<svg xmlns="http://www.w3.org/2000/svg">
|
||||||
|
<metadata>Copyright (C) 2014 by original authors @ fontello.com</metadata>
|
||||||
|
<defs>
|
||||||
|
<font id="fontello" horiz-adv-x="1000" >
|
||||||
|
<font-face font-family="fontello" font-weight="400" font-stretch="normal" units-per-em="1000" ascent="850" descent="-150" />
|
||||||
|
<missing-glyph horiz-adv-x="1000" />
|
||||||
|
<glyph glyph-name="search" unicode="" d="m0 386q0 80 31 152t84 126 125 84 153 31 152-31 126-84 84-126 31-152q0-123-69-223l191-191q21-21 21-51 0-29-22-50t-50-21q-30 0-50 21l-191 191q-100-69-223-69-80 0-153 31t-125 83-84 126-31 153z m143 0q0-103 73-177t177-73 176 73 74 177-74 176-176 74-177-74-73-176z" horiz-adv-x="928.6" />
|
||||||
|
<glyph glyph-name="mail" unicode="" d="m467 366l-449 210 0 109 893 0 0-109z m0-123l444 210 0-437-893 0 0 438z" horiz-adv-x="928" />
|
||||||
|
<glyph glyph-name="heart" unicode="" d="m0 517q0 123 71 192t196 70q34 0 70-12t67-33 54-38 42-38q20 20 42 38t54 38 67 33 70 12q125 0 196-70t71-192q0-123-128-251l-347-335q-10-10-25-10t-25 10l-348 336q-5 5-15 15t-31 36-38 55-30 67-13 77z" horiz-adv-x="1000" />
|
||||||
|
<glyph glyph-name="star" unicode="" d="m0 489q0 21 31 26l280 40 126 254q11 23 27 23t28-23l125-254 280-40q32-5 32-26 0-12-15-27l-203-197 48-279q1-4 1-12 0-11-6-19t-17-9q-10 0-22 7l-251 132-250-132q-13-7-23-7-11 0-17 9t-6 19q0 4 1 12l48 279-203 197q-14 15-14 27z" horiz-adv-x="928.6" />
|
||||||
|
<glyph glyph-name="user" unicode="" d="m0 66q0 30 2 58t8 61 15 60 24 55 34 45 48 30 62 11q5 0 24-12t41-27 60-27 75-12 74 12 61 27 41 27 24 12q34 0 62-11t48-30 34-45 24-55 15-60 8-61 2-58q0-67-41-106t-108-39h-488q-67 0-108 39t-41 106z m179 498q0 89 62 152t152 63 151-63 63-152-63-151-151-63-152 63-62 151z" horiz-adv-x="785.7" />
|
||||||
|
<glyph glyph-name="camera" unicode="" d="m0 64v500q0 59 42 101t101 42h125l28 76q11 27 39 47t58 20h286q29 0 57-20t39-47l29-76h125q59 0 101-42t41-101v-500q0-59-41-101t-101-42h-786q-59 0-101 42t-42 101z m286 250q0-103 73-176t177-74 176 74 74 176-74 177-176 73-177-73-73-177z m89 0q0 67 47 114t114 47 113-47 47-114-47-113-113-47-114 47-47 113z" horiz-adv-x="1071.4" />
|
||||||
|
<glyph glyph-name="ok" unicode="" d="m68 332q0 22 15 38l76 76q16 16 38 16t38-16l164-165 366 367q16 16 38 16t38-16l76-76q15-16 15-38t-15-38l-404-404-76-76q-16-15-38-15t-38 15l-76 76-202 202q-15 16-15 38z" horiz-adv-x="1000" />
|
||||||
|
<glyph glyph-name="cancel" unicode="" d="m61 112q0 23 16 38l164 164-164 164q-16 16-16 38t16 38l76 76q16 16 38 16t38-16l164-164 164 164q16 16 38 16t38-16l76-76q15-15 15-38t-15-38l-164-164 164-164q15-15 15-38t-15-38l-76-76q-16-15-38-15t-38 15l-164 164-164-164q-16-15-38-15t-38 15l-76 76q-16 16-16 38z" horiz-adv-x="785.7" />
|
||||||
|
<glyph glyph-name="plus" unicode="" d="m0 332v107q0 23 16 38t38 16h232v232q0 22 15 38t38 16h107q23 0 38-16t16-38v-232h232q22 0 38-16t16-38v-107q0-22-16-38t-38-16h-232v-232q0-22-16-38t-38-15h-107q-22 0-38 15t-15 38v232h-232q-23 0-38 16t-16 38z" horiz-adv-x="785.7" />
|
||||||
|
<glyph glyph-name="minus" unicode="" d="m0 332v107q0 23 16 38t38 16h678q22 0 38-16t16-38v-107q0-22-16-38t-38-15h-678q-23 0-38 15t-16 38z" horiz-adv-x="785.7" />
|
||||||
|
<glyph glyph-name="down" unicode="" d="m50 425q0 14 11 25l92 92q11 11 26 11t25-11l296-296 296 296q11 11 25 11t26-11l92-92q11-11 11-25t-11-26l-414-413q-10-11-25-11t-25 11l-414 413q-11 11-11 26z" horiz-adv-x="1000" />
|
||||||
|
<glyph glyph-name="lock" unicode="" d="m0 46v322q0 22 16 38t38 15h17v108q0 102 74 176t176 74 177-74 73-176v-108h18q23 0 38-15t16-38v-322q0-22-16-37t-38-16h-535q-23 0-38 16t-16 37z m179 375h285v108q0 59-42 101t-101 41-101-41-41-101v-108z" horiz-adv-x="642.9" />
|
||||||
|
<glyph glyph-name="quote" unicode="" d="m0 100v393q0 58 23 111t61 91 91 61 111 23h35q15 0 26-11t10-25v-72q0-14-10-25t-26-10h-35q-59 0-101-42t-42-101v-18q0-22 16-38t37-16h125q45 0 76-31t32-76v-214q0-45-32-76t-76-31h-214q-44 0-76 31t-31 76z m500 0v393q0 58 23 111t61 91 91 61 111 23h35q15 0 26-11t10-25v-72q0-14-10-25t-26-10h-35q-59 0-101-42t-42-101v-18q0-22 15-38t38-16h125q45 0 76-31t32-76v-214q0-45-32-76t-76-31h-214q-44 0-76 31t-31 76z" horiz-adv-x="928.6" />
|
||||||
|
<glyph glyph-name="comment" unicode="" d="m0 350q0 73 40 139t106 114 160 76 194 28q136 0 251-48t182-130 67-179-67-179-182-130-251-48q-39 0-81 4-110-97-257-135-27-7-63-12-10-1-17 5t-10 16v1q-2 2 0 7t1 5 2 5l4 5t4 5 4 5q4 5 17 19t20 22 17 22 18 28 15 33 15 42q-88 50-138 123t-51 157z" horiz-adv-x="1000" />
|
||||||
|
<glyph glyph-name="chat" unicode="" d="m0 421q0 78 53 144t143 104 197 38 197-38 143-104 53-144-53-143-143-104-197-38q-48 0-98 9-70-50-155-72-21-5-48-9h-2q-6 0-12 5t-6 11q-1 2-1 4t1 4 1 3l1 3t2 3 2 3 3 2 2 3q3 3 13 14t15 16 12 17 14 21 11 25q-69 40-108 98t-40 125z m344-354q32-3 49-3 90 0 172 25t148 72q69 52 107 119t37 141q0 43-13 85 72-39 114-99t42-128q0-67-40-126t-108-98q5-14 11-25t14-21 13-16 14-17 13-14q0 0 2-2t3-3 2-3 2-3l1-3t1-3 1-4-1-3q-2-8-7-13t-13-4q-27 4-48 9-85 23-155 72-50-9-98-9-151 0-263 74z" horiz-adv-x="1000" />
|
||||||
|
<glyph glyph-name="left" unicode="" d="m86 386q0 14 11 25l414 414q10 10 25 10t25-10l92-93q11-10 11-25t-11-25l-296-296 296-297q11-10 11-25t-11-25l-92-93q-11-10-25-10t-25 10l-414 415q-11 10-11 25z" horiz-adv-x="714.3" />
|
||||||
|
<glyph glyph-name="right" unicode="" d="m50 64q0 15 11 25l296 297-296 296q-11 11-11 25t11 25l92 93q11 10 26 10t25-10l414-414q10-11 10-25t-10-25l-414-414q-11-11-25-11t-26 11l-92 92q-11 11-11 25z" horiz-adv-x="714.3" />
|
||||||
|
<glyph glyph-name="up" unicode="" d="m50 133q0 14 11 25l414 414q11 10 25 10t25-10l414-414q11-11 11-25t-11-26l-92-92q-11-10-26-10t-25 10l-296 297-296-297q-11-10-25-10t-26 10l-92 92q-11 11-11 26z" horiz-adv-x="1000" />
|
||||||
|
<glyph glyph-name="cog" unicode="" d="m0 299v103q0 6 4 11t9 6l86 14q7 19 18 42-19 27-50 64-4 6-4 11 0 7 4 12 12 16 46 49t44 33q6 0 12-4l64-50q19 10 43 18 6 60 13 86 3 13 16 13h104q6 0 11-4t6-10l13-85q19-6 41-17l66 49q5 4 11 4 7 0 12-4 81-75 81-90 0-5-4-10-7-9-24-30t-25-34q13-27 19-46l85-12q5-2 9-6t4-11v-103q0-6-4-11t-9-6l-86-14q-6-19-18-42 19-27 50-64 4-6 4-11 0-7-4-11-13-17-46-50t-44-33q-6 0-11 4l-64 50q-21-11-43-17-6-60-13-87-4-13-17-13h-104q-6 0-11 4t-5 10l-13 85q-19 6-42 18l-66-50q-4-4-11-4-6 0-12 4-80 75-80 90 0 5 4 10 5 8 23 30t26 34q-13 24-20 46l-85 13q-5 1-9 5t-4 11z m214 51q0-59 42-101t101-42 101 42 42 101-42 101-101 42-101-42-42-101z m429-325v78q0 9 83 18 7 16 17 29-29 63-29 77 0 2 3 4 2 1 19 11t33 19 17 9q4 0 25-26t29-38q12 1 17 1t17-1q28 40 51 63l4 1q2 0 69-39 2-2 2-4 0-14-28-77 9-13 16-29 83-9 83-18v-78q0-9-83-17-6-15-16-29 28-63 28-77 0-2-2-4-68-40-69-40-5 0-26 27t-29 37q-11-1-17-1t-17 1q-7-11-29-37t-25-27q-1 0-69 40-3 2-3 4 0 14 29 77-10 14-17 29-83 8-83 17z m0 572v78q0 9 83 17 7 16 17 29-29 63-29 77 0 2 3 4 2 1 19 11t33 19 17 9q4 0 25-26t29-38q12 2 17 2t17-2q28 40 51 63l4 1q2 0 69-39 2-2 2-4 0-14-28-77 9-13 16-29 83-8 83-17v-78q0-9-83-18-6-15-16-29 28-63 28-77 0-2-2-4-68-39-69-39-5 0-26 26t-29 38q-11-1-17-1t-17 1q-7-12-29-38t-25-26q-1 0-69 39-3 2-3 4 0 14 29 77-10 14-17 29-83 9-83 18z m143-533q0-29 21-50t50-21 51 21 21 50q0 29-22 51t-50 21-50-21-21-51z m0 572q0-30 21-51t50-21 51 21 21 51q0 29-22 50t-50 21-50-21-21-50z" horiz-adv-x="1071.4" />
|
||||||
|
<glyph glyph-name="doc" unicode="" d="m0-96v892q0 23 16 38t38 16h446v-304q0-22 16-38t38-15h303v-589q0-23-15-38t-38-16h-750q-23 0-38 16t-16 38z m571 660v264q13-8 21-16l227-228q8-7 16-20h-264z" horiz-adv-x="857.1" />
|
||||||
|
<glyph glyph-name="arrows" unicode="" d="m0-7v250q0 14 11 25t25 11h250q14 0 25-11t10-25-10-25l-77-77q40-37 90-57t105-20q74 0 139 37t104 99q6 10 29 66 5 13 17 13h107q8 0 13-6t5-12q0-3 0-4-36-150-150-243t-267-93q-81 0-157 31t-136 88l-72-72q-11-11-25-11t-25 11-11 25z m10 446v4q36 150 151 243t268 93q81 0 158-31t137-88l72 72q11 11 25 11t26-11 10-25v-250q0-14-10-25t-26-11h-250q-14 0-25 11t-10 25 10 25l77 77q-82 77-194 77-75 0-140-37t-104-99q-6-10-29-66-5-13-17-13h-111q-7 0-13 6t-5 12z" horiz-adv-x="857.1" />
|
||||||
|
<glyph glyph-name="twistagain" unicode="" d="m0 386q0 13 8 23l179 214q11 12 27 12t28-12l178-214q9-10 9-23 0-15-11-25t-25-11h-107v-214h321q9 0 14-6l89-108q4-6 4-11 0-8-5-13t-13-5h-535q-5 0-8 1t-5 4-3 4-2 7 0 6v335h-107q-15 0-25 11t-11 25z m357 232q0 7 5 12t13 6h536q4 0 7-1t5-4 3-5 2-6 1-7v-334h107q14 0 25-11t10-25q0-14-8-23l-179-214q-11-13-27-13t-27 13l-179 214q-8 9-8 23 0 14 10 25t26 11h107v214h-322q-9 0-14 7l-89 107q-4 5-4 11z" horiz-adv-x="1071.4" />
|
||||||
|
<glyph glyph-name="bell" unicode="" d="m632 426q16-34 40-52t45-22 44-23 35-55q22-62-74-161t-252-157q-164-58-297-45t-155 75q-20 54 12 111t18 111q-56 192-47 300t113 192q26 22 29 51t29 39q24 8 46-12t56-18q132 2 198-66t160-268z m-186-404q88 32 159 85t100 91 25 50q-8 22-49 33t-124 1-187-48q-102-38-173-87t-94-84-17-53q4-12 50-22t134-4 176 38z m-62 174q8 2 21 7t17 7l2-2q14-40-17-83t-89-63q-96-36-152 14 78 68 218 120z" horiz-adv-x="800" />
|
||||||
|
</font>
|
||||||
|
</defs>
|
||||||
|
</svg>
|
||||||
|
After Width: | Height: | Size: 8.7 KiB |
BIN
theme_nin/css/fonts/fontello/fontello.ttf
Executable file
BIN
theme_nin/css/fonts/fontello/fontello.ttf
Executable file
Binary file not shown.
BIN
theme_nin/css/fonts/fontello/fontello.woff
Executable file
BIN
theme_nin/css/fonts/fontello/fontello.woff
Executable file
Binary file not shown.
BIN
theme_nin/css/fonts/roboto/Roboto-Black.ttf
Executable file
BIN
theme_nin/css/fonts/roboto/Roboto-Black.ttf
Executable file
Binary file not shown.
BIN
theme_nin/css/fonts/roboto/Roboto-BlackItalic.ttf
Executable file
BIN
theme_nin/css/fonts/roboto/Roboto-BlackItalic.ttf
Executable file
Binary file not shown.
BIN
theme_nin/css/fonts/roboto/Roboto-Bold.ttf
Executable file
BIN
theme_nin/css/fonts/roboto/Roboto-Bold.ttf
Executable file
Binary file not shown.
BIN
theme_nin/css/fonts/roboto/Roboto-BoldItalic.ttf
Executable file
BIN
theme_nin/css/fonts/roboto/Roboto-BoldItalic.ttf
Executable file
Binary file not shown.
BIN
theme_nin/css/fonts/roboto/Roboto-Italic.ttf
Executable file
BIN
theme_nin/css/fonts/roboto/Roboto-Italic.ttf
Executable file
Binary file not shown.
BIN
theme_nin/css/fonts/roboto/Roboto-Light.ttf
Executable file
BIN
theme_nin/css/fonts/roboto/Roboto-Light.ttf
Executable file
Binary file not shown.
BIN
theme_nin/css/fonts/roboto/Roboto-LightItalic.ttf
Executable file
BIN
theme_nin/css/fonts/roboto/Roboto-LightItalic.ttf
Executable file
Binary file not shown.
BIN
theme_nin/css/fonts/roboto/Roboto-Medium.ttf
Executable file
BIN
theme_nin/css/fonts/roboto/Roboto-Medium.ttf
Executable file
Binary file not shown.
BIN
theme_nin/css/fonts/roboto/Roboto-MediumItalic.ttf
Executable file
BIN
theme_nin/css/fonts/roboto/Roboto-MediumItalic.ttf
Executable file
Binary file not shown.
BIN
theme_nin/css/fonts/roboto/Roboto-Regular.ttf
Executable file
BIN
theme_nin/css/fonts/roboto/Roboto-Regular.ttf
Executable file
Binary file not shown.
BIN
theme_nin/css/fonts/roboto/Roboto-Thin.ttf
Executable file
BIN
theme_nin/css/fonts/roboto/Roboto-Thin.ttf
Executable file
Binary file not shown.
BIN
theme_nin/css/fonts/roboto/Roboto-ThinItalic.ttf
Executable file
BIN
theme_nin/css/fonts/roboto/Roboto-ThinItalic.ttf
Executable file
Binary file not shown.
1
theme_nin/css/images/ajax-loader.gif
Symbolic link
1
theme_nin/css/images/ajax-loader.gif
Symbolic link
@ -0,0 +1 @@
|
|||||||
|
../../../css/images/ajax-loader.gif
|
||||||
1
theme_nin/css/images/icons-18-black.png
Symbolic link
1
theme_nin/css/images/icons-18-black.png
Symbolic link
@ -0,0 +1 @@
|
|||||||
|
../../../css/images/icons-18-black.png
|
||||||
1
theme_nin/css/images/icons-18-white.png
Symbolic link
1
theme_nin/css/images/icons-18-white.png
Symbolic link
@ -0,0 +1 @@
|
|||||||
|
../../../css/images/icons-18-white.png
|
||||||
1
theme_nin/css/images/icons-36-black.png
Symbolic link
1
theme_nin/css/images/icons-36-black.png
Symbolic link
@ -0,0 +1 @@
|
|||||||
|
../../../css/images/icons-36-black.png
|
||||||
1
theme_nin/css/images/icons-36-white.png
Symbolic link
1
theme_nin/css/images/icons-36-white.png
Symbolic link
@ -0,0 +1 @@
|
|||||||
|
../../../css/images/icons-36-white.png
|
||||||
1
theme_nin/css/jquery.mobile-1.3.2.min.css
vendored
Symbolic link
1
theme_nin/css/jquery.mobile-1.3.2.min.css
vendored
Symbolic link
@ -0,0 +1 @@
|
|||||||
|
../../css/jquery.mobile-1.3.2.min.css
|
||||||
0
theme_nin/css/profile.css
Executable file
0
theme_nin/css/profile.css
Executable file
709
theme_nin/css/style.css
Executable file
709
theme_nin/css/style.css
Executable file
@ -0,0 +1,709 @@
|
|||||||
|
@charset "UTF-8";
|
||||||
|
@font-face { font-family: "Roboto"; src: url("fonts/roboto/Roboto-Regular.ttf"); font-weight: 400; }
|
||||||
|
@font-face { font-family: "Roboto"; src: url("fonts/roboto/Roboto-Medium.ttf"); font-weight: 500; }
|
||||||
|
@font-face { font-family: "Roboto"; src: url("fonts/roboto/Roboto-Bold.ttf"); font-weight: 700; }
|
||||||
|
@font-face { font-family: "Roboto"; src: url("fonts/roboto/Roboto-Black.ttf"); font-weight: 900; }
|
||||||
|
@font-face { font-family: "Roboto"; src: url("fonts/roboto/Roboto-Italic.ttf"); font-weight: 400; font-style: italic; }
|
||||||
|
@font-face { font-family: "Droid"; src: url("fonts/DroidSerif-Italic.ttf"); font-weight: 400; font-style: italic; }
|
||||||
|
@font-face { font-family: "Roboto"; src: url("fonts/roboto/Roboto-MediumItalic.ttf"); font-weight: 500; font-style: italic; }
|
||||||
|
@font-face { font-family: "Roboto"; src: url("fonts/roboto/Roboto-BoldItalic.ttf"); font-weight: 700; font-style: italic; }
|
||||||
|
@font-face { font-family: "Bemio"; src: url("fonts/BemioItalic.otf"); }
|
||||||
|
/****** fontello ****** */
|
||||||
|
@font-face { font-family: "fontello"; src: url("fonts/fontello/fontello.eot?7584488"); src: url("fonts/fontello/fontello.eot?7584488#iefix") format("embedded-opentype"), url("fonts/fontello/fontello.woff?7584488") format("woff"), url("fonts/fontello/fontello.ttf?7584488") format("truetype"), url("fonts/fontello/fontello.svg?7584488#fontello") format("svg"); font-weight: normal; font-style: normal; }
|
||||||
|
[class^="icon-"]:before, [class*=" icon-"]:before, .extend-icon:before, .userMenu li.userMenu-config > a:before, .post-context span:before, .post-reply:before, .post-propagate:before, .post-favorite:before, .post .show-more:before, .mini-profile-actions span:before, ul.userMenu-search-profiles button:before, ul.userMenu-search-profiles .modal-back:before, .mini-profile-indicators .userMenu-connections a:before, .mini-profile-indicators .userMenu-messages a:before, .mini-profile-indicators .userMenu-user a:before, .twister-user-remove:before, .refresh-users:before, .modal-close:before, .mark-all-as-read:before, .modal-back:before, .icon-down-after:after { font-family: "fontello"; font-style: normal; font-weight: normal; speak: none; display: inline-block; text-decoration: inherit; width: 1em; margin-right: 3px; text-align: center; font-variant: normal; text-transform: none; line-height: 1em; margin-left: 2px; }
|
||||||
|
|
||||||
|
.icon-search:before { content: "\e800"; }
|
||||||
|
|
||||||
|
/* '' */
|
||||||
|
.icon-mail:before, .mini-profile-indicators .userMenu-messages a:before { content: "\e801"; }
|
||||||
|
|
||||||
|
/* '' */
|
||||||
|
.icon-heart:before { content: "\e802"; }
|
||||||
|
|
||||||
|
/* '' */
|
||||||
|
.icon-star:before, .post-favorite:before { content: "\e803"; }
|
||||||
|
|
||||||
|
/* '' */
|
||||||
|
.icon-user:before, .mini-profile-indicators .userMenu-user a:before { content: "\e804"; }
|
||||||
|
|
||||||
|
/* '' */
|
||||||
|
.icon-camera:before { content: "\e805"; }
|
||||||
|
|
||||||
|
/* '' */
|
||||||
|
.icon-ok:before, .mark-all-as-read:before { content: "\e806"; }
|
||||||
|
|
||||||
|
/* '' */
|
||||||
|
.icon-cancel:before, .twister-user-remove:before, .modal-close:before { content: "\e807"; }
|
||||||
|
|
||||||
|
/* '' */
|
||||||
|
.icon-plus:before, .mini-profile-actions span:before, ul.userMenu-search-profiles button:before, ul.userMenu-search-profiles .modal-back:before { content: "\e808"; }
|
||||||
|
|
||||||
|
/* '' */
|
||||||
|
.icon-minus:before { content: "\e809"; }
|
||||||
|
|
||||||
|
/* '' */
|
||||||
|
.icon-down:before { content: "\e80a"; }
|
||||||
|
|
||||||
|
.icon-down-after:after { content: "\e80a"; }
|
||||||
|
|
||||||
|
/* '' */
|
||||||
|
.icon-lock:before { content: "\e80b"; }
|
||||||
|
|
||||||
|
/* '' */
|
||||||
|
.icon-quote:before { content: "\e80c"; }
|
||||||
|
|
||||||
|
/* '' */
|
||||||
|
.icon-comment:before, .post-reply:before { content: "\e80d"; }
|
||||||
|
|
||||||
|
/* '' */
|
||||||
|
.icon-chat:before, .post .show-more:before { content: "\e80e"; }
|
||||||
|
|
||||||
|
/* '' */
|
||||||
|
.icon-left:before, .modal-back:before { content: "\e80f"; }
|
||||||
|
|
||||||
|
/* '' */
|
||||||
|
.icon-right:before { content: "\e810"; }
|
||||||
|
|
||||||
|
/* '' */
|
||||||
|
.icon-up:before { content: "\e811"; }
|
||||||
|
|
||||||
|
/* '' */
|
||||||
|
.icon-cog:before, .userMenu li.userMenu-config > a:before { content: "\e812"; }
|
||||||
|
|
||||||
|
/* '' */
|
||||||
|
.icon-doc:before { content: "\e813"; }
|
||||||
|
|
||||||
|
/* '' */
|
||||||
|
.icon-arrows:before, .refresh-users:before { content: "\e814"; }
|
||||||
|
|
||||||
|
/* '' */
|
||||||
|
.icon-twistagain:before, .post-context span:before, .post-propagate:before { content: "\e815"; }
|
||||||
|
|
||||||
|
/* '' */
|
||||||
|
.icon-bell:before, .mini-profile-indicators .userMenu-connections a:before { content: "\e816"; }
|
||||||
|
|
||||||
|
/* '' */
|
||||||
|
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font: inherit; font-size: 100%; vertical-align: baseline; }
|
||||||
|
|
||||||
|
html { line-height: 1; }
|
||||||
|
|
||||||
|
ol, ul { list-style: none; }
|
||||||
|
|
||||||
|
table { border-collapse: collapse; border-spacing: 0; }
|
||||||
|
|
||||||
|
caption, th, td { text-align: left; font-weight: normal; vertical-align: middle; }
|
||||||
|
|
||||||
|
q, blockquote { quotes: none; }
|
||||||
|
q:before, q:after, blockquote:before, blockquote:after { content: ""; content: none; }
|
||||||
|
|
||||||
|
a img { border: none; }
|
||||||
|
|
||||||
|
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; }
|
||||||
|
|
||||||
|
/* FONTS */
|
||||||
|
.clear-fix:after, .userMenu ul:after, .profile-modal .profile-data:after, .profile-card .twister-user-info:after, .forEdition.profile-card:after, .postboard:after, .following:after, .expanded-content:after, .following-list li:after, .mini-following-info:after, .network.singleBlock:after, .options .tab-content:after, .promoted-posts-only:after, .dashboard.right:after, ul.userMenu-search-profiles li:after, .mini-profile .post-area:after, .mini-profile-indicators:after, .profile-data:after, #postboard-top:after, #postboard-top .post-area:after, .who-to-follow ol:after, .twister-user:after, .modal-content:after, .modal-header:after, .direct-messages-thread .post:after { content: ""; display: table; clear: both; }
|
||||||
|
|
||||||
|
.userMenu { width: 100%; position: fixed; left: 0; margin: 0; height: 50px; background: #66686b; z-index: 2; }
|
||||||
|
.userMenu ul { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; width: 1180px; max-width: 100%; margin: auto; background: url('../img/twister_logo.png?1408727145') no-repeat 50% 50%; background-size: 20px; }
|
||||||
|
.userMenu ul li { float: left; margin: 0 20px 0 0; position: relative; display: block; }
|
||||||
|
.userMenu ul li > a { line-height: 50px; height: 50px; padding: 0 0.5em; display: inline-block; color: rgba(255, 255, 255, 0.5); font-size: 1.1em; transition: all 0.2s linear; position: relative; font-weight: 500; border-bottom: 3px solid transparent; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
|
||||||
|
.userMenu ul li > a:hover { color: white; }
|
||||||
|
.userMenu ul li.current > a { color: white; border-bottom: 3px solid #b4c669; }
|
||||||
|
|
||||||
|
/* Menu specific entries */
|
||||||
|
.userMenu li.userMenu-home a span.label { display: block !important; }
|
||||||
|
.userMenu li.userMenu-home .menu-news { position: absolute; top: 6px; right: -6px; background: #b4c669; color: white; padding: 1px 3px; line-height: 12px; display: none; font-size: 9px; font-weight: 700; border-radius: 2px; }
|
||||||
|
.userMenu li.userMenu-home .menu-news.show { display: block; }
|
||||||
|
.userMenu li.userMenu-dhtindicator, .userMenu li.userMenu-connections, .userMenu li.userMenu-messages { display: none !important; }
|
||||||
|
.userMenu li.userMenu-config, .userMenu li.userMenu-search { float: right; position: relative; margin-right: 0; color: white; }
|
||||||
|
.userMenu li.userMenu-config + a, .userMenu li.userMenu-search + a { color: #66686b; }
|
||||||
|
.userMenu li.userMenu-search { padding-top: 5px; }
|
||||||
|
.userMenu li.userMenu-config > a { font-size: 1.5em; }
|
||||||
|
|
||||||
|
/************************************ ****************** PROFILE MODAL ************************************* */
|
||||||
|
.profile-modal .modal-wrapper { width: 980px; max-width: 98%; position: absolute; top: 50%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; height: 550px; margin: -275px 0 0 -490px; }
|
||||||
|
.profile-modal .modal-wrapper h3 { display: none; }
|
||||||
|
.profile-modal .profile-data { display: block; margin: auto; padding-top: 0; }
|
||||||
|
.profile-modal .profile-data li { display: inline; margin: 0 5px; float: none; }
|
||||||
|
.profile-modal .profile-data li a { display: inline; }
|
||||||
|
.profile-modal .profile-data li a span.posts-count, .profile-modal .profile-data li a span.following-count, .profile-modal .profile-data li a span.followers-count { display: inline-block; padding-right: 5px; }
|
||||||
|
.profile-modal .modal-content { height: 100%; overflow: hidden; padding: 0 15px 0 0; }
|
||||||
|
.profile-modal .modal-content #profile-posts { padding: 0; }
|
||||||
|
.profile-modal .modal-content .postboard { margin-left: 0; height: 505px; bottom: 0; position: relative; float: right; width: 535px !important; overflow: auto; }
|
||||||
|
.profile-modal .modal-content .postboard-posts { display: block; }
|
||||||
|
.profile-modal .modal-content .postboard-posts .post { padding: 0; }
|
||||||
|
.profile-modal .modal-content .post-interactions { margin: 2px 10px 3px 60px; }
|
||||||
|
.profile-modal .modal-content .profile-card { margin: 0; padding: 0; }
|
||||||
|
|
||||||
|
.profile-modal h2.profile-screen-name { display: block; letter-spacing: 0; text-transform: none; color: #b3b5b7; padding: 5px 0; margin: 0; font-size: 13px; line-height: 13px; }
|
||||||
|
|
||||||
|
/* Profile card */
|
||||||
|
.profile-card { height: 100%; background: white; }
|
||||||
|
|
||||||
|
.profile-card-main { position: relative; text-align: center; word-wrap: break-word; transition: all 0.2s linear; background: none !important; padding: 10px; }
|
||||||
|
.profile-card-main h1 { font-size: 22px; font-weight: bold; display: inline-block; padding-top: 10px; }
|
||||||
|
.profile-card-main:before { content: ""; border: solid 0px white; transition: all 0.2s linear; position: absolute; left: 1px; top: 1px; right: 1px; bottom: 1px; z-index: 0; }
|
||||||
|
.profile-card-main * { position: relative; z-index: 1; }
|
||||||
|
|
||||||
|
.profile-card-photo { height: 75px; margin: 0 auto; display: block; width: auto; }
|
||||||
|
|
||||||
|
.profile-card-photo.forEdition { -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; height: 75px; margin: 0 auto; display: block; width: 75px; }
|
||||||
|
|
||||||
|
.profile-bio { padding: 10px; font-style: italic; text-align: center; }
|
||||||
|
|
||||||
|
.profile-card { float: left; width: 400px; position: relative; padding: 15px; }
|
||||||
|
.profile-card .direct-messages-with-user, .profile-card .follow, .profile-card .profileUnfollow, .profile-card .follow { display: inline-block; position: static; }
|
||||||
|
.profile-card .isFollowing:after { font-size: 15px; position: absolute; }
|
||||||
|
.profile-card .profileUnfollow { background: #aaaaaa; }
|
||||||
|
.profile-card .twister-user-info { text-align: center; width: 100%; padding: 0; }
|
||||||
|
.profile-card .follow { background: #b4c669; }
|
||||||
|
.profile-card .known-followers { text-align: center; clear: both; width: 100%; }
|
||||||
|
|
||||||
|
#msngrswr { display: none; text-align: center; margin: 10px 0; }
|
||||||
|
|
||||||
|
.profile-extra-contact { display: none; margin: 0 15px 0 0; font-weight: 500; background: #f3f2f1; padding: 2px 8px 3px 8px; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; }
|
||||||
|
|
||||||
|
.bitmessage-ctc, .tox-ctc { font-size: 13px; line-height: 15px; cursor: pointer; color: #66686b; }
|
||||||
|
.bitmessage-ctc:hover, .tox-ctc:hover { color: #b4c669; }
|
||||||
|
|
||||||
|
.bitmessage-ctc:after, .tox-ctc:after { font-family: "fontello"; content: ""; font-style: normal; font-weight: normal; speak: none; display: inline-block; text-decoration: inherit; width: 1em; text-align: center; font-variant: normal; text-transform: none; line-height: 1em; }
|
||||||
|
|
||||||
|
.profile-modal .profile-tox, .profile-modal .profile-bitmessage { display: inline-block; margin-right: 5px; font-size: 13px; }
|
||||||
|
.profile-modal .profile-tox:hover, .profile-modal .profile-bitmessage:hover { color: #b4c669; }
|
||||||
|
|
||||||
|
.profile-modal .modal-buttons { display: none; /* EDITION PROFILE */ }
|
||||||
|
|
||||||
|
.forEdition.profile-card { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; width: auto; background: #f3f2f1; }
|
||||||
|
.forEdition.profile-card .profile-card-main { margin: 0; width: 330px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 10px; background: #f3f2f1; }
|
||||||
|
.forEdition.profile-card .profile-card-main input { display: block; margin: 5px auto; background: white; border: 1px solid #e7e8e9; padding: 6px 4px; margin-bottom: 4px; text-align: center; transition: all 0.2s linear; }
|
||||||
|
.forEdition.profile-card .profile-card-main input:hover, .forEdition.profile-card .profile-card-main input:focus { background: white; border-color: #aaaaaa; }
|
||||||
|
|
||||||
|
.input-description { width: 90%; }
|
||||||
|
|
||||||
|
.input-name { font-size: 20px; }
|
||||||
|
|
||||||
|
.forEdition .profile-card-main .input-website, .forEdition .profile-card-main .input-city { display: inline-block; }
|
||||||
|
.forEdition .profile-card-main .input-tox, .forEdition .profile-card-main .input-bitmessage { width: 90%; margin-top: 10px; }
|
||||||
|
.forEdition .profile-card-main h2 { text-transform: none; font-weight: 700; font-size: 0.9em; }
|
||||||
|
|
||||||
|
.profile-edition-buttons { text-align: right; }
|
||||||
|
|
||||||
|
.selectable_theme.theme_calm { display: none; }
|
||||||
|
|
||||||
|
/************ POST BOARD ************ */
|
||||||
|
.postboard, .following { padding-left: 330px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; width: 850px; }
|
||||||
|
|
||||||
|
.postboard-posts { position: relative; z-index: 1; clear: both; }
|
||||||
|
|
||||||
|
.postboard-news { font-size: 12px; box-sizing: border-box; position: relative; margin-bottom: 1px; cursor: pointer; padding: 10px; font-weight: 900; clear: both; color: white; text-align: center; text-transform: uppercase; background: #b4c669; }
|
||||||
|
|
||||||
|
.post, .following li { background: white; box-sizing: border-box; position: relative; margin-bottom: 1px; transition: margin 0.4s ease-out; -moz-transition: margin 0.4s ease-out; }
|
||||||
|
.post .post, .post .original.post, .post .post.open, .post .mini-profile .post.post-area-new, .mini-profile .post .post.post-area-new, .post #postboard-top .post-area .post.post-area-new, #postboard-top .post-area .post .post.post-area-new, .following li .post, .following li .original.post, .following li .post.open, .following li .mini-profile .post.post-area-new, .mini-profile .following li .post.post-area-new, .following li #postboard-top .post-area .post.post-area-new, #postboard-top .post-area .following li .post.post-area-new { background: white; position: relative; margin-bottom: 1px; }
|
||||||
|
|
||||||
|
.module.open .post, .mini-profile .module.post-area-new .post, #postboard-top .post-area .module.post-area-new .post { color: #414244; }
|
||||||
|
|
||||||
|
.post:hover { color: #414244; }
|
||||||
|
|
||||||
|
.post-data { padding: 10px; }
|
||||||
|
|
||||||
|
.post.open .original, .mini-profile .post.post-area-new .original, #postboard-top .post-area .post.post-area-new .original, .post.open .related, .mini-profile .post.post-area-new .related, #postboard-top .post-area .post.post-area-new .related { margin-bottom: 1px; }
|
||||||
|
|
||||||
|
.postboard-posts > .post.open, .mini-profile .postboard-posts > .post.post-area-new, #postboard-top .post-area .postboard-posts > .post.post-area-new { margin-top: 20px; margin-bottom: 20px; }
|
||||||
|
.postboard-posts > .post:after { content: ""; position: absolute; right: 0; top: 0; width: 0; height: 100%; transition: all 0.2s linear; }
|
||||||
|
.postboard-posts > .post.open:after, .mini-profile .postboard-posts > .post.post-area-new:after, #postboard-top .post-area .postboard-posts > .post.post-area-new:after { width: 5px; }
|
||||||
|
|
||||||
|
.post:hover { cursor: pointer; }
|
||||||
|
|
||||||
|
.open, .mini-profile .post-area-new, #postboard-top .post-area .post-area-new { background: none; }
|
||||||
|
.open:hover, .mini-profile .post-area-new:hover, #postboard-top .post-area .post-area-new:hover { background: none; }
|
||||||
|
|
||||||
|
.post-photo { margin: 0; display: inline-block; float: left; vertical-align: middle; width: 48px; height: 48px; overflow: hidden; }
|
||||||
|
.post-photo img { width: 100%; height: 100%; }
|
||||||
|
|
||||||
|
.post-info-name { font-weight: 700; font-size: 1em; line-height: 14px; color: inherit; text-decoration: none; display: inline-block; padding-left: 10px; float: left; }
|
||||||
|
|
||||||
|
.post-info-name:hover { text-decoration: none; color: #aaaaaa; }
|
||||||
|
|
||||||
|
.post-info-tag { font-size: 12px; opacity: 0.6; margin-top: 4px; display: inline-block; }
|
||||||
|
|
||||||
|
.post-info-time { float: right; font-size: 11px; line-height: 14px; text-decoration: none; color: #b3b5b7; }
|
||||||
|
.post-info-time:hover { color: #727578; }
|
||||||
|
|
||||||
|
.post-text { margin: 0 0 0 58px; word-wrap: break-word; min-height: 25px; padding: 0; }
|
||||||
|
|
||||||
|
.post-context { font-size: 11px; line-height: 11px; margin: 0 0 1em 0; color: #b3b5b7; }
|
||||||
|
.post-context span:before { display: block; float: left; background: #b4c669; text-align: center; padding: 1px 2px 2px 2px; line-height: 9px; font-size: 9px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; color: white; margin-right: 0.4em; }
|
||||||
|
|
||||||
|
.mini-screen-name { font-size: 13px; color: #66686b; }
|
||||||
|
|
||||||
|
.post-retransmited-icon { display: none; }
|
||||||
|
|
||||||
|
.post-interactions { margin: 10px 0 3px 0; text-align: right; height: 12px; line-height: 12px; }
|
||||||
|
.post-interactions span { color: #b3b5b7; cursor: pointer; font-size: 12px; line-height: 12px; }
|
||||||
|
|
||||||
|
.post-expand { color: #b3b5b7; cursor: pointer; font-size: 12px; position: absolute; left: 10px; bottom: 10px; }
|
||||||
|
.post-expand:hover { color: #727578; }
|
||||||
|
|
||||||
|
.post-favorite { display: none !important; }
|
||||||
|
|
||||||
|
.post .show-more { display: inline-block; float: right; font-size: 12px; color: #b3b5b7; }
|
||||||
|
.post .show-more:hover { color: #727578; }
|
||||||
|
|
||||||
|
.expanded-content.show-pic { display: block; }
|
||||||
|
|
||||||
|
.expanded-post .post-expand, .expanded-post .post-reply, .expanded-post .post-propagate, .expanded-post .post-favorite { color: #b3b5b7; }
|
||||||
|
.expanded-post .post-expand:hover, .expanded-post .post-reply:hover, .expanded-post .post-propagate:hover, .expanded-post .post-favorite:hover { color: #727578; }
|
||||||
|
|
||||||
|
.related .post-expand { display: none; margin: 0; }
|
||||||
|
|
||||||
|
.post-reply, .post-propagate, .post-favorite { padding-left: 10px; display: none; }
|
||||||
|
|
||||||
|
.post:hover .post-reply, .post:hover .post-propagate, .post:hover .post-favorite, .original.open .post-interactions .post-reply, .mini-profile .original.post-area-new .post-interactions .post-reply, #postboard-top .post-area .original.post-area-new .post-interactions .post-reply, .original.open .post-interactions .post-propagate, .mini-profile .original.post-area-new .post-interactions .post-propagate, #postboard-top .post-area .original.post-area-new .post-interactions .post-propagate, .original.open .post-interactions .post-favorite, .mini-profile .original.post-area-new .post-interactions .post-favorite, #postboard-top .post-area .original.post-area-new .post-interactions .post-favorite, .post:hover .original .post-interactions .post-reply, .post:hover .original .post-interactions .post-propagate, .post:hover .original .post-interactions .post-favorite, .related.post:hover .post-reply, .related.post:hover .post-propagate, .related.post:hover .post-favorite { display: inline-block; }
|
||||||
|
|
||||||
|
.open .related .post-reply, .mini-profile .post-area-new .related .post-reply, #postboard-top .post-area .post-area-new .related .post-reply, .open .related .post-propagate, .mini-profile .post-area-new .related .post-propagate, #postboard-top .post-area .post-area-new .related .post-propagate, .open .related .post-favorite, .mini-profile .post-area-new .related .post-favorite, #postboard-top .post-area .post-area-new .related .post-favorite { display: none !important; }
|
||||||
|
.open .related:hover .post-reply, .mini-profile .post-area-new .related:hover .post-reply, #postboard-top .post-area .post-area-new .related:hover .post-reply, .open .related:hover .post-propagate, .mini-profile .post-area-new .related:hover .post-propagate, #postboard-top .post-area .post-area-new .related:hover .post-propagate { display: inline-block !important; }
|
||||||
|
|
||||||
|
.post-reply:hover, .post-propagate:hover, .post-favorite:hover { color: #727578; }
|
||||||
|
|
||||||
|
.expanded-content { display: none; padding: 5px 5px 0 5px; }
|
||||||
|
|
||||||
|
.image-preview { width: 100%; display: block; margin: auto; }
|
||||||
|
|
||||||
|
.preview-container { max-height: 500px; width: 100%; text-align: center; overflow-y: auto; background: black; }
|
||||||
|
|
||||||
|
.post-stats { float: left; }
|
||||||
|
.post-stats li { display: inline-block; }
|
||||||
|
.post-stats li.stat-count { font-weight: 700; font-size: 11px; float: left; line-height: 20px; color: llighten(#66686b, 30%); }
|
||||||
|
.post-stats li.stat-count span:last-child { padding-right: 5px; }
|
||||||
|
.post-stats a { position: relative; text-decoration: none; display: inline-block; width: 20px; height: 20px; margin: 0 1px 0 0; }
|
||||||
|
.post-stats a img { width: 20px; height: 20px; }
|
||||||
|
|
||||||
|
.user-name-tooltip { display: none; position: absolute; background: #6d7073; font-size: 12px; white-space: nowrap; padding: 3px 5px; color: white; top: -42px; left: 0px; }
|
||||||
|
.user-name-tooltip:after { content: ""; position: absolute; width: 0; left: 4px; bottom: -5px; border-top: solid 5px #6d7073; border-left: solid 5px transparent; border-right: solid 5px transparent; }
|
||||||
|
|
||||||
|
.post-stats a:hover .user-name-tooltip { display: inline-block; }
|
||||||
|
|
||||||
|
.post-replies .sub-replies { border-left: solid 3px #b4c669; margin-left: 1px; }
|
||||||
|
|
||||||
|
/* MODAL */
|
||||||
|
.modal-content .postboard { width: auto !important; padding: 0; clear: none !important; position: relative; }
|
||||||
|
.modal-content .post-text { margin: 0 0 0 40px; }
|
||||||
|
.modal-content .post-photo { width: 30px; height: 30px; }
|
||||||
|
.modal-content .post-photo img { width: 100%; height: 100%; }
|
||||||
|
|
||||||
|
.following { width: 100% !important; }
|
||||||
|
|
||||||
|
.following-list li { text-align: center; float: left; width: 30%; padding: 13px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; float: left; margin: 0 2% 2% 0; }
|
||||||
|
|
||||||
|
.following .mini-profile { margin-bottom: 10px; }
|
||||||
|
|
||||||
|
.following .mini-profile-info { position: relative; }
|
||||||
|
|
||||||
|
.following .mini-profile-photo { margin: 0 auto 10px auto; display: block; width: 64px; height: 64px; overflow: hidden; background: #e2e1de; }
|
||||||
|
|
||||||
|
.following .mini-profile-view { display: inline; color: rgba(0, 0, 0, 0.5); font-size: 12px; position: absolute; top: 32px; left: 65px; z-index: 1; }
|
||||||
|
|
||||||
|
.following .mini-profile-name { font-weight: 900; font-size: 1em; line-height: 1em; padding: 0; text-decoration: none; display: block; color: inherit; display: inline; }
|
||||||
|
|
||||||
|
.following .mini-screen-name { color: inherit; display: block; margin-bottom: 10px; }
|
||||||
|
|
||||||
|
.following button, .following .mini-profile-actions span, .mini-profile-actions .following span, .following .modal-back { display: inline-block; margin: 5px 0; }
|
||||||
|
.following button.unfollow, .following .mini-profile-actions span.unfollow, .mini-profile-actions .following span.unfollow, .following .unfollow.modal-back { background-color: #aaaaaa; }
|
||||||
|
.following button.public-following, .following .mini-profile-actions span.public-following, .mini-profile-actions .following span.public-following, .following .public-following.modal-back { background-color: #b4c669; }
|
||||||
|
|
||||||
|
.mini-profile-actions { position: absolute; width: auto; top: 0; right: -16px; display: inline-block; }
|
||||||
|
.mini-profile-actions span { cursor: pointer !important; border-top-right-radius: 0 !important; border-bottom-right-radius: 0 !important; }
|
||||||
|
.mini-profile-actions span:before { margin: 0; padding: 0; line-height: 1em; font-size: 10px; }
|
||||||
|
.mini-profile-actions ul { height: 0; overflow: hidden; position: absolute; top: 2em; right: -2em; transition: height 0.4s linear; transition: padding-top 0.1s linear; background: #66686b; z-index: 3; }
|
||||||
|
.mini-profile-actions:hover ul { padding: 8px; height: 112px; }
|
||||||
|
.mini-profile-actions ul li { text-align: left; margin: 0; background: #66686b; white-space: nowrap; color: #aaaaaa; font-size: 12px; line-height: 12px; cursor: pointer; display: block; float: none; width: auto; padding: 8px; }
|
||||||
|
.mini-profile-actions:hover ul li:hover { color: #b4c669; }
|
||||||
|
|
||||||
|
.following .who-follow { height: auto; background-color: rgba(69, 71, 77, 0.1); overflow: hidden; font-size: 12px; }
|
||||||
|
|
||||||
|
.following .show-more-followers { color: #ff1111; font-weight: bold; cursor: pointer; float: right; }
|
||||||
|
|
||||||
|
.following .mini-follower-link { display: inline-block; margin-right: 10px; }
|
||||||
|
.following .mini-follower-link:before { content: " \2027"; }
|
||||||
|
|
||||||
|
.following a.open-profile-modal { display: inline; text-align: center; color: #66686b; }
|
||||||
|
.following a.open-profile-modal:hover { color: #aaaaaa; }
|
||||||
|
|
||||||
|
.following .post-area-new { padding-bottom: 4px; }
|
||||||
|
.following .post-area-new textarea { resize: none; width: 445px; display: block; transition: all 0.3s linear; -webkit-transition: height 0.3s linear; -moz-transition: height 0.3s linear; -o-transition: height 0.3s linear; -ms-transition: height 0.3s linear; height: 28px; border-radius: 3px; border: solid 1px rgba(0, 0, 0, 0.3); margin-left: 55px; margin-bottom: 10px; padding: 4px; font-size: 13px; }
|
||||||
|
|
||||||
|
.following .mini-profile .post-area-new { padding: 9px; }
|
||||||
|
.following .mini-profile .post-area-new textarea { margin-left: 0; width: 100%; }
|
||||||
|
|
||||||
|
.following .post-area-new.open textarea, .following .mini-profile .post-area-new textarea, .mini-profile .following .post-area-new textarea, .following #postboard-top .post-area .post-area-new textarea, #postboard-top .post-area .following .post-area-new textarea { height: 80px; border: solid 1px rgba(227, 79, 66, 0.5); box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); }
|
||||||
|
|
||||||
|
.following textarea.splited-post { box-shadow: none !important; height: 28px; }
|
||||||
|
|
||||||
|
.following .splited-post-counter { color: rgba(0, 0, 0, 0.3); font-weight: bold; }
|
||||||
|
.following .splited-post-counter:before { content: "\2026"; }
|
||||||
|
|
||||||
|
.following .post-area-extras { overflow: hidden; height: 0; text-align: right; }
|
||||||
|
|
||||||
|
.following .post-submit { background: #45474d; color: rgba(255, 255, 255, 0.8); border: none; padding: 5px 10px; cursor: pointer; display: inline-block; margin-top: 4px; }
|
||||||
|
|
||||||
|
.following .post-area-new.open > .post-area-extras, .following .mini-profile .post-area-new > .post-area-extras, .mini-profile .following .post-area-new > .post-area-extras, .following #postboard-top .post-area .post-area-new > .post-area-extras, #postboard-top .post-area .following .post-area-new > .post-area-extras { height: 35px; transition: all 0.6s linear; }
|
||||||
|
|
||||||
|
.following .post-area-remaining { font-size: 13px; }
|
||||||
|
.following .post-area-remaining.warn { color: red; }
|
||||||
|
|
||||||
|
.following .post .show-more { font-size: 13px; font-weight: bold; margin-left: 60px; color: rgba(0, 0, 0, 0.5); }
|
||||||
|
.following .post .show-more:before { content: "💭"; }
|
||||||
|
|
||||||
|
.swarm-status { display: none !important; }
|
||||||
|
|
||||||
|
.following-modal .modal-wrapper { width: 200px; }
|
||||||
|
.following-modal h2 { display: none; }
|
||||||
|
|
||||||
|
.mini-following-info { width: 45px; height: 45px; text-align: center; background: white; margin: 1%; float: left; }
|
||||||
|
.mini-following-info .mini-screen-name, .mini-following-info .mini-following-name { display: none; }
|
||||||
|
.mini-following-info .mini-profile-photo { height: 45px; width: 45px; border-radius: 0; }
|
||||||
|
|
||||||
|
/********* LOGIN AND NETWORK PAGES ****** */
|
||||||
|
.network.singleBlock ul { padding-left: 20px; }
|
||||||
|
.network.singleBlock ul li { line-height: 36px; font-size: 13px; }
|
||||||
|
.network.singleBlock .module { width: 46%; float: left; margin: 0 1% 0 0; padding: 1.5%; background: white; }
|
||||||
|
.network.singleBlock h2 { display: block; }
|
||||||
|
.network.singleBlock h3 { font-weight: 500; text-transform: none; border-bottom: 1px solid rgba(0, 0, 0, 0.2); margin: 20px 0 10px 0; }
|
||||||
|
|
||||||
|
.singleBlock .spam-msg { resize: none; width: 100%; display: block; border-radius: 3px; padding: 4px; font-size: 13px; height: 80px; border: solid 1px rgba(0, 0, 0, 0.1); line-height: 20px; position: relative; margin-left: -20px; margin-bottom: 10px; }
|
||||||
|
|
||||||
|
.highlight { background: white; padding: 5px 8px; line-height: 1.7; display: inline-block; }
|
||||||
|
|
||||||
|
span.connection-status { line-height: 1em; font-weight: 500; font-size: 1em; }
|
||||||
|
span.connection-status:before { content: ""; display: inline-block; height: 0.8em; width: 0.8em; margin-right: 0.8em; background: #ef5d43; color: white; }
|
||||||
|
span.connection-status.connected:before { background: #b4c669; }
|
||||||
|
|
||||||
|
.character-limit { float: right; margin-right: 18px; }
|
||||||
|
|
||||||
|
.connections span, .known-peers, .dht-nodes, .blocks, .last-block-time, .mining-difficulty { color: #333333; font-weight: 700; }
|
||||||
|
|
||||||
|
* { outline: none !important; }
|
||||||
|
|
||||||
|
li { list-style: none; }
|
||||||
|
|
||||||
|
html, body { height: 100%; min-height: 100%; background: #e2e1de; color: #66686b; font: 0.95em/1.3em "Roboto", sans-serif; font-weight: 400; }
|
||||||
|
|
||||||
|
br { display: block; }
|
||||||
|
|
||||||
|
img { background: #e2e1de; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; }
|
||||||
|
|
||||||
|
a { text-decoration: none; color: #aaaaaa; }
|
||||||
|
a:hover { color: #b4c669; text-decoration: none; }
|
||||||
|
|
||||||
|
p { padding: 5px 0; }
|
||||||
|
|
||||||
|
h2, h3 { font-size: 1.1em; text-transform: uppercase; letter-spacing: 0.07em; font-weight: 500; line-height: 1.8em; }
|
||||||
|
|
||||||
|
textarea, input[type=text] { font: 0.95em/1.3em "Roboto", sans-serif; font-weight: 400; }
|
||||||
|
|
||||||
|
/* isFollowing */
|
||||||
|
.isFollowing:after { color: #b4c669; content: "\e806"; font-family: "fontello"; padding-left: 2px; display: inline; font-size: 10px; vertical-align: top; line-height: 10px; }
|
||||||
|
.isFollowing:after:hover { text-decoration: none !important; }
|
||||||
|
h3 .isFollowing:after { display: none; }
|
||||||
|
|
||||||
|
/************* BUTTONS *********** */
|
||||||
|
button, .mini-profile-actions span, .modal-back, a.button { padding: 6px 8px; font-size: 13px; display: inline-block; line-height: 1em; font-weight: 500; margin: 0; float: none; text-shadow: 2px 2px 0 transparent; -moz-transition-property: background; -o-transition-property: background; -webkit-transition-property: background; transition-property: background; -moz-transition-duration: 0.1s; -o-transition-duration: 0.1s; -webkit-transition-duration: 0.1s; transition-duration: 0.1s; color: white; background-color: #66686b; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; border: none; font-family: "fontello", "Roboto"; cursor: pointer; }
|
||||||
|
button:hover, .mini-profile-actions span:hover, .modal-back:hover, a.button:hover { background: #aaaaaa; text-shadow: 2px 2px 0 rgba(0, 0, 0, 0.1); }
|
||||||
|
button.disabled, .mini-profile-actions span.disabled, .disabled.modal-back, a.button.disabled { opacity: 0.5; background-color: #999999; }
|
||||||
|
button.disabled:hover, .mini-profile-actions span.disabled:hover, .disabled.modal-back:hover, a.button.disabled:hover { color: white; }
|
||||||
|
|
||||||
|
.options { position: relative; }
|
||||||
|
.options .label { font-weight: 700; }
|
||||||
|
.options label { cursor: pointer; }
|
||||||
|
.options input[type=radio] { display: none !important; visibility: hidden; opacity: 0; }
|
||||||
|
.options .postboard-display div { clear: both; }
|
||||||
|
.options .postboard-display div div { float: left; clear: none; padding: 10px; }
|
||||||
|
.options .postboard-display div div .label { font-weight: 400; }
|
||||||
|
.options .tab-content { background: white; position: relative; padding: 20px; }
|
||||||
|
.options .tab-content > div { position: absolute; top: 0; left: 0; height: auto; width: 100%; z-index: -1; opacity: 0; visibility: hidden; }
|
||||||
|
.options input#tab_language:checked ~ .tab-content .language, .options input#t-2:checked ~ .tab-content .theme, .options input#t-3:checked ~ .tab-content .sounds, .options input#t-4:checked ~ .tab-content .keys, .options input#t-5:checked ~ .tab-content .postboard-display, .options input#t-6:checked ~ .tab-content .users { position: relative; z-index: 10; opacity: 1; visibility: visible; }
|
||||||
|
.options label.tabs { text-align: center; width: auto; display: inline-block !important; margin: 0 5px 0 0; padding: 5px 15px; color: #aaaaaa; background: #f3f2f1; }
|
||||||
|
.options label.tabs:hover { color: #66686b; }
|
||||||
|
.options input:checked + label.tabs { background: white; color: #66686b; }
|
||||||
|
|
||||||
|
.promoted-posts-only { margin: 0 0; float: right; }
|
||||||
|
.promoted-posts-only li { cursor: pointer; display: inline-block; margin: 0 0 0 5px; padding: 5px 15px; font-size: 0.9em; transition: color 0.1s linear; }
|
||||||
|
.promoted-posts-only li.active { color: #66686b; background: white; cursor: default; }
|
||||||
|
.promoted-posts-only li:hover, .promoted-posts-only li.disabled:hover { color: #66686b; }
|
||||||
|
.promoted-posts-only li.disabled { color: #aaaaaa; background: #f3f2f1; }
|
||||||
|
|
||||||
|
/* Wrapper and blocks */
|
||||||
|
.wrapper { max-width: 100%; width: 1180px; margin: 0 auto; padding-top: 70px; position: relative; z-index: 1; min-height: 100%; }
|
||||||
|
|
||||||
|
.dashboard.left, .dashboard.right { width: 300px; position: fixed; top: 0; padding-top: 70px; height: 100%; }
|
||||||
|
.dashboard.right { display: block; position: absolute; right: 0; }
|
||||||
|
.dashboard.right .module { position: fixed; height: 100%; }
|
||||||
|
|
||||||
|
/********* CONFIG SUBMENU & SEARCH RESULTS *********** */
|
||||||
|
.dialog-modal { display: none; background: #66686b; position: absolute; top: 45px; right: -10px; width: 250px; overflow: hidden; }
|
||||||
|
|
||||||
|
.userMenu-search .dialog-modal:after { right: auto; left: 150px; }
|
||||||
|
|
||||||
|
.direct-messages, .dropdown-menu-item { display: block; padding: 10px; }
|
||||||
|
|
||||||
|
ul.userMenu-search-profiles { width: 100%; padding: 0; background: white; }
|
||||||
|
ul.userMenu-search-profiles li { float: none; display: block; padding: 5px 10px; margin: 0; border-bottom: 1px solid #e2e1de; }
|
||||||
|
ul.userMenu-search-profiles .mini-profile-name { font-size: 12px; display: block; margin: 0; padding: 0; }
|
||||||
|
ul.userMenu-search-profiles .mini-profile-photo { width: 30px; height: 30px; margin: 0 10px 0 0; float: left; }
|
||||||
|
ul.userMenu-search-profiles .mini-profile-info { width: 100%; float: none; }
|
||||||
|
ul.userMenu-search-profiles button, ul.userMenu-search-profiles .mini-profile-actions span, .mini-profile-actions ul.userMenu-search-profiles span, ul.userMenu-search-profiles .modal-back { background-color: #66686b; padding: 3px; }
|
||||||
|
ul.userMenu-search-profiles button:after, ul.userMenu-search-profiles .mini-profile-actions span:after, .mini-profile-actions ul.userMenu-search-profiles span:after, ul.userMenu-search-profiles .modal-back:after { content: ""; font-family: "fontello"; }
|
||||||
|
|
||||||
|
.userMenu-search input[type="text"] { float: right; padding: 3px 10px; margin: 9px 20px 0 0; border: none; background: white; box-sizing: border-box; }
|
||||||
|
|
||||||
|
.userMenu-search-sugestions a { color: rgba(0, 0, 0, 0.7); padding: 10x 20px; display: block; clear: both; }
|
||||||
|
|
||||||
|
/**************** MINI PROFILE ****************************** */
|
||||||
|
.mini-profile .mini-profile-info { position: relative; text-align: center; background: white; }
|
||||||
|
.mini-profile a.button { background: #aaaaaa; margin: 1em auto; }
|
||||||
|
.mini-profile .post-area { margin-top: 1px; margin-bottom: 20px; padding: 0.5em; background: #f3f2f1; }
|
||||||
|
.mini-profile .post-area-new { padding: 0; display: none; margin: 0; }
|
||||||
|
.mini-profile .post-area-new textarea { width: 100%; }
|
||||||
|
|
||||||
|
.mini-profile-indicators { margin: 0 0 1em 0; background-color: #f3f2f1; }
|
||||||
|
.mini-profile-indicators li { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; display: block; width: 100px; float: left; font-size: 0.8em; position: relative; padding: 0; }
|
||||||
|
.mini-profile-indicators li a { position: relative; color: #66686b; display: block; -moz-transition-property: color; -o-transition-property: color; -webkit-transition-property: color; transition-property: color; -moz-transition-duration: 0.2s; -o-transition-duration: 0.2s; -webkit-transition-duration: 0.2s; transition-duration: 0.2s; padding: 1em 0; }
|
||||||
|
.mini-profile-indicators li a:hover { background-color: white; }
|
||||||
|
.mini-profile-indicators li a:before { font-size: 2.2em; display: block !important; text-align: center !important; margin: auto !important; padding-top: 0.2em; }
|
||||||
|
|
||||||
|
.messages-qtd { position: absolute; top: 10px; right: 25px; background: #b4c669; color: white; padding: 1px 3px; line-height: 12px; font-size: 0.8em; font-weight: 700; border-radius: 2px; }
|
||||||
|
|
||||||
|
.mini-profile-view { display: none; }
|
||||||
|
|
||||||
|
.mini-profile-name { color: #66686b; font-size: 1.3em; font-weight: 700; padding: 10px 0; display: block; margin: auto; }
|
||||||
|
.mini-profile-name:hover { color: #aaaaaa; }
|
||||||
|
|
||||||
|
.mini-profile-photo { width: 80px; height: 80px; overflow: hidden; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; display: block; margin: auto; }
|
||||||
|
.mini-profile-photo img { min-width: 100%; min-height: 100%; border-radius: 50%; }
|
||||||
|
|
||||||
|
.profile-data { clear: both; padding: 1em 0; text-align: center; background: white; }
|
||||||
|
.profile-data li { display: block; float: left; width: 100px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
|
||||||
|
.profile-data li.current a { border-bottom: 3px solid #b4c669; }
|
||||||
|
.profile-data li a { color: #66686b; display: inline-block; font-size: 13px; padding-bottom: 3px; }
|
||||||
|
.profile-data li a:hover { color: #aaaaaa; }
|
||||||
|
.profile-data li a span.posts-count, .profile-data li a span.following-count, .profile-data li a span.followers-count { font-weight: 900; display: block; line-height: 15px; }
|
||||||
|
|
||||||
|
.mini-profile-info a:hover { text-decoration: none; }
|
||||||
|
|
||||||
|
.who-follow { display: block; position: absolute; bottom: 50px; text-align: center; padding: 10px; font-size: 12px; background: white; z-index: 10; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -webkit-transition: all 0.2s linear; transition: all 0.2s linear; }
|
||||||
|
|
||||||
|
.show-more-followers { font-weight: 700; display: block; cursor: pointer; float: right; color: #66686b; }
|
||||||
|
|
||||||
|
.mini-follower-link { display: inline-block; margin: 1px; line-height: 12px; }
|
||||||
|
.mini-follower-link.isFollowing:after { display: none; }
|
||||||
|
.mini-follower-link:after { content: "·"; font-weight: 900; color: #66686b; margin-left: 1px; }
|
||||||
|
|
||||||
|
/**************** POST AREA ************** */
|
||||||
|
.post-area-new textarea { resize: none; box-shadow: none !important; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; display: block; transition: all 0.3s linear; -webkit-transition: height 0.3s linear; -moz-transition: height 0.3s linear; -o-transition: height 0.3s linear; -ms-transition: height 0.3s linear; height: 28px; border: none; background: white; border: 1px solid rgba(0, 0, 0, 0.1); padding: 3px; margin: 5px 0; }
|
||||||
|
|
||||||
|
#postboard-top { clear: both; position: relative; margin-bottom: 1px; transition: height 0.3s linear; padding: 10px 10px 5px 10px; background: white; overflow: hidden; }
|
||||||
|
#postboard-top.hide { display: none !important; }
|
||||||
|
#postboard-top.show { display: block; }
|
||||||
|
#postboard-top .profile-photo { position: absolute; top: 10px; left: 10px; width: 48px; height: 48px; overflow: hidden; }
|
||||||
|
#postboard-top .profile-photo img { width: 100%; }
|
||||||
|
#postboard-top .post-area { overflow: hidden; width: 100%; padding-left: 58px; padding-right: 0; display: inline; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; float: right; }
|
||||||
|
#postboard-top .post-area .post-area-new textarea { margin: 0 0 5px 0; }
|
||||||
|
|
||||||
|
.post-area-new.open textarea, .mini-profile .post-area-new textarea, #postboard-top .post-area .post-area-new textarea { height: 80px; }
|
||||||
|
|
||||||
|
textarea.splited-post { box-shadow: none !important; height: 28px; }
|
||||||
|
|
||||||
|
.splited-post-counter { color: rgba(0, 0, 0, 0.3); font-weight: bold; }
|
||||||
|
.splited-post-counter:before { content: "\2026"; }
|
||||||
|
|
||||||
|
.post-area-extras { overflow: hidden; height: 0; text-align: right; }
|
||||||
|
|
||||||
|
.post-area-new.open > .post-area-extras, .mini-profile .post-area-new > .post-area-extras, #postboard-top .post-area .post-area-new > .post-area-extras { height: auto; transition: all 0.6s linear; }
|
||||||
|
|
||||||
|
.post-area-remaining { padding-right: 3px; }
|
||||||
|
.post-area-remaining.warn { color: red; }
|
||||||
|
|
||||||
|
/***** WHO TO FOLLOW ****** */
|
||||||
|
.who-to-follow { width: inherit; margin-bottom: 20px; }
|
||||||
|
.who-to-follow small { display: none; }
|
||||||
|
.who-to-follow h3 { float: left; }
|
||||||
|
.who-to-follow ol { clear: both; }
|
||||||
|
|
||||||
|
.twister-user { clear: both; width: 100%; position: relative; margin: 0 0 1px 0; width: 100%; box-sizing: border-box; float: right; background: white; }
|
||||||
|
|
||||||
|
.twister-user-photo { display: inline-block; float: left; vertical-align: middle; width: 48px; height: auto; overflow: hidden; margin: 10px; background: #e2e1de; }
|
||||||
|
|
||||||
|
.twister-user-info { width: 80%; }
|
||||||
|
|
||||||
|
.followers { font-size: 12px; color: #66686b; }
|
||||||
|
.followers label, .followers a { display: block; }
|
||||||
|
|
||||||
|
.followed-by { color: #aaaaaa; font-size: 12px; cursor: pointer; display: block; }
|
||||||
|
|
||||||
|
.twister-user-name, .twister-by-user-name { font-weight: bold; font-size: 14px; color: #aaaaaa; text-decoration: none; }
|
||||||
|
|
||||||
|
.twister-user-tag { font-size: 12px; line-height: 14px; opacity: 0.8; display: inline-block; letter-spacing: 0px; }
|
||||||
|
|
||||||
|
.twister-user-remove { font-size: 13px; opacity: 0.2; text-decoration: none; cursor: pointer; position: absolute; padding: 5px; top: -5px; right: -5px; display: inline-block; }
|
||||||
|
|
||||||
|
.twister-user:hover .twister-user-remove { text-decoration: none; }
|
||||||
|
|
||||||
|
.twister-user-remove:hover { opacity: 1; }
|
||||||
|
|
||||||
|
button.follow, .mini-profile-actions span.follow, .follow.modal-back { position: absolute; bottom: 10px; right: 10px; background: #b4c669; }
|
||||||
|
button.follow:hover, .mini-profile-actions span.follow:hover, .follow.modal-back:hover { background: #aaaaaa; }
|
||||||
|
|
||||||
|
.refresh-users { color: #66686b; cursor: pointer; font-size: 11px; font-weight: 500; text-transform: none; letter-spacing: 0; float: right; display: block; padding: 4px; margin: 0 0 0 15px; position: relative; }
|
||||||
|
|
||||||
|
.view-all-users { color: #66686b; cursor: pointer; font-size: 11px; font-weight: 500; text-transform: none; letter-spacing: 0; float: right; display: block; padding: 4px; margin: 0 0 0 15px; position: relative; }
|
||||||
|
|
||||||
|
.refresh-users:hover, .view-all-users:hover { color: #b4c669; text-decoration: none; background-color: transparent; }
|
||||||
|
|
||||||
|
/**********TOP TRENDS************** */
|
||||||
|
ol.toptrends-list { margin: 0; margin-bottom: 10px; }
|
||||||
|
ol.toptrends-list li { display: inline-block; }
|
||||||
|
ol.toptrends-list a { color: #aaaaaa; padding: 3px 8px; display: inline-block; background: #f3f2f1; text-transform: uppercase; font-size: 11px; margin: 3px; font-weight: 500; }
|
||||||
|
ol.toptrends-list a:hover { background: white; color: #66686b; }
|
||||||
|
|
||||||
|
/********** POPUP MODAL************ */
|
||||||
|
.modal-blackout { position: fixed; width: 100%; height: 100%; left: 0; top: 0; background: rgba(170, 170, 170, 0.8); display: none; z-index: 3; }
|
||||||
|
|
||||||
|
.modal-wrapper { position: absolute; top: 50%; left: 50%; overflow: hidden; }
|
||||||
|
.modal-wrapper .post-area-new { padding: 10px; }
|
||||||
|
|
||||||
|
.modal-content { background: #f3f2f1; padding: 20px; }
|
||||||
|
.modal-content .postboard h2 { position: fixed; z-index: 2; margin-top: -60px; margin-left: -60px; width: 100px; width: 520px; }
|
||||||
|
.modal-content .postboard h2 span { display: none; }
|
||||||
|
.modal-content .postboard-news { line-height: 30px; position: absolute; right: 0; top: 40px; font-weight: 900; display: block; padding: 0 20px; color: white; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1); background: #b4c669; }
|
||||||
|
|
||||||
|
.modal-header { position: relative; background: #66686b; height: 40px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
|
||||||
|
.modal-header h3 { font-size: 0.8em; line-height: 40px; float: left; font-weight: 900; padding-left: 10px; color: white; display: block !important; }
|
||||||
|
|
||||||
|
.modal-close { position: absolute; right: 10px; top: 0; font-size: 14px; line-height: 40px; cursor: pointer; color: rgba(255, 255, 255, 0.7); }
|
||||||
|
.modal-close:hover { color: white; }
|
||||||
|
.modal-close b { display: none; }
|
||||||
|
|
||||||
|
.mark-all-as-read { float: left; cursor: pointer; font-size: 1.3em; line-height: 40px; padding: 0 5px; color: #aaaaaa; transition: all 0.1s linear; display: none; }
|
||||||
|
|
||||||
|
.modal-back:hover, .mark-all-as-read:hover { color: #b4c669; }
|
||||||
|
|
||||||
|
.modal-back { margin: 0; background: #b4c669; display: none !important; float: left; }
|
||||||
|
|
||||||
|
.modal-buttons { padding: 10px; text-align: right; }
|
||||||
|
|
||||||
|
/*********** RETWIST POSTS MODAL ********* */
|
||||||
|
.reTwist .modal-wrapper { width: 520px; top: 20%; margin: 0 0 0 -260px; }
|
||||||
|
.reTwist .post-expand, .reTwist .post-interactions { display: none; }
|
||||||
|
|
||||||
|
/******** REPLY POSTS MODAL************** */
|
||||||
|
.reply .modal-wrapper { width: 520px; top: 20%; margin: 0 0 0 -260px; }
|
||||||
|
.reply .modal-buttons, .reply .post-expand, .reply .post-interactions { display: none; }
|
||||||
|
|
||||||
|
/***** DIRECT MESSAGES MODAL********* */
|
||||||
|
.directMessages .post-area-new { display: none; padding: 20px; z-index: 5; background: #e2e1de; }
|
||||||
|
.directMessages .post-area-new .modal-header h3 span { display: inline !important; }
|
||||||
|
.directMessages .modal-wrapper { width: 520px; height: 490px; top: 10%; margin: 0 0 0 -260px; overflow-x: hidden; }
|
||||||
|
.directMessages .modal-content { overflow-y: auto; height: 300px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; width: 520px; }
|
||||||
|
.directMessages .modal-buttons { display: none; }
|
||||||
|
.directMessages .post-photo { height: 48px; width: 48px; }
|
||||||
|
.directMessages .post-text { margin-left: 58px; font-size: 0.9em; }
|
||||||
|
.directMessages .post-info-name { float: none; }
|
||||||
|
.directMessages .post-info-tag { line-height: 1em; padding: 0; display: inline; font-size: 80%; margin: 0 0 0 1em; }
|
||||||
|
|
||||||
|
.direct-messages-list .post { padding: 10px 30px 10px 15px; cursor: pointer; }
|
||||||
|
.direct-messages-list .post:after { content: ""; font-family: "fontello"; position: absolute; right: 10px; top: 50%; font-size: 1.2em; margin: -6px 0 0 0; color: rgba(0, 0, 0, 0.4); display: none; }
|
||||||
|
|
||||||
|
.direct-messages-list .post:hover:after { display: block; }
|
||||||
|
|
||||||
|
.direct-messages-thread .post { background: none; left: 0; margin: 0px 10px 20px 10px; cursor: default; }
|
||||||
|
.direct-messages-thread .post .post-info-time { float: none; display: block; text-align: center; font-size: 10px; margin: 10px 0; cursor: default; }
|
||||||
|
.direct-messages-thread .post .post-info-time:hover { color: #aaaaaa; }
|
||||||
|
.direct-messages-thread .post .post-text:after, .direct-messages-thread .post .post-text:nth-child(2n):after { content: ""; width: 1px; background: transparent; position: absolute; top: 10px; white-space: normal; }
|
||||||
|
.direct-messages-thread .post .post-text:after { border-top: solid 7px transparent; border-bottom: solid 7px transparent; border-right: solid 7px white; left: -7px; }
|
||||||
|
.direct-messages-thread .post .post-text { background: white; margin-right: 60px; margin-left: 60px; position: relative; display: inline-block; max-width: 300px; font-size: 0.9em; padding: 5px 10px; z-index: 4; float: left; word-wrap: break-word; max-width: 60%; min-height: 15px; }
|
||||||
|
.direct-messages-thread .post .post-photo { position: absolute; left: 0; top: 10px; }
|
||||||
|
.direct-messages-thread .post.sent .post-text:after { border-top: solid 7px transparent; border-bottom: solid 7px transparent; border-right: none; border-left: solid 7px white; right: -7px; left: auto; }
|
||||||
|
.direct-messages-thread .post.sent .post-text { float: right; }
|
||||||
|
.direct-messages-thread .post.sent .post-photo { position: absolute; right: 0; left: auto; }
|
||||||
|
|
||||||
|
/******** NEW USER MODAL************* */
|
||||||
|
.new-user .modal-wrapper { width: 520px; height: 600px; top: 10%; margin: 0 0 0 -260px; overflow-x: hidden; overflow-y: hidden; }
|
||||||
|
.new-user .modal-content { margin: 10px 10px 10px 10px; }
|
||||||
|
.new-user .modal-buttons, .new-user .modal-close { display: none; }
|
||||||
|
.new-user .text { margin: 0 0 15px 0; }
|
||||||
|
.new-user .emphasis { font-size: 18px; text-align: center; }
|
||||||
|
.new-user .secret-key { color: black; font-weight: bold; }
|
||||||
|
|
||||||
|
/******* HASHTAG MODAL********** */
|
||||||
|
.hashtag-modal .modal-wrapper { width: 520px; height: 600px; top: 10%; margin: 0 0 0 -260px; overflow: hidden; }
|
||||||
|
.hashtag-modal .modal-content { overflow-y: auto; height: 500px; }
|
||||||
|
.hashtag-modal .modal-buttons { display: none; }
|
||||||
|
.hashtag-modal .postboard { padding: 0; }
|
||||||
|
|
||||||
|
/***** CONVERSATION MODAL********** */
|
||||||
|
.conversation-modal .modal-wrapper { position: absolute; width: 520px; height: 575px; top: 10%; margin: 0 0 0 -260px; overflow: hidden; background: white; }
|
||||||
|
.conversation-modal .modal-content { overflow-y: auto; height: 90%; }
|
||||||
|
.conversation-modal .modal-buttons { display: none; }
|
||||||
|
.conversation-modal .postboard { padding: 0; }
|
||||||
|
|
||||||
|
/***** FOLLOWING MODAL****** */
|
||||||
|
.following-modal .modal-wrapper { width: 520px; top: 10%; height: 400px; margin: 0 0 0 -260px; overflow-x: hidden; }
|
||||||
|
.following-modal .modal-content { height: 300px; overflow-y: auto; padding: 0; }
|
||||||
|
.following-modal .modal-buttons { display: none; }
|
||||||
|
.following-modal ol { margin: 5px; }
|
||||||
|
.following-modal .open-profile-modal:hover { text-decoration: none; }
|
||||||
|
|
||||||
|
/****** WHO TO FOLLOW MODAL****** */
|
||||||
|
.who-to-follow-modal .modal-wrapper { width: 520px; top: 10%; height: 455px; margin: 0 0 0 -260px; overflow-x: hidden; }
|
||||||
|
.who-to-follow-modal .modal-content { padding: 15px; height: 400px; overflow-y: auto; }
|
||||||
|
.who-to-follow-modal .modal-buttons { display: none; }
|
||||||
|
.who-to-follow-modal ol { margin: 5px; }
|
||||||
|
.who-to-follow-modal .open-profile-modal:hover { text-decoration: none; }
|
||||||
|
.who-to-follow-modal .twister-user { position: relative; padding: 5px; }
|
||||||
|
.who-to-follow-modal .twister-user-photo { position: relative; left: 0; float: left; display: block; }
|
||||||
|
.who-to-follow-modal .twister-user-info { position: relative; padding-left: 70px; width: auto; }
|
||||||
|
.who-to-follow-modal .bio { color: rgba(0, 0, 0, 0.6); font-style: italic; }
|
||||||
|
|
||||||
|
/****** LOADER ************ */
|
||||||
|
.postboard-loading { text-align: center; }
|
||||||
|
.postboard-loading div { display: inline-block; width: 120px; height: 10px; background-color: #aaaaaa; position: relative; margin: 10px 0 0 0; }
|
||||||
|
.postboard-loading div:after { content: ""; position: absolute; background-color: white; left: 2px; top: 2px; bottom: 2px; z-index: 999; animation-name: slide; animation-duration: 1.5s; animation-easing-function: linear; animation-iteration-count: infinite; -webkit-animation-name: slide; -webkit-animation-duration: 1.5s; -webkit-animation-easing-function: linear; -webkit-animation-iteration-count: infinite; -moz-animation-name: slide; -moz-animation-duration: 1.5s; -moz-animation-easing-function: linear; -moz-animation-iteration-count: infinite; }
|
||||||
|
|
||||||
|
@keyframes slide { 0% { right: 60px; left: 2px; }
|
||||||
|
5% { left: 2px; }
|
||||||
|
50% { right: 2px; left: 60px; }
|
||||||
|
55% { right: 2px; }
|
||||||
|
100% { right: 60px; left: 2px; } }
|
||||||
|
@-webkit-keyframes slide { 0% { right: 100px; left: 2px; }
|
||||||
|
5% { left: 2px; }
|
||||||
|
50% { right: 2px; left: 100px; }
|
||||||
|
55% { right: 2px; }
|
||||||
|
100% { right: 100px; left: 2px; } }
|
||||||
|
@-moz-keyframes slide { 0% { right: 60px; left: 2px; }
|
||||||
|
5% { left: 2px; }
|
||||||
|
50% { right: 2px; left: 60px; }
|
||||||
|
55% { right: 2px; }
|
||||||
|
100% { right: 60px; left: 2px; } }
|
||||||
|
/* Options */
|
||||||
|
.suboptions { margin: 5px 30px; border: double 2px rgba(69, 71, 77, 0.1); height: 0px; padding: 0 !important; overflow: hidden; float: right; transition: height 0.3s linear; -webkit-transition: height 0.3s linear; -moz-transition: height 0.3s linear; -o-transition: height 0.3s linear; -ms-transition: height 0.3s linear; font-size: 0.9em; line-height: 0.9em; font-style: italic; }
|
||||||
|
.suboptions div { float: none !important; }
|
||||||
|
.suboptions span { font-style: normal; }
|
||||||
|
|
||||||
|
/* Autocomplite */
|
||||||
|
.textcomplete-wrapper textarea { display: inline; }
|
||||||
|
|
||||||
|
ul.dropdown-menu { position: absolute; top: 23px; left: 155px; z-index: 100; display: block; float: left; min-width: 160px; padding: 5px 0; margin: 2px 0 0; list-style: none; background-color: white; border: 1px solid rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); }
|
||||||
|
ul.dropdown-menu li { line-height: 20px; }
|
||||||
|
ul.dropdown-menu > li > a { display: block; padding: 3px 20px; clear: both; white-space: nowrap; -webkit-transition: all 200ms; -moz-transition: all 200ms; -ms-transition: all 200ms; -o-transition: all 200ms; transition: all 200ms; }
|
||||||
|
|
||||||
|
@media (max-width: 1200px) { .wrapper { width: 900px; }
|
||||||
|
.dashboard.right { display: none; }
|
||||||
|
.userMenu ul { width: 900px; }
|
||||||
|
.postboard { width: 100%; }
|
||||||
|
.following-list li { width: 47%; float: left; margin: 0 2% 2% 0; font-size: 80%; } }
|
||||||
|
@media (max-width: 900px) { .profile-modal .modal-wrapper { margin-left: 0; left: 1%; } }
|
||||||
|
@media (max-width: 600px) { .dashboard.left, .postboard { position: static; width: 100%; }
|
||||||
|
.postboard { margin: 0; padding: 10px; }
|
||||||
|
.who-to-follow, .toptrends { display: none; }
|
||||||
|
.mini-profile .post-area, .mini-profile .post-area-new { display: none; }
|
||||||
|
.following-list li { width: 98%; float: none; margin: 2% 1%; } }
|
||||||
BIN
theme_nin/img/grayed_avatar_placeholder_24.png
Normal file
BIN
theme_nin/img/grayed_avatar_placeholder_24.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 3.5 KiB |
BIN
theme_nin/img/tornado_avatar.png
Normal file
BIN
theme_nin/img/tornado_avatar.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 3.3 KiB |
BIN
theme_nin/img/twister_favicon.png
Normal file
BIN
theme_nin/img/twister_favicon.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 3.1 KiB |
BIN
theme_nin/img/twister_logo.png
Normal file
BIN
theme_nin/img/twister_logo.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.8 KiB |
29
theme_nin/js/theme_option.js
Normal file
29
theme_nin/js/theme_option.js
Normal file
@ -0,0 +1,29 @@
|
|||||||
|
$(function(){
|
||||||
|
|
||||||
|
$('#closeModal').html('');
|
||||||
|
$('.profile-card-main').attr('style', '');
|
||||||
|
$('img[src$="img/tornado_avatar.png"]').attr("src","theme_nin/img/tornado_avatar.png");
|
||||||
|
$('.userMenu-search-profiles button').html('').attr('title','Follow');
|
||||||
|
$('.mini-profile-actions span').html('');
|
||||||
|
|
||||||
|
$('.post-context').each(function(){
|
||||||
|
$(this).prependTo($(this).parent());
|
||||||
|
});
|
||||||
|
|
||||||
|
|
||||||
|
$( '.userMenu-home.current a' ).on( 'click', function() {
|
||||||
|
$('html, body').animate({scrollTop:0},300);
|
||||||
|
return false
|
||||||
|
});
|
||||||
|
|
||||||
|
$(window).scroll(function(){
|
||||||
|
posScroll = $(document).scrollTop();
|
||||||
|
if(posScroll >= 250)
|
||||||
|
$('.left .post-area-new').slideDown(300);
|
||||||
|
else
|
||||||
|
$('.left .post-area-new').slideUp(150);
|
||||||
|
});
|
||||||
|
|
||||||
|
|
||||||
|
});
|
||||||
|
|
||||||
91
theme_nin/sass/_commons.sass
Normal file
91
theme_nin/sass/_commons.sass
Normal file
@ -0,0 +1,91 @@
|
|||||||
|
*
|
||||||
|
outline: none!important
|
||||||
|
|
||||||
|
li
|
||||||
|
list-style: none
|
||||||
|
|
||||||
|
html, body
|
||||||
|
height: 100%
|
||||||
|
min-height: 100%
|
||||||
|
background: $main-background-color
|
||||||
|
color: $defaut-font-color
|
||||||
|
font: .95em/1.3em $main-font-family
|
||||||
|
font-weight: 400
|
||||||
|
|
||||||
|
br
|
||||||
|
display: block
|
||||||
|
|
||||||
|
img
|
||||||
|
background: $main-background-color
|
||||||
|
+border-radius(2px)
|
||||||
|
|
||||||
|
a
|
||||||
|
text-decoration: none
|
||||||
|
color: $main-color-light
|
||||||
|
&:hover
|
||||||
|
color: $main-color-color
|
||||||
|
text-decoration: none
|
||||||
|
|
||||||
|
p
|
||||||
|
padding: 5px 0
|
||||||
|
|
||||||
|
|
||||||
|
h2, h3
|
||||||
|
font-size: 1.1em
|
||||||
|
text-transform: uppercase
|
||||||
|
letter-spacing: 0.07em
|
||||||
|
font-weight: 500
|
||||||
|
line-height: 1.8em
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
textarea, input[type=text]
|
||||||
|
font: .95em/1.3em $main-font-family
|
||||||
|
font-weight: 400
|
||||||
|
|
||||||
|
|
||||||
|
/* isFollowing */
|
||||||
|
|
||||||
|
.isFollowing:after
|
||||||
|
color: $main-color-color
|
||||||
|
content: '\e806'
|
||||||
|
font-family: 'fontello'
|
||||||
|
padding-left: 2px
|
||||||
|
display: inline
|
||||||
|
font-size: 10px
|
||||||
|
vertical-align: top
|
||||||
|
line-height: 10px
|
||||||
|
&:hover
|
||||||
|
text-decoration: none!important
|
||||||
|
h3 &
|
||||||
|
display: none
|
||||||
|
|
||||||
|
/************** BUTTONS ************/
|
||||||
|
|
||||||
|
button, a.button
|
||||||
|
padding: 6px 8px
|
||||||
|
font-size: 13px
|
||||||
|
display: inline-block
|
||||||
|
line-height: 1em
|
||||||
|
font-weight: 500
|
||||||
|
margin: 0
|
||||||
|
float: none
|
||||||
|
text-shadow: 2px 2px 0 rgba(black,0)
|
||||||
|
+transition-property(background)
|
||||||
|
+transition-duration(.1s)
|
||||||
|
color: white
|
||||||
|
background-color: $main-color-dark
|
||||||
|
+border-radius(2px)
|
||||||
|
border: none
|
||||||
|
font-family: 'fontello', 'Roboto'
|
||||||
|
cursor: pointer
|
||||||
|
&:hover
|
||||||
|
background: $main-color-light
|
||||||
|
text-shadow: 2px 2px 0 rgba(black,.1)
|
||||||
|
&.disabled
|
||||||
|
opacity: .5
|
||||||
|
background-color: #999
|
||||||
|
&:hover
|
||||||
|
color: $bloc-background-color
|
||||||
|
|
||||||
|
|
||||||
246
theme_nin/sass/_following.sass
Executable file
246
theme_nin/sass/_following.sass
Executable file
@ -0,0 +1,246 @@
|
|||||||
|
.following
|
||||||
|
width: 100%!important
|
||||||
|
|
||||||
|
.following-list li
|
||||||
|
text-align: center
|
||||||
|
@extend .clear-fix
|
||||||
|
float: left
|
||||||
|
width: 30%
|
||||||
|
padding: 13px
|
||||||
|
+box-sizing(border-box)
|
||||||
|
float: left
|
||||||
|
margin: 0 2% 2% 0
|
||||||
|
|
||||||
|
|
||||||
|
.following .mini-profile
|
||||||
|
margin-bottom: 10px
|
||||||
|
|
||||||
|
.following .mini-profile-info
|
||||||
|
position: relative
|
||||||
|
|
||||||
|
.following .mini-profile-photo
|
||||||
|
margin: 0 auto 10px auto
|
||||||
|
display: block
|
||||||
|
width: 64px
|
||||||
|
height: 64px
|
||||||
|
overflow: hidden
|
||||||
|
background: $main-background-color
|
||||||
|
|
||||||
|
.following .mini-profile-view
|
||||||
|
display: inline
|
||||||
|
color: rgba(0, 0, 0, 0.5)
|
||||||
|
font-size: 12px
|
||||||
|
position: absolute
|
||||||
|
top: 32px
|
||||||
|
left: 65px
|
||||||
|
z-index: 1
|
||||||
|
|
||||||
|
.following .mini-profile-name
|
||||||
|
font-weight: 900
|
||||||
|
font-size: 1em
|
||||||
|
line-height: 1em
|
||||||
|
padding: 0
|
||||||
|
text-decoration: none
|
||||||
|
display: block
|
||||||
|
color: inherit
|
||||||
|
display: inline
|
||||||
|
.following .mini-screen-name
|
||||||
|
color: inherit
|
||||||
|
display: block
|
||||||
|
margin-bottom: 10px
|
||||||
|
|
||||||
|
.following button
|
||||||
|
display: inline-block
|
||||||
|
margin: 5px 0
|
||||||
|
&.unfollow
|
||||||
|
background-color: $main-color-light
|
||||||
|
&.public-following
|
||||||
|
background-color: $main-color-color
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
.mini-profile-actions
|
||||||
|
position: absolute
|
||||||
|
width: auto
|
||||||
|
top: 0
|
||||||
|
right: -16px
|
||||||
|
display: inline-block
|
||||||
|
|
||||||
|
span
|
||||||
|
cursor: pointer!important
|
||||||
|
@extend button
|
||||||
|
border-top-right-radius: 0!important
|
||||||
|
border-bottom-right-radius: 0!important
|
||||||
|
@extend .extend-icon
|
||||||
|
@extend .icon-plus
|
||||||
|
&:before
|
||||||
|
margin: 0
|
||||||
|
padding: 0
|
||||||
|
line-height: 1em
|
||||||
|
font-size: 10px
|
||||||
|
ul
|
||||||
|
$action-padding-height: 8px
|
||||||
|
height: 0
|
||||||
|
overflow: hidden
|
||||||
|
position: absolute
|
||||||
|
top: 2em
|
||||||
|
right: -2em
|
||||||
|
transition: height .4s linear
|
||||||
|
transition: padding-top .1s linear
|
||||||
|
background: $main-color-dark
|
||||||
|
z-index: 3
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
&:hover
|
||||||
|
ul
|
||||||
|
$action-li-height : 12px
|
||||||
|
$action-padding-height: 8px
|
||||||
|
padding: $action-padding-height
|
||||||
|
height: $action-li-height*4 + $action-padding-height*2*4
|
||||||
|
ul li
|
||||||
|
text-align: left
|
||||||
|
margin: 0
|
||||||
|
background: $main-color-dark
|
||||||
|
$action-li-height : 12px
|
||||||
|
$action-padding-height: 8px
|
||||||
|
white-space: nowrap
|
||||||
|
color: $main-color-light
|
||||||
|
font-size: $action-li-height
|
||||||
|
line-height: $action-li-height
|
||||||
|
cursor: pointer
|
||||||
|
display: block
|
||||||
|
float: none
|
||||||
|
width: auto
|
||||||
|
padding: $action-padding-height
|
||||||
|
|
||||||
|
&:hover ul li:hover
|
||||||
|
color: $main-color-color
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
.following .who-follow
|
||||||
|
height: auto
|
||||||
|
background-color: rgba(69, 71, 77, 0.1)
|
||||||
|
overflow: hidden
|
||||||
|
font-size: 12px
|
||||||
|
|
||||||
|
.following .show-more-followers
|
||||||
|
color: #f11
|
||||||
|
font-weight: bold
|
||||||
|
cursor: pointer
|
||||||
|
float: right
|
||||||
|
|
||||||
|
.following .mini-follower-link
|
||||||
|
display: inline-block
|
||||||
|
margin-right: 10px
|
||||||
|
&:before
|
||||||
|
content: " \2027"
|
||||||
|
|
||||||
|
.following a.open-profile-modal
|
||||||
|
display: inline
|
||||||
|
text-align: center
|
||||||
|
color: $dark-grey
|
||||||
|
&:hover
|
||||||
|
color: $main-color-light
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
.following .post-area-new
|
||||||
|
padding-bottom: 4px
|
||||||
|
textarea
|
||||||
|
resize: none
|
||||||
|
width: 445px
|
||||||
|
display: block
|
||||||
|
transition: all .3s linear
|
||||||
|
-webkit-transition: height 0.3s linear
|
||||||
|
-moz-transition: height 0.3s linear
|
||||||
|
-o-transition: height 0.3s linear
|
||||||
|
-ms-transition: height 0.3s linear
|
||||||
|
height: 28px
|
||||||
|
border-radius: 3px
|
||||||
|
border: solid 1px rgba(0, 0, 0, 0.3)
|
||||||
|
margin-left: 55px
|
||||||
|
margin-bottom: 10px
|
||||||
|
padding: 4px
|
||||||
|
font-size: 13px
|
||||||
|
|
||||||
|
.following .mini-profile .post-area-new
|
||||||
|
padding: 9px
|
||||||
|
textarea
|
||||||
|
margin-left: 0
|
||||||
|
width: 100%
|
||||||
|
|
||||||
|
.following .post-area-new.open textarea
|
||||||
|
height: 80px
|
||||||
|
border: solid 1px rgba(227, 79, 66, 0.5)
|
||||||
|
box-shadow: 0 0 10px rgba(0, 0, 0, 0.3)
|
||||||
|
|
||||||
|
.following textarea.splited-post
|
||||||
|
box-shadow: none!important
|
||||||
|
height: 28px
|
||||||
|
|
||||||
|
.following .splited-post-counter
|
||||||
|
color: rgba(0, 0, 0, 0.3)
|
||||||
|
font-weight: bold
|
||||||
|
&:before
|
||||||
|
content: '\2026'
|
||||||
|
|
||||||
|
.following .post-area-extras
|
||||||
|
overflow: hidden
|
||||||
|
height: 0
|
||||||
|
text-align: right
|
||||||
|
|
||||||
|
.following .post-submit
|
||||||
|
background: #45474d
|
||||||
|
color: rgba(255, 255, 255, 0.8)
|
||||||
|
border: none
|
||||||
|
padding: 5px 10px
|
||||||
|
cursor: pointer
|
||||||
|
display: inline-block
|
||||||
|
margin-top: 4px
|
||||||
|
|
||||||
|
.following .post-area-new.open > .post-area-extras
|
||||||
|
height: 35px
|
||||||
|
transition: all .6s linear
|
||||||
|
|
||||||
|
.following .post-area-remaining
|
||||||
|
font-size: 13px
|
||||||
|
&.warn
|
||||||
|
color: #ff0000
|
||||||
|
|
||||||
|
.following .post .show-more
|
||||||
|
font-size: 13px
|
||||||
|
font-weight: bold
|
||||||
|
margin-left: 60px
|
||||||
|
color: rgba(0, 0, 0, 0.5)
|
||||||
|
&:before
|
||||||
|
content: '💭'
|
||||||
|
|
||||||
|
.swarm-status
|
||||||
|
display: none!important
|
||||||
|
|
||||||
|
|
||||||
|
.following-modal
|
||||||
|
.modal-wrapper
|
||||||
|
width: 200px
|
||||||
|
h2
|
||||||
|
display: none
|
||||||
|
|
||||||
|
.mini-following-info
|
||||||
|
width: 45px
|
||||||
|
height: 45px
|
||||||
|
text-align: center
|
||||||
|
background: $bloc-background-color
|
||||||
|
margin: 1%
|
||||||
|
float: left
|
||||||
|
&:after
|
||||||
|
@extend .clear-fix
|
||||||
|
.mini-screen-name, .mini-following-name
|
||||||
|
display: none
|
||||||
|
.mini-profile-photo
|
||||||
|
height: 45px
|
||||||
|
width: 45px
|
||||||
|
border-radius: 0
|
||||||
196
theme_nin/sass/_fonts.sass
Executable file
196
theme_nin/sass/_fonts.sass
Executable file
@ -0,0 +1,196 @@
|
|||||||
|
@font-face
|
||||||
|
font-family: "Roboto"
|
||||||
|
src: url("fonts/roboto/Roboto-Regular.ttf")
|
||||||
|
font-weight: 400
|
||||||
|
|
||||||
|
|
||||||
|
@font-face
|
||||||
|
font-family: "Roboto"
|
||||||
|
src: url("fonts/roboto/Roboto-Medium.ttf")
|
||||||
|
font-weight: 500
|
||||||
|
|
||||||
|
|
||||||
|
@font-face
|
||||||
|
font-family: "Roboto"
|
||||||
|
src: url("fonts/roboto/Roboto-Bold.ttf")
|
||||||
|
font-weight: 700
|
||||||
|
|
||||||
|
@font-face
|
||||||
|
font-family: "Roboto"
|
||||||
|
src: url("fonts/roboto/Roboto-Black.ttf")
|
||||||
|
font-weight: 900
|
||||||
|
|
||||||
|
|
||||||
|
@font-face
|
||||||
|
font-family: "Roboto"
|
||||||
|
src: url("fonts/roboto/Roboto-Italic.ttf")
|
||||||
|
font-weight: 400
|
||||||
|
font-style: italic
|
||||||
|
|
||||||
|
@font-face
|
||||||
|
font-family: "Droid"
|
||||||
|
src: url("fonts/DroidSerif-Italic.ttf")
|
||||||
|
font-weight: 400
|
||||||
|
font-style: italic
|
||||||
|
|
||||||
|
|
||||||
|
@font-face
|
||||||
|
font-family: "Roboto"
|
||||||
|
src: url("fonts/roboto/Roboto-MediumItalic.ttf")
|
||||||
|
font-weight: 500
|
||||||
|
font-style: italic
|
||||||
|
|
||||||
|
|
||||||
|
@font-face
|
||||||
|
font-family: "Roboto"
|
||||||
|
src: url("fonts/roboto/Roboto-BoldItalic.ttf")
|
||||||
|
font-weight: 700
|
||||||
|
font-style: italic
|
||||||
|
|
||||||
|
@font-face
|
||||||
|
font-family: "Bemio"
|
||||||
|
src: url("fonts/BemioItalic.otf")
|
||||||
|
|
||||||
|
|
||||||
|
/******* fontello *******/
|
||||||
|
@font-face
|
||||||
|
font-family: "fontello"
|
||||||
|
src: url('fonts/fontello/fontello.eot?7584488')
|
||||||
|
src: url('fonts/fontello/fontello.eot?7584488#iefix') format("embedded-opentype"), url('fonts/fontello/fontello.woff?7584488') format("woff"), url('fonts/fontello/fontello.ttf?7584488') format("truetype"), url('fonts/fontello/fontello.svg?7584488#fontello') format("svg")
|
||||||
|
font-weight: normal
|
||||||
|
font-style: normal
|
||||||
|
|
||||||
|
|
||||||
|
[class^="icon-"]:before, [class*=" icon-"]:before, .extend-icon:before, .icon-down-after:after
|
||||||
|
font-family: "fontello"
|
||||||
|
font-style: normal
|
||||||
|
font-weight: normal
|
||||||
|
speak: none
|
||||||
|
display: inline-block
|
||||||
|
text-decoration: inherit
|
||||||
|
width: 1em
|
||||||
|
margin-right: 3px
|
||||||
|
text-align: center
|
||||||
|
font-variant: normal
|
||||||
|
text-transform: none
|
||||||
|
line-height: 1em
|
||||||
|
margin-left: 2px
|
||||||
|
|
||||||
|
|
||||||
|
.icon-search:before
|
||||||
|
content: '\e800'
|
||||||
|
|
||||||
|
/* ''*/
|
||||||
|
|
||||||
|
.icon-mail:before
|
||||||
|
content: '\e801'
|
||||||
|
|
||||||
|
/* ''*/
|
||||||
|
|
||||||
|
.icon-heart:before
|
||||||
|
content: '\e802'
|
||||||
|
|
||||||
|
/* ''*/
|
||||||
|
|
||||||
|
.icon-star:before
|
||||||
|
content: '\e803'
|
||||||
|
|
||||||
|
/* ''*/
|
||||||
|
|
||||||
|
.icon-user:before
|
||||||
|
content: '\e804'
|
||||||
|
|
||||||
|
/* ''*/
|
||||||
|
|
||||||
|
.icon-camera:before
|
||||||
|
content: '\e805'
|
||||||
|
|
||||||
|
/* ''*/
|
||||||
|
|
||||||
|
.icon-ok:before
|
||||||
|
content: '\e806'
|
||||||
|
|
||||||
|
/* ''*/
|
||||||
|
|
||||||
|
.icon-cancel:before
|
||||||
|
content: '\e807'
|
||||||
|
|
||||||
|
/* ''*/
|
||||||
|
|
||||||
|
.icon-plus:before
|
||||||
|
content: '\e808'
|
||||||
|
|
||||||
|
/* ''*/
|
||||||
|
|
||||||
|
.icon-minus:before
|
||||||
|
content: '\e809'
|
||||||
|
|
||||||
|
/* ''*/
|
||||||
|
|
||||||
|
.icon-down:before
|
||||||
|
content: '\e80a'
|
||||||
|
|
||||||
|
.icon-down-after:after
|
||||||
|
content: '\e80a'
|
||||||
|
|
||||||
|
/* ''*/
|
||||||
|
|
||||||
|
.icon-lock:before
|
||||||
|
content: '\e80b'
|
||||||
|
|
||||||
|
/* ''*/
|
||||||
|
|
||||||
|
.icon-quote:before
|
||||||
|
content: '\e80c'
|
||||||
|
|
||||||
|
/* ''*/
|
||||||
|
|
||||||
|
.icon-comment:before
|
||||||
|
content: '\e80d'
|
||||||
|
|
||||||
|
/* ''*/
|
||||||
|
|
||||||
|
.icon-chat:before
|
||||||
|
content: '\e80e'
|
||||||
|
|
||||||
|
/* ''*/
|
||||||
|
|
||||||
|
.icon-left:before
|
||||||
|
content: '\e80f'
|
||||||
|
|
||||||
|
/* ''*/
|
||||||
|
|
||||||
|
.icon-right:before
|
||||||
|
content: '\e810'
|
||||||
|
|
||||||
|
/* ''*/
|
||||||
|
|
||||||
|
.icon-up:before
|
||||||
|
content: '\e811'
|
||||||
|
|
||||||
|
/* ''*/
|
||||||
|
|
||||||
|
.icon-cog:before
|
||||||
|
content: '\e812'
|
||||||
|
|
||||||
|
/* ''*/
|
||||||
|
|
||||||
|
.icon-doc:before
|
||||||
|
content: '\e813'
|
||||||
|
|
||||||
|
/* ''*/
|
||||||
|
|
||||||
|
.icon-arrows:before
|
||||||
|
content: '\e814'
|
||||||
|
|
||||||
|
/* ''*/
|
||||||
|
|
||||||
|
.icon-twistagain:before
|
||||||
|
content: '\e815'
|
||||||
|
|
||||||
|
/* ''*/
|
||||||
|
|
||||||
|
.icon-bell:before
|
||||||
|
content: '\e816'
|
||||||
|
|
||||||
|
/* '' */
|
||||||
81
theme_nin/sass/_menu.sass
Executable file
81
theme_nin/sass/_menu.sass
Executable file
@ -0,0 +1,81 @@
|
|||||||
|
|
||||||
|
.userMenu
|
||||||
|
width: 100%
|
||||||
|
position: fixed
|
||||||
|
left: 0
|
||||||
|
margin: 0
|
||||||
|
height: 50px
|
||||||
|
background: $main-color-dark
|
||||||
|
z-index: 2
|
||||||
|
ul
|
||||||
|
@extend .clear-fix
|
||||||
|
+box-sizing(border-box)
|
||||||
|
width: $site-width
|
||||||
|
max-width: 100%
|
||||||
|
margin: auto
|
||||||
|
background: image-url("twister_logo.png") no-repeat 50% 50%
|
||||||
|
background-size: 20px
|
||||||
|
li
|
||||||
|
float: left
|
||||||
|
margin: 0 20px 0 0
|
||||||
|
position: relative
|
||||||
|
display: block
|
||||||
|
> a
|
||||||
|
line-height: 50px
|
||||||
|
height: 50px
|
||||||
|
padding: 0 .5em
|
||||||
|
display: inline-block
|
||||||
|
color: rgba(white, 0.5)
|
||||||
|
font-size: 1.1em
|
||||||
|
transition: all .2s linear
|
||||||
|
position: relative
|
||||||
|
font-weight: 500
|
||||||
|
border-bottom: 3px solid transparent
|
||||||
|
+box-sizing(border-box)
|
||||||
|
&:hover
|
||||||
|
color: white
|
||||||
|
&.current > a
|
||||||
|
color: white
|
||||||
|
border-bottom: 3px solid $main-color-color
|
||||||
|
|
||||||
|
|
||||||
|
/* Menu specific entries */
|
||||||
|
|
||||||
|
.userMenu li
|
||||||
|
|
||||||
|
&.userMenu-home
|
||||||
|
a span.label
|
||||||
|
display: block!important
|
||||||
|
|
||||||
|
.menu-news
|
||||||
|
position: absolute
|
||||||
|
top: 6px
|
||||||
|
right: -6px
|
||||||
|
background: $main-color-color
|
||||||
|
color: #fff
|
||||||
|
padding: 1px 3px
|
||||||
|
line-height: 12px
|
||||||
|
display: none
|
||||||
|
font-size: 9px
|
||||||
|
font-weight: 700
|
||||||
|
border-radius: 2px
|
||||||
|
&.show
|
||||||
|
display: block
|
||||||
|
|
||||||
|
&.userMenu-dhtindicator, &.userMenu-connections, &.userMenu-messages
|
||||||
|
display: none!important
|
||||||
|
|
||||||
|
&.userMenu-config, &.userMenu-search
|
||||||
|
float: right
|
||||||
|
position: relative
|
||||||
|
margin-right: 0
|
||||||
|
color: white
|
||||||
|
+ a
|
||||||
|
color: $main-color-dark
|
||||||
|
&.userMenu-search
|
||||||
|
padding-top: 5px
|
||||||
|
&.userMenu-config > a
|
||||||
|
@extend .icon-cog
|
||||||
|
@extend .extend-icon
|
||||||
|
font-size: 1.5em
|
||||||
|
|
||||||
68
theme_nin/sass/_network.sass
Executable file
68
theme_nin/sass/_network.sass
Executable file
@ -0,0 +1,68 @@
|
|||||||
|
/********** LOGIN AND NETWORK PAGES *******/
|
||||||
|
.network.singleBlock
|
||||||
|
@extend .clear-fix
|
||||||
|
ul
|
||||||
|
padding-left: 20px
|
||||||
|
li
|
||||||
|
line-height: 36px
|
||||||
|
font-size: 13px
|
||||||
|
|
||||||
|
.module
|
||||||
|
width: 46%
|
||||||
|
float: left
|
||||||
|
margin: 0 1% 0 0
|
||||||
|
padding: 1.5%
|
||||||
|
background: $bloc-background-color
|
||||||
|
h2
|
||||||
|
display: block
|
||||||
|
|
||||||
|
h3
|
||||||
|
font-weight: 500
|
||||||
|
text-transform: none
|
||||||
|
border-bottom: 1px solid rgba(black, 0.2)
|
||||||
|
margin: 20px 0 10px 0
|
||||||
|
|
||||||
|
|
||||||
|
.singleBlock .spam-msg
|
||||||
|
resize: none
|
||||||
|
width: 100%
|
||||||
|
display: block
|
||||||
|
border-radius: 3px
|
||||||
|
padding: 4px
|
||||||
|
font-size: 13px
|
||||||
|
height: 80px
|
||||||
|
border: solid 1px rgba(0, 0, 0, 0.1)
|
||||||
|
line-height: 20px
|
||||||
|
position: relative
|
||||||
|
margin-left: -20px
|
||||||
|
margin-bottom: 10px
|
||||||
|
|
||||||
|
.highlight
|
||||||
|
background: $bloc-background-color
|
||||||
|
padding: 5px 8px
|
||||||
|
line-height: 1.7
|
||||||
|
display: inline-block
|
||||||
|
|
||||||
|
span.connection-status
|
||||||
|
line-height: 1em
|
||||||
|
font-weight: 500
|
||||||
|
font-size: 1em
|
||||||
|
&:before
|
||||||
|
content: ""
|
||||||
|
display: inline-block
|
||||||
|
height: .8em
|
||||||
|
width: .8em
|
||||||
|
margin-right: .8em
|
||||||
|
background: $color-red
|
||||||
|
color: white
|
||||||
|
&.connected:before
|
||||||
|
background: $main-color-color
|
||||||
|
|
||||||
|
.character-limit
|
||||||
|
float: right
|
||||||
|
margin-right: 18px
|
||||||
|
|
||||||
|
.connections span, .known-peers, .dht-nodes, .blocks, .last-block-time, .mining-difficulty
|
||||||
|
color: #333
|
||||||
|
font-weight: 700
|
||||||
|
|
||||||
328
theme_nin/sass/_postboard.sass
Executable file
328
theme_nin/sass/_postboard.sass
Executable file
@ -0,0 +1,328 @@
|
|||||||
|
/************* POST BOARD *************/
|
||||||
|
|
||||||
|
.postboard, .following
|
||||||
|
padding-left: $column-width + $gut-width
|
||||||
|
+box-sizing(border-box)
|
||||||
|
width: $postboard-width
|
||||||
|
@extend .clear-fix
|
||||||
|
|
||||||
|
|
||||||
|
.postboard-posts
|
||||||
|
position: relative
|
||||||
|
z-index: 1
|
||||||
|
clear: both
|
||||||
|
|
||||||
|
.postboard-news
|
||||||
|
font-size: 12px
|
||||||
|
box-sizing: border-box
|
||||||
|
position: relative
|
||||||
|
margin-bottom: 1px
|
||||||
|
cursor: pointer
|
||||||
|
padding: 10px
|
||||||
|
font-weight: 900
|
||||||
|
clear: both
|
||||||
|
color: white
|
||||||
|
text-align: center
|
||||||
|
text-transform: uppercase
|
||||||
|
background: $main-color-color
|
||||||
|
|
||||||
|
|
||||||
|
.post, .following li
|
||||||
|
background: $bloc-background-color
|
||||||
|
box-sizing: border-box
|
||||||
|
position: relative
|
||||||
|
margin-bottom: 1px
|
||||||
|
transition: margin .4s ease-out
|
||||||
|
-moz-transition: margin .4s ease-out
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
.post, .original.post, .post.open
|
||||||
|
background: $bloc-background-color
|
||||||
|
position: relative
|
||||||
|
margin-bottom: 1px
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
.module.open
|
||||||
|
.post
|
||||||
|
color: darken($defaut-font-color, 15%)
|
||||||
|
.post:hover
|
||||||
|
color: darken($defaut-font-color, 15%)
|
||||||
|
|
||||||
|
.post-data
|
||||||
|
padding: 10px
|
||||||
|
|
||||||
|
|
||||||
|
.post.open
|
||||||
|
.original, .related
|
||||||
|
margin-bottom: 1px
|
||||||
|
|
||||||
|
.postboard-posts > .post
|
||||||
|
&.open
|
||||||
|
margin-top: 20px
|
||||||
|
margin-bottom: 20px
|
||||||
|
&:after
|
||||||
|
content: ""
|
||||||
|
position: absolute
|
||||||
|
right: 0
|
||||||
|
top: 0
|
||||||
|
width: 0
|
||||||
|
height: 100%
|
||||||
|
transition: all .2s linear
|
||||||
|
&.open:after
|
||||||
|
width: 5px
|
||||||
|
|
||||||
|
.post:hover
|
||||||
|
cursor: pointer
|
||||||
|
|
||||||
|
|
||||||
|
.open
|
||||||
|
background: none
|
||||||
|
&:hover
|
||||||
|
background: none
|
||||||
|
|
||||||
|
.post-photo
|
||||||
|
margin: 0
|
||||||
|
display: inline-block
|
||||||
|
float: left
|
||||||
|
vertical-align: middle
|
||||||
|
width: 48px
|
||||||
|
height: 48px
|
||||||
|
overflow: hidden
|
||||||
|
img
|
||||||
|
width: 100%
|
||||||
|
height: 100%
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
.post-info-name
|
||||||
|
font-weight: 700
|
||||||
|
font-size: 1em
|
||||||
|
line-height: 14px
|
||||||
|
color: inherit
|
||||||
|
text-decoration: none
|
||||||
|
display: inline-block
|
||||||
|
padding-left: 10px
|
||||||
|
float: left
|
||||||
|
|
||||||
|
|
||||||
|
.post-info-name:hover
|
||||||
|
text-decoration: none
|
||||||
|
color: $main-color-light
|
||||||
|
|
||||||
|
.post-info-tag
|
||||||
|
font-size: 12px
|
||||||
|
opacity: .6
|
||||||
|
margin-top: 4px
|
||||||
|
display: inline-block
|
||||||
|
|
||||||
|
.post-info-time
|
||||||
|
float: right
|
||||||
|
font-size: 11px
|
||||||
|
line-height: 14px
|
||||||
|
text-decoration: none
|
||||||
|
color: lighten($dark-grey,30%)
|
||||||
|
&:hover
|
||||||
|
color: lighten($dark-grey,5%)
|
||||||
|
|
||||||
|
.post-text
|
||||||
|
margin: 0 0 0 58px
|
||||||
|
word-wrap: break-word
|
||||||
|
min-height: 25px
|
||||||
|
padding: 0
|
||||||
|
|
||||||
|
.post-context
|
||||||
|
font-size: 11px
|
||||||
|
line-height: 11px
|
||||||
|
margin: 0 0 1em 0
|
||||||
|
color: lighten($dark-grey,30%)
|
||||||
|
span
|
||||||
|
@extend .icon-twistagain
|
||||||
|
@extend .extend-icon
|
||||||
|
&:before
|
||||||
|
display: block
|
||||||
|
float: left
|
||||||
|
background: $main-color-color
|
||||||
|
text-align: center
|
||||||
|
padding: 1px 2px 2px 2px
|
||||||
|
line-height: 9px
|
||||||
|
font-size: 9px
|
||||||
|
+border-radius(3px)
|
||||||
|
color: white
|
||||||
|
margin-right: .4em
|
||||||
|
|
||||||
|
.mini-screen-name
|
||||||
|
font-size: 13px
|
||||||
|
color: $dark-grey
|
||||||
|
|
||||||
|
|
||||||
|
.post-retransmited-icon
|
||||||
|
display: none
|
||||||
|
|
||||||
|
.post-interactions
|
||||||
|
margin: 10px 0 3px 0
|
||||||
|
text-align: right
|
||||||
|
height: 12px
|
||||||
|
line-height: 12px
|
||||||
|
span
|
||||||
|
color: lighten($dark-grey,30%)
|
||||||
|
cursor: pointer
|
||||||
|
font-size: 12px
|
||||||
|
line-height: 12px
|
||||||
|
|
||||||
|
.post-expand
|
||||||
|
color: lighten($dark-grey,30%)
|
||||||
|
cursor: pointer
|
||||||
|
font-size: 12px
|
||||||
|
position: absolute
|
||||||
|
left: 10px
|
||||||
|
bottom: 10px
|
||||||
|
&:hover
|
||||||
|
color: lighten($dark-grey,5%)
|
||||||
|
|
||||||
|
.post-reply
|
||||||
|
@extend .extend-icon
|
||||||
|
@extend .icon-comment
|
||||||
|
|
||||||
|
.post-propagate
|
||||||
|
@extend .extend-icon
|
||||||
|
@extend .icon-twistagain
|
||||||
|
|
||||||
|
.post-favorite
|
||||||
|
display: none!important
|
||||||
|
@extend .extend-icon
|
||||||
|
@extend .icon-star
|
||||||
|
|
||||||
|
.post .show-more
|
||||||
|
display: inline-block
|
||||||
|
float: right
|
||||||
|
font-size: 12px
|
||||||
|
color: lighten($dark-grey,30%)
|
||||||
|
@extend .extend-icon
|
||||||
|
@extend .icon-chat
|
||||||
|
&:hover
|
||||||
|
color: lighten($dark-grey,5%)
|
||||||
|
|
||||||
|
|
||||||
|
.expanded-content.show-pic
|
||||||
|
display: block
|
||||||
|
|
||||||
|
.expanded-post
|
||||||
|
.post-expand, .post-reply, .post-propagate, .post-favorite
|
||||||
|
color: lighten($dark-grey,30%)
|
||||||
|
&:hover
|
||||||
|
color: lighten($dark-grey,5%)
|
||||||
|
|
||||||
|
.related .post-expand
|
||||||
|
display: none
|
||||||
|
margin: 0
|
||||||
|
|
||||||
|
.post-reply, .post-propagate, .post-favorite
|
||||||
|
padding-left: 10px
|
||||||
|
display: none
|
||||||
|
|
||||||
|
.post:hover, .original.open .post-interactions, .post:hover .original .post-interactions, .related.post:hover
|
||||||
|
.post-reply, .post-propagate, .post-favorite
|
||||||
|
display: inline-block
|
||||||
|
|
||||||
|
.open .related
|
||||||
|
.post-reply, .post-propagate, .post-favorite
|
||||||
|
display: none!important
|
||||||
|
&:hover
|
||||||
|
.post-reply, .post-propagate/*, .post-favorite*/
|
||||||
|
display: inline-block!important
|
||||||
|
|
||||||
|
.post-reply:hover, .post-propagate:hover, .post-favorite:hover
|
||||||
|
color: lighten($dark-grey,5%)
|
||||||
|
|
||||||
|
.expanded-content
|
||||||
|
display: none
|
||||||
|
padding: 5px 5px 0 5px
|
||||||
|
@extend .clear-fix
|
||||||
|
|
||||||
|
.image-preview
|
||||||
|
width: 100%
|
||||||
|
display: block
|
||||||
|
margin: auto
|
||||||
|
|
||||||
|
.preview-container
|
||||||
|
max-height: 500px
|
||||||
|
width: 100%
|
||||||
|
text-align: center
|
||||||
|
overflow-y: auto
|
||||||
|
background: black
|
||||||
|
|
||||||
|
.post-stats
|
||||||
|
float: left
|
||||||
|
li
|
||||||
|
display: inline-block
|
||||||
|
&.stat-count
|
||||||
|
font-weight: 700
|
||||||
|
font-size: 11px
|
||||||
|
float: left
|
||||||
|
line-height: 20px
|
||||||
|
color: llighten($dark-grey,30%)
|
||||||
|
span:last-child
|
||||||
|
padding-right: 5px
|
||||||
|
a
|
||||||
|
position: relative
|
||||||
|
text-decoration: none
|
||||||
|
display: inline-block
|
||||||
|
width: 20px
|
||||||
|
height: 20px
|
||||||
|
margin: 0 1px 0 0
|
||||||
|
img
|
||||||
|
width: 20px
|
||||||
|
height: 20px
|
||||||
|
|
||||||
|
|
||||||
|
.user-name-tooltip
|
||||||
|
display: none
|
||||||
|
position: absolute
|
||||||
|
background: lighten($main-color-dark,3%)
|
||||||
|
font-size: 12px
|
||||||
|
white-space: nowrap
|
||||||
|
padding: 3px 5px
|
||||||
|
color: #fff
|
||||||
|
top: -42px
|
||||||
|
left: 0px
|
||||||
|
&:after
|
||||||
|
content: ""
|
||||||
|
position: absolute
|
||||||
|
width: 0
|
||||||
|
left: 4px
|
||||||
|
bottom: -5px
|
||||||
|
border-top: solid 5px lighten($main-color-dark,3%)
|
||||||
|
border-left: solid 5px transparent
|
||||||
|
border-right: solid 5px transparent
|
||||||
|
|
||||||
|
.post-stats a:hover .user-name-tooltip
|
||||||
|
display: inline-block
|
||||||
|
|
||||||
|
.post-replies .sub-replies
|
||||||
|
border-left: solid 3px $main-color-color
|
||||||
|
margin-left: 1px
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
/* MODAL */
|
||||||
|
.modal-content
|
||||||
|
.postboard
|
||||||
|
width: auto!important
|
||||||
|
padding: 0
|
||||||
|
clear: none!important
|
||||||
|
position: relative
|
||||||
|
.post-text
|
||||||
|
margin: 0 0 0 40px
|
||||||
|
.post-photo
|
||||||
|
width: 30px
|
||||||
|
height: 30px
|
||||||
|
img
|
||||||
|
width: 100%
|
||||||
|
height: 100%
|
||||||
266
theme_nin/sass/_profile.sass
Executable file
266
theme_nin/sass/_profile.sass
Executable file
@ -0,0 +1,266 @@
|
|||||||
|
|
||||||
|
// variables for width
|
||||||
|
|
||||||
|
$modal-width: 980px
|
||||||
|
$modal-height: 550px
|
||||||
|
$modal-gut: 15px
|
||||||
|
$modal-postboard-height: $modal-height - 3*$modal-gut
|
||||||
|
$modal-left-col: 400px
|
||||||
|
$modal-right-col: ($modal-width - 2*$modal-gut) - $modal-left-col - $modal-gut
|
||||||
|
|
||||||
|
|
||||||
|
/*************************************
|
||||||
|
******************* PROFILE MODAL
|
||||||
|
***************************************/
|
||||||
|
|
||||||
|
.profile-modal
|
||||||
|
.modal-wrapper
|
||||||
|
width: $modal-width
|
||||||
|
max-width: 98%
|
||||||
|
position: absolute
|
||||||
|
top: 50%
|
||||||
|
+box-sizing(border-box)
|
||||||
|
height: $modal-height
|
||||||
|
margin: 0-($modal-height/2) 0 0 0-($modal-width/2)
|
||||||
|
h3
|
||||||
|
display: none
|
||||||
|
|
||||||
|
.profile-data
|
||||||
|
display: block
|
||||||
|
margin: auto
|
||||||
|
padding-top: 0
|
||||||
|
|
||||||
|
@extend .clear-fix
|
||||||
|
li
|
||||||
|
display: inline
|
||||||
|
margin: 0 5px
|
||||||
|
float: none
|
||||||
|
a
|
||||||
|
display: inline
|
||||||
|
span
|
||||||
|
&.posts-count, &.following-count, &.followers-count
|
||||||
|
display: inline-block
|
||||||
|
padding-right: 5px
|
||||||
|
|
||||||
|
|
||||||
|
.modal-content
|
||||||
|
height: 100%
|
||||||
|
overflow: hidden
|
||||||
|
padding: 0 $modal-gut 0 0
|
||||||
|
#profile-posts
|
||||||
|
padding: 0
|
||||||
|
|
||||||
|
.postboard
|
||||||
|
margin-left: 0
|
||||||
|
height: $modal-postboard-height
|
||||||
|
bottom: 0
|
||||||
|
position: relative
|
||||||
|
float: right
|
||||||
|
width: $modal-right-col!important
|
||||||
|
overflow: auto
|
||||||
|
|
||||||
|
.postboard-posts
|
||||||
|
display: block
|
||||||
|
|
||||||
|
.postboard-posts .post
|
||||||
|
padding: 0
|
||||||
|
.post-interactions
|
||||||
|
margin: 2px 10px 3px 60px
|
||||||
|
.profile-card
|
||||||
|
margin: 0
|
||||||
|
padding: 0
|
||||||
|
|
||||||
|
.profile-modal
|
||||||
|
h2.profile-screen-name
|
||||||
|
display: block
|
||||||
|
letter-spacing: 0
|
||||||
|
text-transform: none
|
||||||
|
color: lighten($dark-grey, 30%)
|
||||||
|
padding: 5px 0
|
||||||
|
margin: 0
|
||||||
|
font-size: 13px
|
||||||
|
line-height: 13px
|
||||||
|
|
||||||
|
|
||||||
|
/* Profile card*/
|
||||||
|
|
||||||
|
.profile-card
|
||||||
|
height: 100%
|
||||||
|
background: white
|
||||||
|
.profile-card-main
|
||||||
|
position: relative
|
||||||
|
text-align: center
|
||||||
|
word-wrap: break-word
|
||||||
|
transition: all .2s linear
|
||||||
|
background: none!important
|
||||||
|
padding: 10px
|
||||||
|
|
||||||
|
|
||||||
|
h1
|
||||||
|
font-size: 22px
|
||||||
|
font-weight: bold
|
||||||
|
display: inline-block
|
||||||
|
padding-top: 10px
|
||||||
|
|
||||||
|
&:before
|
||||||
|
content: ""
|
||||||
|
border: solid 0px #fff
|
||||||
|
transition: all .2s linear
|
||||||
|
position: absolute
|
||||||
|
left: 1px
|
||||||
|
top: 1px
|
||||||
|
right: 1px
|
||||||
|
bottom: 1px
|
||||||
|
z-index: 0
|
||||||
|
*
|
||||||
|
position: relative
|
||||||
|
z-index: 1
|
||||||
|
|
||||||
|
.profile-card-photo
|
||||||
|
height: 75px
|
||||||
|
margin: 0 auto
|
||||||
|
display: block
|
||||||
|
width: auto
|
||||||
|
|
||||||
|
.profile-card-photo.forEdition
|
||||||
|
+border-radius(50%)
|
||||||
|
height: 75px
|
||||||
|
margin: 0 auto
|
||||||
|
display: block
|
||||||
|
width: 75px
|
||||||
|
|
||||||
|
.profile-bio
|
||||||
|
padding: 10px
|
||||||
|
font-style: italic
|
||||||
|
text-align: center
|
||||||
|
|
||||||
|
|
||||||
|
.profile-card
|
||||||
|
float: left
|
||||||
|
width: $modal-left-col
|
||||||
|
position: relative
|
||||||
|
padding: $modal-gut
|
||||||
|
|
||||||
|
.direct-messages-with-user, .follow, .profileUnfollow, .follow
|
||||||
|
display: inline-block
|
||||||
|
position: static
|
||||||
|
|
||||||
|
.isFollowing:after
|
||||||
|
font-size: 15px
|
||||||
|
position: absolute
|
||||||
|
|
||||||
|
.profileUnfollow
|
||||||
|
background: $main-color-light
|
||||||
|
|
||||||
|
.twister-user-info
|
||||||
|
@extend .clear-fix
|
||||||
|
text-align: center
|
||||||
|
width: 100%
|
||||||
|
padding: 0
|
||||||
|
|
||||||
|
.follow
|
||||||
|
background: $main-color-color
|
||||||
|
|
||||||
|
.known-followers
|
||||||
|
text-align: center
|
||||||
|
clear: both
|
||||||
|
width: 100%
|
||||||
|
|
||||||
|
|
||||||
|
#msngrswr
|
||||||
|
display: none
|
||||||
|
text-align: center
|
||||||
|
margin: 10px 0
|
||||||
|
|
||||||
|
.profile-extra-contact
|
||||||
|
display: none
|
||||||
|
margin: 0 15px 0 0
|
||||||
|
font-weight: 500
|
||||||
|
background: $background-light
|
||||||
|
padding: 2px 8px 3px 8px
|
||||||
|
+border-radius(2px)
|
||||||
|
|
||||||
|
|
||||||
|
.bitmessage-ctc, .tox-ctc
|
||||||
|
font-size: 13px
|
||||||
|
line-height: 15px
|
||||||
|
cursor: pointer
|
||||||
|
color: $main-color-dark
|
||||||
|
&:hover
|
||||||
|
color: $main-color-color
|
||||||
|
|
||||||
|
.bitmessage-ctc:after, .tox-ctc:after
|
||||||
|
font-family: $symbol-font-family
|
||||||
|
content: ''
|
||||||
|
font-style: normal
|
||||||
|
font-weight: normal
|
||||||
|
speak: none
|
||||||
|
display: inline-block
|
||||||
|
text-decoration: inherit
|
||||||
|
width: 1em
|
||||||
|
text-align: center
|
||||||
|
font-variant: normal
|
||||||
|
text-transform: none
|
||||||
|
line-height: 1em
|
||||||
|
|
||||||
|
.profile-modal
|
||||||
|
.profile-tox, .profile-bitmessage
|
||||||
|
display: inline-block
|
||||||
|
margin-right: 5px
|
||||||
|
font-size: 13px
|
||||||
|
&:hover
|
||||||
|
color: $main-color-color
|
||||||
|
|
||||||
|
|
||||||
|
.profile-modal .modal-buttons
|
||||||
|
display: none
|
||||||
|
|
||||||
|
/* EDITION PROFILE*/
|
||||||
|
|
||||||
|
.forEdition.profile-card
|
||||||
|
+box-sizing(border-box)
|
||||||
|
@extend .clear-fix
|
||||||
|
width: auto
|
||||||
|
background: $background-light
|
||||||
|
.profile-card-main
|
||||||
|
margin: 0
|
||||||
|
width: 330px
|
||||||
|
+box-sizing(border-box)
|
||||||
|
padding: 10px
|
||||||
|
background: $background-light
|
||||||
|
input
|
||||||
|
display: block
|
||||||
|
margin: 5px auto
|
||||||
|
background: white
|
||||||
|
border: 1px solid lighten($dark-grey, 50%)
|
||||||
|
padding: 6px 4px
|
||||||
|
margin-bottom: 4px
|
||||||
|
text-align: center
|
||||||
|
transition: all .2s linear
|
||||||
|
&:hover, &:focus
|
||||||
|
background: white
|
||||||
|
border-color: $main-color-light
|
||||||
|
|
||||||
|
.input-description
|
||||||
|
width: 90%
|
||||||
|
|
||||||
|
.input-name
|
||||||
|
font-size: 20px
|
||||||
|
|
||||||
|
.forEdition .profile-card-main
|
||||||
|
.input-website, .input-city
|
||||||
|
display: inline-block
|
||||||
|
.input-tox, .input-bitmessage
|
||||||
|
width: 90%
|
||||||
|
margin-top: 10px
|
||||||
|
h2
|
||||||
|
text-transform: none
|
||||||
|
font-weight: 700
|
||||||
|
font-size: .9em
|
||||||
|
|
||||||
|
.profile-edition-buttons
|
||||||
|
text-align: right
|
||||||
|
|
||||||
|
.selectable_theme.theme_calm
|
||||||
|
display: none
|
||||||
|
|
||||||
40
theme_nin/sass/_responsive.sass
Normal file
40
theme_nin/sass/_responsive.sass
Normal file
@ -0,0 +1,40 @@
|
|||||||
|
@media (max-width: 1200px)
|
||||||
|
.wrapper
|
||||||
|
width: 900px
|
||||||
|
|
||||||
|
.dashboard.right
|
||||||
|
display: none
|
||||||
|
|
||||||
|
.userMenu ul
|
||||||
|
width: 900px
|
||||||
|
|
||||||
|
.postboard
|
||||||
|
width: 100%
|
||||||
|
|
||||||
|
.following-list li
|
||||||
|
width: 47%
|
||||||
|
float: left
|
||||||
|
margin: 0 2% 2% 0
|
||||||
|
font-size: 80%
|
||||||
|
|
||||||
|
@media (max-width: 900px)
|
||||||
|
.profile-modal .modal-wrapper
|
||||||
|
margin-left: 0
|
||||||
|
left: 1%
|
||||||
|
|
||||||
|
@media (max-width: 600px)
|
||||||
|
.dashboard.left, .postboard
|
||||||
|
position: static
|
||||||
|
width: 100%
|
||||||
|
.postboard
|
||||||
|
margin: 0
|
||||||
|
padding: 10px
|
||||||
|
.who-to-follow, .toptrends
|
||||||
|
display: none
|
||||||
|
.mini-profile
|
||||||
|
.post-area, .post-area-new
|
||||||
|
display: none
|
||||||
|
.following-list li
|
||||||
|
width: 98%
|
||||||
|
float: none
|
||||||
|
margin: 2% 1%
|
||||||
65
theme_nin/sass/_tabs.sass
Normal file
65
theme_nin/sass/_tabs.sass
Normal file
@ -0,0 +1,65 @@
|
|||||||
|
.options
|
||||||
|
position: relative
|
||||||
|
|
||||||
|
.label
|
||||||
|
font-weight: 700
|
||||||
|
|
||||||
|
label
|
||||||
|
cursor: pointer
|
||||||
|
input[type=radio]
|
||||||
|
display: none!important
|
||||||
|
visibility: hidden
|
||||||
|
opacity: 0
|
||||||
|
|
||||||
|
.postboard-display div
|
||||||
|
clear: both
|
||||||
|
div
|
||||||
|
float: left
|
||||||
|
clear: none
|
||||||
|
padding: 10px
|
||||||
|
.label
|
||||||
|
font-weight: 400
|
||||||
|
|
||||||
|
|
||||||
|
.tab-content
|
||||||
|
background: $bloc-background-color
|
||||||
|
position: relative
|
||||||
|
padding: 20px
|
||||||
|
@extend .clear-fix
|
||||||
|
> div
|
||||||
|
position: absolute
|
||||||
|
top: 0
|
||||||
|
left: 0
|
||||||
|
height: auto
|
||||||
|
width: 100%
|
||||||
|
z-index: -1
|
||||||
|
opacity: 0
|
||||||
|
visibility: hidden
|
||||||
|
input
|
||||||
|
&#tab_language:checked ~ .tab-content .language,
|
||||||
|
&#t-2:checked ~ .tab-content .theme,
|
||||||
|
&#t-3:checked ~ .tab-content .sounds,
|
||||||
|
&#t-4:checked ~ .tab-content .keys,
|
||||||
|
&#t-5:checked ~ .tab-content .postboard-display,
|
||||||
|
&#t-6:checked ~ .tab-content .users
|
||||||
|
position: relative
|
||||||
|
z-index: 10
|
||||||
|
opacity: 1
|
||||||
|
visibility: visible
|
||||||
|
|
||||||
|
label.tabs
|
||||||
|
&:hover
|
||||||
|
color: $main-color-dark
|
||||||
|
text-align: center
|
||||||
|
width: auto
|
||||||
|
display: inline-block!important
|
||||||
|
margin: 0 5px 0 0
|
||||||
|
padding: 5px 15px
|
||||||
|
color: $main-color-light
|
||||||
|
background: $background-light
|
||||||
|
|
||||||
|
input:checked + label.tabs
|
||||||
|
background: $bloc-background-color
|
||||||
|
color: $main-color-dark
|
||||||
|
|
||||||
|
|
||||||
5
theme_nin/sass/_utils.sass
Executable file
5
theme_nin/sass/_utils.sass
Executable file
@ -0,0 +1,5 @@
|
|||||||
|
.clear-fix
|
||||||
|
&:after // clearfix
|
||||||
|
content: ""
|
||||||
|
display: table
|
||||||
|
clear: both
|
||||||
34
theme_nin/sass/_var.sass
Executable file
34
theme_nin/sass/_var.sass
Executable file
@ -0,0 +1,34 @@
|
|||||||
|
//these are the main variables used in the sass file
|
||||||
|
|
||||||
|
$site-width : 1180px
|
||||||
|
$gut-width : 30px
|
||||||
|
$column-width : 300px // set the width ok left and right colums
|
||||||
|
$indicators-width : $column-width/3
|
||||||
|
$postboard-width : ($site-width - $column-width) - $gut-width
|
||||||
|
$postboard-modal-width : ($site-width - 2*$column-width) - 2*$gut-width
|
||||||
|
|
||||||
|
|
||||||
|
$light-grey: #E2E1DE
|
||||||
|
$dark-blue: #38434E
|
||||||
|
$color-yellow: #E6953C
|
||||||
|
$color-pink: #BF6B6C
|
||||||
|
$color-green: #B4C669
|
||||||
|
$color-red: #EF5D43
|
||||||
|
$color-blue: #5B7897
|
||||||
|
$dark-grey : #66686B
|
||||||
|
|
||||||
|
$main-color-light: #aaa
|
||||||
|
$main-color-dark: $dark-grey
|
||||||
|
$main-color-color: $color-green
|
||||||
|
$main-background-color: $light-grey
|
||||||
|
|
||||||
|
$bloc-background-color: white
|
||||||
|
$background-light: lighten($main-background-color, 7% )
|
||||||
|
|
||||||
|
$defaut-font-color: $dark-grey
|
||||||
|
|
||||||
|
/* FONTS */
|
||||||
|
|
||||||
|
$main-font-family: "Roboto", sans-serif
|
||||||
|
$symbol-font-family: "fontello"
|
||||||
|
$serif-font-family: "Droid"
|
||||||
1080
theme_nin/sass/style.sass
Executable file
1080
theme_nin/sass/style.sass
Executable file
File diff suppressed because it is too large
Load Diff
Loading…
x
Reference in New Issue
Block a user