1<style> 

2 

3.portlet-asset-publisher .lfr-meta-actions { 

4	float: none; 

5} 

6 

7.lfr-discussion { 

8    margin-top: 27px; 

9} 

10 

11.user-profile-image { 

12    text-align: left !important; 

13} 

14.taglib-header { 

15    display: none; 

16} 

17 

18.taglib-social-bookmarks { 

19    display: none; 

20} 

21 

22.lfr-discussion-posted-on { 

23    position: absolute; 

24    top: 28px; 

25    left: 70px; 

26} 

27 

28.lfr-discussion-body { 

29    float: none !important; 

30    margin-left: 0px !important; 

31    width: 100% !important; 

32} 

33 

34.aui [class*="span"]{ 

35    float: none !important; 

36} 

37 

38.postContent a{ 

39    color:#a8b600; 

40} 

41 

42 

43.user-name { 

44    position: absolute; 

45    top: 10px; 

46    left: 69px; 

47    color: #a8b600; 

48    text-decoration: none !important; 

49} 

50 

51@media (min-width: 979px) { 

52    .postContent, .taglib-discussion{ 

53        position: relative; 

54    } 

55} 

56 

57@media (max-width: 979px) { 

58    .postContent, .taglib-discussion{ 

59        position: relative; 

60    } 

61    .cabPost h1 { 

62        text-align:center; 

63    } 

64} 

65 

66.cabPost { 

67    position: relative; 

68} 

69 

70.cabPost img { 

71    min-width: 100%; 

72    max-height: 600px; 

73    display:none; 

74} 

75 

76.cabPost h1 { 

77    /*position: absolute;*/ 

78    bottom: 15%; 

79    /*width: 86%; 

80    margin-left: 7%;*/ 

81    margin-right: 7%; 

82    /*color: #FFF;*/ 

83} 

84.cabPost .subtituloPost { 

85    /*position: absolute;*/ 

86    bottom: 10%; 

87    /*color: #FFF;*/ 

88    /*display:flex;*/ 

89    justify-content: center; 

90    width: 100%; 

91} 

92 

93.imgPost { 

94	background-repeat: no-repeat; 

95	background-size: cover; 

96	background-position: center center; 

97	height: 350px; 

98	width: 100%; 

99	display: block; 

100} 

101 

102.contentPost { 

103    padding-top: 50px; 

104    font-family: Gotham-book; 

105    font-size: 18px; 

106    text-align:justify; 

107    /*esto para limitar el tamaño*/ 

108    /*overflow: hidden; 

109    line-height: 23.4pt; 

110    white-space: pre-line; 

111    text-overflow: ellipsis; 

112    max-height: 160px;*/ 

113} 

114 

115.contentPostExpanded { 

116    padding-top: 50px; 

117    font-family: Gotham-book; 

118    font-size: 18px; 

119    width: 100%; 

120    padding-left:5%; 

121    line-height: 23.4pt; 

122    padding-right:5%; 

123    text-align:justify; 

124} 

125 

126.contentPost img, .contentPostExpanded img { 

127    text-align: center; 

128    padding-top: 40px; 

129    padding-bottom: 25px; 

130    align-items: center; 

131    display: block; 

132    margin-left: auto; 

133    margin-right: auto; 

134    width:100%; 

135} 

136 

137.contentPostReadMore, .contentPostReadLess{ 

138	padding-top: 20px; 

139    padding-left: 5%; 

140    padding-right: 5%; 

141    color: #99BB36!important; 

142} 

143 

144.contentPostReadMore:hover, .contentPostReadLess:hover { 

145    cursor: pointer; 

146} 

147 

148.h2Oculto{ 

149    text-indent: -9999px;  

150    width: 0;  

151    height: 0;  

152    margin: 0;  

153    padding: 0;  

154    line-height: 0;  

155    font-size: 0;  

156    position: absolute;  

157} 

158 

159h1.titpost{ 

160	font-size: 31.5px; 

161	font-weight: normal; 

162} 

163 

164@media (max-width: 767px) { 

165 

166     

167    .cabPost h1 { 

168        position: relative !important; 

169        padding-top: 20px; 

170        font-size: 30px; 

171    } 

172     

173    .cabPost .subtituloPost { 

174        position: relative; 

175        padding-bottom: 27px; 

176    } 

177 

178} 

179 

180 

181</style> 

182<#assign serviceContext = staticUtil["com.liferay.portal.service.ServiceContextThreadLocal"].getServiceContext()> 

183<#assign num = 0/> 

184<#if serviceContext.getRequest().getParameter('categoryId')?has_content > 

185    <#assign num = serviceContext.getRequest().getParameter('categoryId')?html!'' /> 

186</#if> 

187 

188<#if num?string != '0' && num?contains(",")> 

189   <#list num?split(",") as sValue> 

190      <#assign num = sValue/> 

191    </#list> 

192</#if> 

193 

194 

195<#assign assetCatLSU = serviceLocator.findService("com.liferay.portlet.asset.service.AssetCategoryLocalService")/> 

196 

197<#assign viewURL = serviceContext.getPortalURL() + "/web/guest/blog"/> 

198<#assign categoryName = ""/> 

199 

200<#if num?string != '0' && num?contains(",")> 

201    <#assign assetCategory = assetCatLSU.getAssetCategory(num?string?number)/> 

202    <#assign categoryName = assetCategory.getName()/> 

203    <#assign viewURL = viewURL + "?categoryId="+ num?string/> 

204</#if> 

205 

206 

207<div class="postContent"> 

208    <#assign fechaPost_Data = getterUtil.getLong(fechaPost.getData())> 

209    <#if (fechaPost_Data > 0)> 

210    	<#assign fechaPost_DateObj = dateUtil.newDate(fechaPost_Data)> 

211    	<#assign postDate = dateUtil.getDate(fechaPost_DateObj, "dd MMMM yyyy", locale)> 

212    </#if> 

213    <div class="navWCPost"></div> 

214    <div> 

215        <h1 class="titpost">${cabPost.getData()}</h1> 

216        

217        <span class="subtituloPost">  

218     

219        <a href="${viewURL}"> ${categoryName?capitalize} </a> | ${postDate} 

220             

221        </span> 

222        

223    </div> 

224     

225	<#-- H2 OCULTO - EMPIEZA SECCIÓN DE CONTENIDO --> 

226	<#if (tituloH2.getData()?has_content)??> 

227        <div class="h2Oculto"> 

228            <h2>${tituloH2.getData()}</h2> 

229        </div> 

230    </#if> 

231	<#-- FIN H2 OCULTO --> 

232	 

233    <div id="contentPost" class="contentPost"> 

234    	<div class="imgPost" style="background-image:url(${imgCabPost.getData()})"></div> 

235    	<br/> 

236        ${htmlPost.getData()} 

237    </div> 

238     

239    <#--<div class="contentPostReadMore"><span> ${languageUtil.get(locale, "es.escueladelagua.leerMas")} </span></div>--> 

240    <#--<div class="contentPostReadLess" style="display:none;"><span> ${languageUtil.get(locale, "es.escueladelagua.leerMenos")} </span></div>--> 

241     

242    <#-- <#assign journalArticleLocalService = serviceLocator.findService("com.liferay.portlet.journal.service.JournalArticleLocalService")> 

243    <#assign ja = journalArticleLocalService.getArticleByUrlTitle(groupid, webContentURLTitle)/> 

244    <#assign numComm = MBMessageLocalServiceUtil.getDiscussionMessagesCount("com.liferay.portlet.journal.model.JournalArticle", ja.getResourcePrimKey(), 0)/> --> 

245    <#assign themeDisplay = objectUtil("com.liferay.portal.theme.ThemeDisplay") /> 

246    

247     

248    

249</div> 

250 

251<script> 

252 

253	/*$(document).ready(function() { 

254	    $('.navWCPost').prepend($('.categoryNavPost')); 

255	     

256	    $('.contentPostReadMore').click(function() { 

257            $('#contentPost').removeClass("contentPost"); 

258            $('#contentPost').addClass("contentPostExpanded"); 

259            $('.contentPostReadMore').hide(); 

260            $('.contentPostReadLess').show(); 

261        }); 

262         

263        $('.contentPostReadLess').click(function() { 

264            $('#contentPost').removeClass("contentPostExpanded"); 

265            $('#contentPost').addClass("contentPost"); 

266            $('.contentPostReadMore').show(); 

267            $('.contentPostReadLess').hide(); 

268        }); 

269	     

270	});*/ 

271</script>